SkillGitHub
All components
focus-gallery

Focus gallery

Lets one image gain focus while neighboring media yields.

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

Component behavior

Focus, crop, and caption change together Lets one image gain focus while neighboring media yields.

Suitable events

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

Runtime information

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