design-infraReport a problem or share feedback← Catalog
Image Viewer Morphing
curatedfreebeui/morphing-lightbox
A thumbnail-connected image viewer with composable gallery, thumbnail, content, caption and navigation parts, plus a shared state hook. Expand into the full-size image and return to the thumbnail on close, with swipe navigation, zoom and pan.
$
npx shadcn@latest add @beui/morphing-lightboxnpm deps: clsx, lucide-react, motion, tailwind-merge
Our notes
An image viewer for inspecting gallery items and attachments. Supply licensed images and meaningful alt text; verify focus return and mobile gestures.- Source
- beUI (free)
- Kind
- component
- Categories
- image
- Use as
- drop-in — replaces your component
- Applies to
- image
- Motion
- on state, drag · medium · motion · medium cost
- Tags
- react, tailwind-v4, motion, motion
- Licence
- MIT — Copyright (c) 2026 Saurabh Chauhan; retain the upstream notice when copying source.
- Live demo
- beui.dev
- Docs
- beui.dev
Similar
Compare all 4 →- Image Generationbeui/image-generationA stable generated-image surface that moves from queued work through progressive refinement to a completed result without layout shift.
- Pixel Brush Canvassmoothui/pixel-brush-canvasKeyboard-operable pixel art editor with drawing, color selection and undo. Hosted demo uses original small artwork; useful for creative tools and playful interactions.
- Youtube Video Playercult-ui/youtube-video-playerYouTube video player component with custom controls and smooth animations