Scroll Effect
A stacking card scroll effect where cards stack on top of each other as you scroll.
Component preview
Install using CLI
npx shadcn@latest add "https://www.obsidianui.dev/r/scroll-effect.json"Install Manually
1
Install dependencies
npm install motion
2
Copy the source code
Copy into components/block/scroll-effect.tsx
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| images | { start: string[]; middle: string[]; featured: string } | Required | Image groups and the featured image revealed during scrolling |
| className | string | - | Additional classes for the scroll section |
Last updated on