Flow Scroll
A smooth scroll-driven animation where elements flow and transform as you scroll through the page. Creates a cinematic experience.
Component preview
Install using CLI
npx shadcn@latest add "https://www.obsidianui.dev/r/flow-scroll.json"Install Manually
1
Install dependencies
npm install motion clsx tailwind-merge
2
Copy the source code
Copy into components/block/flow-scroll.tsx
Note: Install via CLI for the full scroll-triggered animation implementation.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| images | string[] | Required | Image URLs arranged in three columns. Give the parent a fixed height to enable scrolling. |
Last updated on