Docs
Animated Gradient Text
Animated Gradient Text
An animated gradient background which transitions between colors for text.
🎉
Introducing Nyxb UI
Introducing Nyxb UI
Installation
npx nyxbui@latest add animated-gradient-text
Add the following animations to your tailwind.config.ts file:
// tailwind.config.ts
module.exports = {
theme: {
extend: {
animation: {
gradient: "gradient 8s linear infinite",
},
keyframes: {
gradient: {
to: {
backgroundPosition: "var(--bg-size) 0",
},
},
},
},
},
};
Props
Prop | Type | Description | Default |
---|---|---|---|
children | The children passed into the component | ||
className | string | The class name to be applied to the shimmer. |