# Tabs: Tabs UI

A pill-style tabs widget with Account, Password and Settings, shown with the Account tab active and its panel text. Use this video template in Subclip or copy its code for Claude.

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

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-tabs.mp4?v=1b6040d2bc

A tabs component with a pill or underline indicator and a short panel of text for the active tab.

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

A tabs widget shows Account, Password and Settings in a muted pill track, with Account active and the panel text "Make changes to your account here." below it. The template holds this state for four seconds. In the code, the indicator slides to the new tab, the label colors change and the panel text crossfades when the active tab switches.

You can set the active tab and switch between the pill and underline styles, plus playback speed and background. Use it in a settings or account page demo, a SaaS product tour, a feature comparison or a design system showcase.

## Use it for

- Settings page demos
- SaaS product tours
- Feature comparisons
- Design system showcases

## 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 Tabs 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 Tabs from remocn: https://remocn.dev