Block Catalog
Reusable Remotion scene components. Animated social follow cards, lower thirds, app showcases, and more — drop any block into your workflow's Compose Video node and edit props live.
Kinetic Text Intro
Headline that reveals word by word (spring) with a growing accent bar and a fading subhead. The biggest perceived-quality jump for an opener — use it instead of a plain text scene.
kinetic_text_introExtruded Bar Chart 3D
WebGL data-viz: real 3D extruded bars with perspective, depth, lighting and a slow orbit grow in (spring, staggered) from a JSON array of { label, value }, each counting up to its value. The 3D answer to Animated Bar Chart.
extruded_bar_chart_3dApp Store End Card
Closing hold for an app-preview video: app icon, name, tagline, ★ rating and a "Download on the App Store" badge. Portrait, springs in then holds. Drop a real icon via the IMAGE port.
app_store_end_cardAnimated Stat Counter
A big number that counts up from zero with an ease-out, plus a label and optional prefix/suffix. Use for any stat, metric, price, or count reveal.
animated_stat_counterAnimated Bar Chart
Bars grow in (spring, staggered) from a JSON array of { label, value }, each counting up to its value. Drop-in data-viz for any comparison, ranking, or trend.
animated_bar_chartApp Showcase
Single-phone hero with configurable screenshot, headline, and CTA. Phone spring-enters; CTA pulses. Simplified from hyperframes multi-phone triptych (Apache-2.0).
app_showcaseSpotify Now Playing
Spotify-branded now-playing card with album art, track/artist, animated progress bar, and matching green gradient. Ported from hyperframes (Apache-2.0).
spotify_cardTikTok Follow
TikTok-style profile card with signature pink+cyan avatar offset and red Follow → black Following ✓ animation. Ported from hyperframes (Apache-2.0).
tiktok_followYouTube Lower Third
White YouTube-style lower-third with red Subscribe → dark Subscribed ✓ toggle. Drop it over any vertical reel. Ported from hyperframes (Apache-2.0).
yt_lower_thirdInstagram Follow
Instagram-style profile card with verified badge and Follow → Following toggle animation. Slide-in, elastic button press, slide-out. Ported from hyperframes (Apache-2.0).
instagram_followCRT Glitch Reveal
Text reveal with CRT scan, chromatic-aberration jitter, and progressive character decrypt. Inspired by Lovis Odin's CRT-anim LoRA aesthetic.
crt_glitch_revealGradient Aura
Soft radial gradient backdrop with subtle brightness pulse. Three tone presets (warm, cool, sunrise). Optional centered headline. Pairs well as a hook or CTA backdrop.
gradient_auraVertical Split (B-roll on top)
Splits the frame vertically — B-roll video on top, main subject (talking head) on bottom. Props drive both inputs; ratio tunes the split.
vertical_split_brollTerminal Checklist
Green-on-black terminal checklist with staggered item reveal and a payoff tagline. Inspired by Andy's hook_animations_v2 reel.
terminal_checklistVSCode UI
VSCode UI — Andy's hand-crafted Remotion scene. 2 props. no ports detected — source-only preview.
vs_code_uiTweet Card
Tweet Card — Andy's hand-crafted Remotion scene. 13 props. authorName:TEXT, authorHandle:TEXT, authorAvatar:IMAGE, +3 more.
tweet_cardTutorial Longform
Tutorial Longform — Andy's hand-crafted Remotion scene. 7 props. audioSrc:AUDIO.
tutorial_longformTip List Card
Tip List Card — Andy's hand-crafted Remotion scene. 4 props. titleTop:TEXT, titleChip:TEXT.
tip_list_cardTier3Demo
Tier3Demo — Andy's hand-crafted Remotion scene. 0 props. no ports detected — source-only preview.
tier3demoTerminal Typing
Terminal Typing — Andy's hand-crafted Remotion scene. 7 props. title:TEXT.
terminal_typingTask Queue Progress
Task Queue Progress — Andy's hand-crafted Remotion scene. 10 props. textColor:TEXT, captionLead:TEXT, captionPayoff:TEXT.
task_queue_progressTalking Head Inset
Talking Head Inset — Andy's hand-crafted Remotion scene. 14 props. captionText:TEXT, captionStyle:TEXT.
talking_head_insetStat Versus
Stat Versus — Andy's hand-crafted Remotion scene. 5 props. vsTitle:TEXT, vsSubtitle:TEXT.
stat_versusStat Card
Stat Card — Andy's hand-crafted Remotion scene. 10 props. caption:TEXT, textColor:TEXT.
stat_cardSplit Head Below
Split Head Below — Andy's hand-crafted Remotion scene. 5 props. no ports detected — source-only preview.
split_head_belowSplit Head
Split Head — Andy's hand-crafted Remotion scene. 16 props. topLogo:IMAGE, captionText:TEXT, captionStyle:TEXT.
split_headSplit Chart
Split Chart — Andy's hand-crafted Remotion scene. 12 props. logo:IMAGE, logoWordmark:IMAGE, chartTitle:TEXT, +1 more.
split_chartSpeed Ramp Demo
Speed Ramp Demo — Andy's hand-crafted Remotion scene. 0 props. no ports detected — source-only preview.
speed_ramp_demoShader Transition
Shader Transition — Andy's hand-crafted Remotion scene. 4 props. no ports detected — source-only preview.
shader_transitionSearch Bar
Search Bar — Andy's hand-crafted Remotion scene. 8 props. no ports detected — source-only preview.
search_barQuote Card
Quote Card — Andy's hand-crafted Remotion scene. 7 props. quote:TEXT, avatarSrc:IMAGE, textColor:TEXT.
quote_cardPrompt Response
Prompt Response — Andy's hand-crafted Remotion scene. 11 props. aiResponse:TEXT, aiAvatar:IMAGE.
prompt_responsePhone Mockup
Phone Mockup — Andy's hand-crafted Remotion scene. 10 props. screenshotSrc:IMAGE, title:TEXT, subtitle:TEXT.
phone_mockupPage Burn
Page Burn — Andy's hand-crafted Remotion scene. 3 props. no ports detected — source-only preview.
page_burnMindmap Expand
Mindmap Expand — Andy's hand-crafted Remotion scene. 10 props. centralLogo:IMAGE, centralTextColor:TEXT, captionText:TEXT, +1 more.
mindmap_expandLogo Spotlight
Logo Spotlight — Andy's hand-crafted Remotion scene. 12 props. logo:IMAGE, iconScale:IMAGE, captionText:TEXT, +2 more.
logo_spotlightLogo List Reveal
Logo List Reveal — Andy's hand-crafted Remotion scene. 9 props. captionText:TEXT, captionStyle:TEXT, captionPosition:TEXT.
logo_list_revealLogo Grid Strike
Logo Grid Strike — Andy's hand-crafted Remotion scene. 8 props. logos:IMAGE, captionText:TEXT, captionStyle:TEXT, +1 more.
logo_grid_strikeKinetic Caption
Kinetic Caption — Andy's hand-crafted Remotion scene. 3 props. no ports detected — source-only preview.
kinetic_captionGlitch Text Reveal
Glitch Text Reveal — Andy's hand-crafted Remotion scene. 11 props. topText:TEXT, bottomText:TEXT, outroVideoSrc:VIDEO.
glitch_text_revealFrosted Glass Card
Frosted Glass Card — Andy's hand-crafted Remotion scene. 6 props. title:TEXT, subtitle:TEXT.
frosted_glass_cardFeature Cards
Feature Cards — Andy's hand-crafted Remotion scene. 2 props. no ports detected — source-only preview.
feature_cardsFace Closeup Zoom
Face Closeup Zoom — Andy's hand-crafted Remotion scene. 7 props. captionText:TEXT, captionStyle:TEXT.
face_closeup_zoomEspn Debrief2
Espn Debrief2 — Andy's hand-crafted Remotion scene. 7 props. avatarSrc:IMAGE, screenshotSrc:IMAGE, screenshotHeight:IMAGE, +1 more.
espn_debrief2Espn Debrief
Espn Debrief — Andy's hand-crafted Remotion scene. 7 props. avatarSrc:IMAGE, screenshotSrc:IMAGE, screenshotHeight:IMAGE, +1 more.
espn_debriefCounter Reveal
Counter Reveal — Andy's hand-crafted Remotion scene. 13 props. captionText:TEXT, textColor:TEXT.
counter_revealComparison Split
Comparison Split — Andy's hand-crafted Remotion scene. 11 props. title:TEXT.
comparison_splitComment Cta
Comment Cta — Andy's hand-crafted Remotion scene. 5 props. ctaSubtitle:TEXT.
comment_ctaClaude Logo Reveal
Claude Logo Reveal — Andy's hand-crafted Remotion scene. 5 props. clipSrc:VIDEO, posterSrc:IMAGE, clipDurationS:VIDEO.
claude_logo_revealClaude Code Terminal
Claude Code Terminal — Andy's hand-crafted Remotion scene. 14 props. windowTitle:TEXT, statusText:TEXT.
claude_code_terminalClaude Code Logo Split
Claude Code Logo Split — Andy's hand-crafted Remotion scene. 7 props. promptText:TEXT, logoImageSrc:IMAGE.
claude_code_logo_splitClaude Code Chat
Claude Code Chat — Andy's hand-crafted Remotion scene. 13 props. userMessage:TEXT, aiResponse:TEXT, windowTitle:TEXT.
claude_code_chatCentered Asset
Centered Asset — Andy's hand-crafted Remotion scene. 6 props. captionText:TEXT, captionStyle:TEXT.
centered_assetBrand Flow
Brand Flow — Andy's hand-crafted Remotion scene. 6 props. captionText:TEXT.
brand_flowAnimated Chart
Animated Chart — Andy's hand-crafted Remotion scene. 14 props. title:TEXT, subtitle:TEXT.
animated_chartAgent Log Stream
Agent Log Stream — Andy's hand-crafted Remotion scene. 8 props. terminalTitle:TEXT.
agent_log_streamAgent Grid
Agent Grid — Andy's hand-crafted Remotion scene. 4 props. no ports detected — source-only preview.
agent_gridWireflow Canvas
The self-demo hero — a miniature Wireflow graph builds itself: a chat prompt types in, nodes spring onto a dotted canvas, edges draw port-to-port with a travelling data pulse, the Compose node renders, and the output tile pops. Use it as the opening "this is what the product does" beat.
wireflow_canvasPrompt Card
Full-frame typewriter reveal of a prompt or quote with optional byline. Configurable font, speed, ambient background video.
prompt_cardNews Shots (JSON)
JSON-driven news reel. One `shots` array describes every beat: text, timing, layout (hero/split/fullVisual/insetAvatar), transition, ken-burns, per-shot visual + headline + text style. Replaces ai_news for new reels.
news_shotsKPI Callout
Big stat reveal — number counts up from zero with springy pop, label above, sublabel below. Useful for "$500M saved", "30K layoffs", "65% AI-written" moments.
kpi_calloutHero Title
Big centered title with a subtitle, optional background video. Spring pop-in, slow Ken-Burns zoom, fade-out at the end.
hero_titleCaptions Only
Full-frame video with TikTok-style karaoke captions overlay. No news image panel — good for talking-head clips.
captions_onlyAI News
TikTok-style AI news reel — news image on top, avatar video on bottom, karaoke-highlighted captions, optional voiceover.
ai_newsRadial Progress
A sweeping circular progress ring with a counting number in the center and a label. Resolution-independent SVG. Use for completion, goals, scores, or any 0–100 metric.
radial_progress