SkillGitHub
All components
expandable-card

Expandable card

Expands a compact story card in place into a full reading surface.

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

Component behavior

Shared geometry preserves the card origin and context Expands a compact story card in place into a full reading surface.

Suitable events

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

Runtime information

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