Dev Design Library

Motion Gallery Grid

A perfectly aligned image grid with a centered glassmorphism overlay card, heading, subtitle and CTA button, with a staggered blur/slide/fade/scale entrance triggered on scroll into view.

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

Categories

More from ReactFrame