Dev Design Library

Expand Card Grid

A 2x2 grid of image cards that expand to fill the frame on click, revealing title/description/CTA, with keyboard arrow navigation between cards and swipe-to-close on touch.

Expand Card Grid preview
Library
ReactFrame
Framework
React
Type
component
License
MIT
Dependencies
clsx, tailwind-merge
Install
npx shadcn@latest add https://reactframe.com/r/expand-card-grid.json
Files
  • registry/new-york/expand-card-grid/expand-card-grid.tsx
Source
https://github.com/AhmetLoca/reactframe-public

Categories

More from ReactFrame