Sticky Scroll Cards

A scroll-driven card stack where images pin and scale as you scroll, creating a layered depth effect.

Library

Componentry

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @componentry/sticky-scroll-cards

Files

• packages/ui/src/components/sticky-scroll-cards.tsx
• packages/ui/src/lib/utils.ts

Source

https://github.com/harshjdhv/componentry

Categories

• Card Stack Components
• React Card Stack Components
• Tailwind CSS Card Stack Components
• Animated Card Stack Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components
• Layout Components
• React Layout Components
• Tailwind CSS Layout Components
• Animated Layout Components

More from Componentry

• Case Study Flip Stack
• Layered Stack
• Orbit Card Stack
• Scroll Choreography
• Animated Gradient
• Annotated Text
• Ascii Effect
• Aurora Flow
• Autocomplete
• Circuit Board
• Closing Plasma
• Collection Surfer