# Resizable - shadcn/ui

> Accessible React component for building resizable panel layouts

Resizable is a copy-paste React component in shadcn/ui built on top of Brian Vaughn's react-resizable-panels library. It provides accessible, keyboard-friendly split-pane layouts with horizontal or vertical orientations and optional drag handles.

Website: https://ui.shadcn.com/docs/components/radix/resizable

## What it is for

- Build multi-pane dashboards or email client interfaces with collapsible columns
- Create code editor layouts with adjustable sidebars and terminal panels
- Add responsive split-view screens that support RTL and keyboard resizing

## Features

- Built on react-resizable-panels for robust panel management
- Horizontal and vertical panel orientation support
- Accessible keyboard navigation out of the box
- Optional visible grip handle via the withHandle prop
- Full RTL layout compatibility
- Installs directly into projects via the shadcn CLI

## Pricing

Open source

## Details

- Type: Web app
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- Open source: yes
- Platforms: Code library, Web
- For: React and Next.js developers building complex web app layouts
- Alternative to: react-split, react-resizable-layout, Allotment
- Tags: react, shadcn, tailwind, ui components, layout, panels

## Why it was saved

- [@shadcn, 22 December 2023](https://x.com/shadcn/status/1738283292745445723): Lets you build adjustable panel layouts (like IDE panes or mail clients) with draggable dividers and grip handles.

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/resizable-shadcn-ui

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.