Glass Scroll Stack

Glass cards that pin and pile up as you scroll, shrinking as new cards land on them.

Library

Opaline

Framework

React

Type

ui

License

MIT

Install

npx shadcn@latest add @opaline/theme @opaline/glass-scroll-stack

Files

• registry/opaline/ui/opaline/glass-scroll-stack.tsx
• registry/opaline/ui/opaline/liquid-glass.tsx
• registry/opaline/lib/glass-refraction.ts
• lib/utils.ts

Source

https://github.com/deepraj21/opaline

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 Opaline

• Glass Notification
• Glass Stack
• Glass Toast
• Glass Accordion
• Glass Alert
• Glass Badge
• Glass Bento Grid
• Glass Button
• Glass Card
• Glass Clock
• Glass Code Block
• Glass Command