Name: RemotionUI
Author: RemotionUI

SceneScenes

code-accordion30fps · 960×540

Install the scene

npx remotion-ui add code-accordion

Import in your composition

import { CodeAccordion } from "@/remotion/scenes/code-accordion";

Render with sections

<CodeAccordion sections={sections} activeIndex={1} />

Install

$ npx remotion-ui@latest add code-accordion

Code Accordion.

Agent notes

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

Import

@/remotion/scenes/code-accordion

Use when: full-frame scenes, overlays, cards, and reusable video sections.
Customize: sections, activeIndex, plus copied source 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 { CodeAccordion } from "@/remotion/scenes/code-accordion";

<CodeAccordion activeIndex={1} />

Prop	Type	Default	Description
sections	AccordionSection[]	-	Collapsible code sections.
activeIndex	number	1	Section expanded during the scene.