Resizable
Allows users to adjust side-by-side workspace panels by dragging divider handles to fit their screen needs.
1.6 KB
•Updated on August 21, 2026
Installation
Bash
pnpm dlx shadcn@latest add @spaceui/components-spaceui-resizableExamples
Horizontal resizable layout
Vertical resizable layout.
Nested mixed-direction resizable layout.
Nested resizable
Handle with animated pill indicator
Handle pill with spring scale on drag
Handle with large capsule expansion on drag
Nested layout with animated pill handles
Three-panel layout with animated pill handles
State-tracked resizable layout.
Keep in mind
- MIT License: Free and open-source for personal and commercial use. Feel free to copy, tweak, and adapt the components to match your exact needs.
- Credits & Inspiration: Some components on this site are inspired by or recreated from great ideas across the web. I'm not here to take credit; just to learn, experiment, and push interface craft further.
- Reach out & Claims: If an attribution was missed, or if you have any inquiry or claim, feel free to reach out directly on X to @adrielzimbril. I'll be glad to update or resolve it right away.
On This Page
InstallationExamplesHorizontal resizable layoutVertical resizable layout.Nested mixed-direction resizable layout.Nested resizableHandle with animated pill indicatorHandle pill with spring scale on dragHandle with large capsule expansion on dragNested layout with animated pill handlesThree-panel layout with animated pill handlesState-tracked resizable layout.
Powered by