Docs
Retro Grid
Retro Grid
An animated scrolling retro grid effect
Retro Grid
Installation
npx nyxbui@latest add retro-grid
Add the following animations to your tailwind.config.ts file:
// tailwind.config.ts
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 | "" |