Scenes
Auto Fit Title
Headline that auto-scales to fit safe area.
SceneblocksAdvanced
Install
npx remotion-ui@latest add auto-fit-titleUses @remotion/layout-utils fitText() and Inter from @remotion/google-fonts.
Live preview
Advanced — installs @remotion/layout-utils and @remotion/google-fonts.
AI usage
Install first, then import the copied source component locally.
Install
npx remotion-ui@latest add auto-fit-titleImport after install
@/remotion/scenes/auto-fit-title- Use when: full-frame scenes, overlays, cards, and reusable video sections.
- Customize: title, subtitle, maxFontSize, 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
import { AutoFitTitle } from "@/remotion/scenes/auto-fit-title";
<AutoFitTitle title="Headlines that always fit" subtitle="Any resolution" />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| title* | string | — | Headline text. |
| subtitle | string | — | Optional subtitle. |
| maxFontSize | number | 96 | Maximum title size in px. |