Title Screen
EVA title-card renderer for the ceremonial side of the visual language. TitleScreen
now uses a staged 4:3 composition model instead of the old align prop, so it can
recreate finale cards, episode cards, and custom freeform layouts without drifting
back into HUD styling.
1import { TitleScreen } from "@mdrbx/nerv-ui";
Finale Template
EVANGELION
Episode Template
ATTACK
Freeform Glow
NERV-UI
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| blocks* | TitleScreenBlock[] | — | Ordered text blocks rendered on the 4:3 stage |
| template | "stacked" | "episode" | "finale" | "freeform" | "stacked" | Composition preset used to position blocks |
| appearance | "plain" | "glow" | "plain" | Overall treatment for text rendering |
| reveal | "none" | "minimal" | "minimal" | Block-level reveal intensity |
| className | string | "" | Additional CSS classes |
Each block defines role, text, and optional layout overrides such as anchor,
offsetX, offsetY, width, font, tone, size, italic, and
uppercase. Use template presets for canonical EVA cards, or
template="freeform" when you need anchored custom compositions.
The old title, subtitle, and align props are removed. Migrate center to
stacked, split to episode, and random to freeform or reveal="minimal"
depending on whether you need fixed placement or a softer staged reveal.
TitleScreen should stay sparse, serif-led, and quiet. Do not add rails, labels,
or utility copy inside the component itself. Those belong to documentation frames
or NERV monitoring surfaces, not EVA title cards.