Flip Scroll
A scroll-triggered flip animation where elements rotate and transform as you scroll. Creates a dynamic, engaging scroll experience.
Install using CLI
npx shadcn@latest add "https://obsidianui.dev/r/flip-scroll.json"Install Manually
1
Install dependencies
2
Copy the source code
Copy into components/ui/flip-scroll.tsx
Note: Install via CLI for the full scroll-triggered animation implementation.
Props
| Prop Name | Type | Default | Description |
|---|---|---|---|
| items | FlipItem[] | - | Array of items to flip through |
| className | string | - | Additional CSS classes |