🎉
Introducing Magic UI
Introducing Magic UI
Installation
Run the following command:
npx magicui-cli add animated-gradient-textUpdate 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: {
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. |