Retro Grid
Installation
Run the following command:
npx magicui-cli add retro-grid
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: {
animation: {
grid: "grid 15s linear infinite",
},
keyframes: {
grid: {
"0%": { transform: "translateY(-50%)" },
"100%": { transform: "translateY(0)" },
},
},
},
},
};
Props
Prop | Type | Description | Default |
---|---|---|---|
className | string | The class name for the component | "" |