RemotionUI

Tool Menu Slide

Tool Menu Slide for Remotion.

CompositionAdvanced

tool-menu-slide30fps · 960×540
Install
$ npx remotion-ui@latest add tool-menu-slide

A tool's navigation in motion: the sidebar rows slide in staggered, the highlight steps down the list, and the content panel on the right swaps with it, so the menu is shown doing the job a menu does rather than as four rows on a plate. Duration comes from lib/preview-config.ts.

1920×1080 staggered tool menu slide-in.

Agent notes

Install first, then import the copied source component locally. AI guide →

Import
@/compositions/tool-menu-slide
  • Use when: complete video templates that can be customized as source.
  • Customize: edit the copied source file for timing, layout, colors, and typography.
  • Rule: do not import this component from the remotion-ui npm package; it is copied into your project.

Usage

Example
import { ToolMenuSlide } from "@/compositions/tool-menu-slide"; <ToolMenuSlide />

API Reference

On this page