SkillGitHub
All components
image-lightbox

Gallery lightbox

Expands a thumbnail into an immersive gallery while managing focus and keyboard browsing.

  • Keyboard ready
  • Reduced motion
  • TypeScript
Scene
editorial · warm
Runtime cost
Medium
Motion engine
motion
Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/image-lightbox.json

Component behavior

Shared-element transition from thumbnail to gallery Expands a thumbnail into an immersive gallery while managing focus and keyboard browsing.

Suitable events

Use for browsing, focusing, scrolling, and dragging media.

Runtime information

Motion engine
motion
Runtime cost
Medium
Dependencies
motion
Open public Registry JSON