Resizable split panels animated with Motion, featuring smooth folding and snapping.
Included Components
26
APIInstallSeparatorOrientationCollapsing and foldsPinningNestingReorderingBoth edgesCore, without ReactStylingshadcnNesting and intersectionsPanels on both edgesWhat every element needsFolds and reordersGroupPanelHandlemotion-panelsGroup (Panel Group)Panel (Resizable Panel)Separator (Draggable Handle)Collapsible FoldsPin Modeshadcn Registry Integration
motion-panels is an unstyled, fluid resizable panel library powered by Motion. Acting as an animated successor to react-resizable-panels, it provides real spring-driven folding, collapsing, and snapping transitions without relying on any external layout engine. The core engine is framework-agnostic with a lightweight React adapter, and supports one-line installation into projects via the shadcn CLI.
