Auto Fit Title
Headline that auto-scales to fit safe area.
SceneScenesAdvanced
auto-fit-title30fps · 960×540
Install
$ npx remotion-ui@latest add auto-fit-titleUses @remotion/layout-utils fitText() and Inter from @remotion/google-fonts.
Advanced. Installs @remotion/layout-utils and @remotion/google-fonts.
Agent notes
Install first, then import the copied source component locally. AI guide →
Import
@/remotion/scenes/auto-fit-title- Use when: full-frame scenes, overlays, cards, and reusable video sections.
- Customize: title, subtitle, logoSrc, 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
Example
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. |
| logoSrc | string | - | Optional brand mark above the headline. |
| maxFontSize | number | 96 | Maximum title size in px. |