Flip Fade Text
An animated text component that flips and fades characters on a loop, creating a continuous mesmerizing effect.
LOADING
Install using CLI
npx shadcn@latest add "https://obsidianui.dev/r/flip-fade-text.json"Install Manually
1
Install dependencies
2
Copy the source code
Copy into components/ui/flip-fade-text.tsx
Note: Install via CLI for the full source code with animation timing logic.
Props
| Prop Name | Type | Default | Description |
|---|---|---|---|
| children | string | - | Text content to display |
| className | string | - | Additional CSS classes |