Blur In
Installation
npx shadcn@latest add "https://magicui.design/r/blur-in"Props
| Prop | Type | Description | Default |
|---|---|---|---|
| className | string | The class name to be applied to the component | |
| duration | number | Durations (seconds) for the animation | 1 |
| word | string | The word to be animated | |
| variant | object | Custom animation variants for motion component | hidden: { filter: "blur(10px)", opacity: 0 }, visible: { filter: "blur(0px)", opacity: 1 } |