# Combobox: Select Menu UI

A shadcn-style searchable select shown open, with a fruit list and the first row highlighted. Use this video template in Subclip or copy its code for Claude.

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

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-combobox.mp4?v=0e63c11e99

A searchable select component with a placeholder trigger, an open panel of options and a highlighted row, for UI demo videos.

- 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/combobox

A clean light combobox shows the placeholder "Select a fruit..." with its panel open below, listing Apple, Banana, Orange and Grape, and the first row highlighted. The template holds this open state for four seconds. In the code, the panel fades, scales and lifts open, a query types in and filters the list, and a row gets picked.

You can set the state (opened or closed), a search query and how many of its characters are shown, the placeholder, the selected row and the highlighted row, plus playback speed and background. Use it in a SaaS product demo, a design system showcase, a form or filter walkthrough or a UI tutorial.

## Use it for

- SaaS product demos
- Design system showcases
- Form and filter walkthroughs
- UI tutorials

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