Expandable Gallery

A photo gallery with smooth item expansion.

Library

uselayouts

Framework

React

Type

component

License

MIT

Dependencies

@hugeicons/core-free-icons, @hugeicons/react, clsx, motion, tailwind-merge

Install

npx shadcn@latest add https://uselayouts.com/r/expandable-gallery

Files

• registry/default/example/expandable-gallery.tsx
• hooks/use-outside-click.ts
• lib/utils.ts

Source

https://github.com/iurvish/uselayouts

Categories

• Carousel Components
• React Carousel Components
• Tailwind CSS Carousel Components
• Animated Carousel Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components
• Gallery Components
• React Gallery Components
• Tailwind CSS Gallery Components
• Animated Gallery Components

More from uselayouts

• Bookshelf
• Coverflow Drag
• Dynamic Grid Gallery
• Feature Carousel
• Fluid Expanding Grid
• Infinite Canvas
• Memory Card Stack
• Overlapping Slider
• Photo Albums
• Polaroid Drag
• Polaroid Stack
• Rolling Card Stack