Resizable

Accessible resizable panel groups with keyboard support.

The Resizable component provides resizable panel groups that can be dragged to adjust sizes. It supports horizontal and vertical layouts, keyboard navigation, and accessibility features. Built from scratch using React and native HTML elements. No dependencies on any UI library.

Quick Install

Install via shadcn/ui CLI

bash

npx shadcn@latest add https://things.marvlock.dev/registry/ui/resizable.json

Examples

Default

One

Two

Three

Vertical

Top

Middle

Bottom