Feature List
A list being ticked off, row by row.
SceneScenes
feature-list30fps · 960×540
Install
$ npx remotion-ui@latest add feature-listEach row arrives in turn: its rule draws across, the row settles in behind it, and its check strokes in — so the scene ends on a list that has visibly been worked through rather than one that faded in.
items takes plain strings or { label, detail } objects when a row needs a
second line.
Self-contained scene. Uses layout and motion-tokens helpers only.
Agent notes
Install first, then import the copied source component locally. AI guide →
Import
@/remotion/scenes/feature-list- Use when: full-frame scenes, overlays, cards, and reusable video sections.
- Customize: items, title, eyebrow, accentColor, plus copied source for timing, layout, colors, and typography.
- Rule: do not import this component from the
remotion-uinpm package; it is copied into your project.
Usage
Example
import { FeatureList } from "@/remotion/scenes/feature-list";
<FeatureList
title="Why RemotionUI"
items={["Own your components", "Live previews", "CLI workflow"]}
/>API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| items* | (string | FeatureItem)[] | - | Rows, as strings or { label, detail }. Up to five are shown. |
| title | string | - | Section heading. |
| eyebrow | string | - | Small label above the heading. |
| accentColor | string | "#E8B86D" | Check and eyebrow colour. |
| theme | "dark" | "light" | "dark" | Surface palette. |
| speed | number | 1 | Animation speed multiplier. |