Cinematic components and templates
Explore 21 ThreeUI components, templates, backgrounds, and interactive effects tagged Cinematic, with previews and editable implementation source.
- Motion Design — Mirror Phone
Mirror Phone retains its own scene construction, authored materials and lighting from ThreeUI Launch Film.
- Motion Design — Glass Showcase
Glass Showcase retains its own scene construction, authored materials and lighting from ThreeUI Launch Film.
- Motion Design — Spotlight Laptop
Spotlight Laptop retains its own scene construction, authored materials and lighting from ThreeUI Launch Film.
- Motion Design — Daylight Pedestal
Daylight Pedestal retains its own scene construction, authored materials and lighting from ThreeUI Launch Film.
- Motion Design — Device Family
Device Family retains its own scene construction, authored materials and lighting from ThreeUI Launch Film.
- Copy Prompt
Glowing ember particles assemble into animated, customizable text from ThreeUI Launch Film.
- Kage
The complete authored Kage temple experience, preserved as an interactive full-page document with its original navigation, scroll scenes, and local Three.js world.
- Inkbound River Story
The complete Inkbound river narrative, preserved unchanged with its cinematic chapters, scroll choreography, interactions, and embedded media.
- Echo Vale
The complete Echo Vale travel page with its Three.js point-cloud drift, horizontal journey scroller, and fourteen image placements served from a responsive local WebP package sized for true 2x display coverage.
- Cinder K1
A cinematic mechanical-keyboard hero with a pointer-guided lamp, responsive camera orbit, live keypress feedback, ember particles, firelit typography, and tactile pre-order controls.
- CRT — Terminal
The authored 19-row Zion boot log typing itself onto green phosphor, now resolved at the full backing resolution so the glyph cores stay crisp behind the grille.
- CRT — Cinematic
A monotone academy leader: letterboxed frame, sweeping countdown dial, scrolling film perforations, registration marks, and a running 24 fps timecode graded to pure luminance.
- CRT — Blue Screen
A retro signal-fault panel on saturated broadcast blue, torn by shader-side transport noise: per-row jitter, a rolling dropout band, head-switching scramble, and heavy static.
- CRT — Nintendo
An 8-bit console title screen drawn on a 320×180 grid with a hand-authored 5×7 pixel font and nearest-neighbour upscale, so every sprite, brick, and letter lands on a hard pixel edge.
- ThreeUI Launch Film
A 41-second ThreeUI launch film with sculpted 3D devices, kinetic titles, live interface recordings, a project showcase, and an animated brand lockup.
- Perspective UI — Cinematic Dashboard
The original 17.2-second DreamCut sequence: dashboard panels, glowing charts, floating task cards, adjustment sliders, the inspector, an export queue, and a closing logo reveal.
- Perspective UI — DesignCode Cinematic
An 18.7-second DesignCode product tour through its header, animated hero, course cards, footer, terminal, pricing, and final logo reveal, with dimensional panels and cinematic focus shifts.
- Perspective UI — ThreeUI Cinematic
A 28-second tour through ThreeUI's catalog, landing pages, source code, categories, component variants, and MCP workflow, ending with the Triwave mark and wordmark.
- Perspective UI — DreamCut
From first take to final cut: nine cinematic scenes through the editor, recording, timeline, transcripts, captions, audio, media, and export.
- Perspective UI — Mant Dashboard
The supplied Serein dashboard motion study: seven scenes of analytics, momentum, details, signals, planning, and people.
- Codex Astra
A cinematic Codex promo featuring GPT-6 Astra: stars form a 6 inside a blue nebula, a brief star flight leads into typed prompts, and a conversation brings an idea to life.