Lenis Expanding Grid — Free React & Next.js Cards Component

Responsive 10-row grid hooked recursively onto React Lenis scroll metrics, widening dynamically upon upward viewport intersections.

Lenis Expanding Grid 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/lenis-projects-grid

Category

Cards — Card layouts and containers

Tags

• grid
• projects
• lenis
• scroll
• expanding
• scale

Dependencies

• gsap
• lenis