SkillGitHub
All components
resizable-sidebar

Resizable sidebar

Preserves navigation context while a product sidebar resizes or collapses.

  • Keyboard ready
  • Reduced motion
  • TypeScript
Scene
product · mono
Runtime cost
Medium
Motion engine
motion
Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/resizable-sidebar.json

Component behavior

Labels, icons, and content width transition continuously Preserves navigation context while a product sidebar resizes or collapses.

Suitable events

Use for opening, positioning, and closing overlays, including keyboard focus transitions.

Runtime information

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