# Resizable: Split Panel UI

Two panels split by a draggable handle, shown at an even split with placeholder cards labeled Panel one and Panel two. Use this video template in Subclip or copy its code for Claude.

Canonical URL: https://www.subclip.app/motion-graphics-templates/remotion/resizable

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-resizable.mp4?v=05db6c03b5

A two-panel layout with a divider handle, where the split ratio and the handle state can be set for UI demo videos.

- Framework: Remotion
- Category: UI
- Duration: 7 s
- Aspect ratio: 16:9 landscape
- Code: Get the code (free sign-in): https://www.subclip.app/motion-graphics-templates/remotion/resizable

A light container is split side by side into two muted placeholder cards, "Panel one" and "Panel two", with a small handle on the divider between them. The template shows an even 50/50 split with the handle at rest for four seconds. In the code, the handle grows and shows a ring on hover and press, and the divider slides as it is dragged.

You can set the split ratio, the handle state (idle, hover or pressed) and the direction (horizontal or vertical), plus playback speed and background. Use it in an editor or IDE demo, a dashboard layout explainer, a design system showcase or a split-view feature video.

## Use it for

- Editor and IDE demos
- Dashboard layout explainers
- Design system showcases
- Split-view feature videos

## What you can change

- `speed`: Playback speed (Number)
- `stageBackground`: Background around the scene (Color)

## How to use this template

1. Download Subclip for Mac or Windows. Every template on this page comes pre-installed.
2. Open the Templates panel, pick Resizable and drop it on your timeline.
3. Change the text, colors and timing in the layer settings, or ask the AI agent to edit it for you.
4. Export your video, or download the code to use the template in your own project.

Built on Resizable from remocn: https://remocn.dev