UI Blocks

Pre-assembled interface elements like code editors, layouts, charts, and workflow visualizations

Larger blocks built from primitives, the actual surfaces your viewers will recognize: code windows, terminals, charts, dashboards, and workflow diagrams.

Code & CLI

hero.tsx
 1import { motion } from "remotion";

GlassCodeBlock

Premium frosted-glass code window with rim light and traffic-light controls

~/projects/remocn

TerminalSimulator

CLI build simulation with chunked log output and step-function scrolling

~/code/remocn-demo

TerminalCursorZoom

Camera rides the typing cursor, dollying across a terminal as a command types at high zoom

Data & System

AnimatedLineChart

SVG line chart drawn left-to-right via stroke-dashoffset

AnimatedBarChart

Bars spring up from the baseline with deterministic stagger

Stretch InNEW

Letters fly in from off-canvas and smear horizontally on the way — a vertex-lag deformation, not a scale

Glass Code Block

A premium frosted-glass code editor window with a regex tokenizer and line-by-line stagger reveal