---
title: "Resizable Panels — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ariel Barrios · Interactive. Resizable Panels Component"
canonical: "https://framer.elliotli.dev/component/resizable-panels"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Resizable Panels

# Resizable Panels

Resizable Panels Component

[View on Framer](https://framer.com/marketplace/components/resizable-panels/?via=elliot-li)

![Resizable Panels preview image 1](https://framer.elliotli.dev/og/component/resizable-panels/c68b74fa5d5b8f87/1600x960.jpg)

## Summary

Resizable Panels Component

## Description

A Framer component implementing split panels with a draggable divider and configurable ratios. The component enables users to create resizable panel layouts with interactive drag functionality for adjusting panel sizes.

Includes an `enableFullWidth` property that, when enabled, applies `width: 100% !important` to the first child elements inside all panels content areas, allowing users to control panel widths via CSS classes.

Integrates with Framer's property controls system for configuration via the studio property panel.

## Rank history [How rankings work →](/terms#rankings)

-   All · #8396

## Details

- **Author**: Ariel Barrios
- **Price**: $5.00
- **Published**: 2026-09-10
- **Updated**: 2026-09-13
- **Added**: 2026-09-10
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase