Docs
Nintendo Switch

Nintendo Switch

Nintendo Switch made by TailwindCSS

The Nintendo Switch is built
with BuouUI using Tailwindcss.

NintendoSwitch

Installation

Update tailwind.config.js

Add the following animations to your tailwind.config.js file:

tailwind.config.js
/** @type {import('tailwindcss').Config} */
module.exports = {
  theme: {
    extend: {
      keyframes: {
        "logo-right": {
          "0%": { transform: "translateY(-40%)" },
          "25%": { transform: "translateY(-50%)" },
          "30%": { transform: "translateY(0)" },
          "70%": { transform: "translateY(0)" },
          "100%": { transform: "translateY(-40%)" },
        },
        "logo-icon": {
          "0%": { transform: "translateY(0)" },
          "30%": { transform: "translateY(0)" },
          "35%": { transform: "translateY(10%)" },
          "40%": { transform: "translateY(0)" },
          "100%": { transform: "translateY(0)" },
        },
      },
      animation: {
        "logo-right": "logo-right 2s linear infinite",
        "logo-icon": "logo-icon 2s linear infinite",
      },
    }
  }
}
 

Copy and paste the Switch code into your project.