Card Scatter — Free React & Next.js Cards Component

Scroll-driven card scatter animation with GSAP — cards fly out and rotate as you scroll, revealing a centered logo and CTA

Card Scatter is a premium cards component for React and Next.js applications. Built with Tailwind CSS, GSAP animations. Copy-paste ready. Part of the ValvetUI component library.

Installation

Install with CLI: npx shadcn add @valvetui/card-scatter

Category

Cards — Card layouts and containers

Tags

• cards
• scatter
• scroll
• gsap
• animation

Dependencies

• gsap