The Brutalist Template Library — Onda 41 to 59 of 59

AI makes writing Remotion trivial. The scarce thing now isn't the code — it's knowing what already exists, so you can ask for the right one. This series walks the Brutalist template library a few at a time: 367 open-source Remotion templates, adapted and catalogued so you know what's in the tool belt.

This video: 19 of Onda's 59 components — what each one is, and when to reach for it.

Thank you, Onda. Onda is MIT-licensed and installed as source you own (not a black-box dependency), with one signature motion language across the whole catalog. Find the rest, and full credit, here: → Onda: https://github.com/degueba/onda

Chapters 0:00 THE BRUTALIST TEMPLATE LIBRARY 0:18 ONDA 0:41 41 · Onda Terminal 0:50 42 · Onda CodeBlock 0:58 43 · Onda CodeDiff 1:07 44 · Onda MatrixDecode 1:17 45 · Onda NodeGraph 1:30 46 · Onda DynamicGrid 1:40 47 · Onda ProgressSteps 1:49 48 · Onda SplitScreen 2:00 49 · Onda VideoClip 2:12 50 · Onda AudioClip 2:26 51 · Onda AudioVisualizer 2:39 52 · Onda Captions 2:53 53 · Onda PulsingIndicator 3:03 54 · Onda Confetti 3:16 55 · Onda RgbGlitchText 3:30 56 · Onda GradientShift 3:38 57 · Onda GrainOverlay 3:51 58 · Onda Vignette 4:03 59 · Onda CameraShake 4:17 THE BRUTALIST TEMPLATE LIBRARY

— Nik Bear Brown https://www.nikbearbrown.com/ @NikBearBrown

Credits: Onda — https://github.com/degueba/onda

What this video covers

• 0:00 — THE BRUTALIST TEMPLATE LIBRARY
• 0:18 — ONDA
• 0:41 — 41 · Onda Terminal
• 0:50 — 42 · Onda CodeBlock
• 0:58 — 43 · Onda CodeDiff
• 1:07 — 44 · Onda MatrixDecode
• 1:17 — 45 · Onda NodeGraph
• 1:30 — 46 · Onda DynamicGrid
• 1:40 — 47 · Onda ProgressSteps
• 1:49 — 48 · Onda SplitScreen
• 2:00 — 49 · Onda VideoClip
• 2:12 — 50 · Onda AudioClip
• 2:26 — 51 · Onda AudioVisualizer
• 2:39 — 52 · Onda Captions
• 2:53 — 53 · Onda PulsingIndicator
• 3:03 — 54 · Onda Confetti
• 3:16 — 55 · Onda RgbGlitchText
• 3:30 — 56 · Onda GradientShift
• 3:38 — 57 · Onda GrainOverlay
• 3:51 — 58 · Onda Vignette
• 4:03 — 59 · Onda CameraShake
• 4:17 — THE BRUTALIST TEMPLATE LIBRARY

Transcript

A lightly formatted transcript of the video, with timestamps so you can jump to any section on YouTube.

THE BRUTALIST TEMPLATE LIBRARY

[0:00] Video three. In Brutalist, the code is the cheap part. The AI writes remotion all day. What's scarce is knowing the shelf, so you reach for the right thing. So, we're taking inventory. 367 open source remotion templates, a few every video. Onda leads, this video onto 41 to 59.

ONDA

[0:18] These are Onda, a premium remotion component set. MIT licensed, installed as source you own, not a black box dependency, with one signature motion language across the whole cat blog. Thank you, Onda. We felt 59 of their 70 were useful for us. You can find the rest and full credit at github.com/daguba/onda.

41 · Onda Terminal

[0:41] Number 41, the Onda terminal. Reach for it when a CLI demo with command plus output, install, deploy, dev tool walk-through.

42 · Onda CodeBlock

[0:50] Number 42, the Onda code block. Reach for it when a static code snippet, install commands, examples, config.

43 · Onda CodeDiff

[0:58] Number 43, the Onda code diff. Reach for it when showing a code change, before, after, PR walk-through, change log highlight.

44 · Onda MatrixDecode

[1:07] Number 44, the Onda matrix to code. Reach for it when a one-shot reveal where the text decoding is the moment. Short strings only. Long lines drown the effect.

45 · Onda NodeGraph

[1:17] Number 45, the Onda node graph. Reach for it when showing a system of relationships around one center, integrations, ecosystem, X powers everything. Not a chart. It's a metaphor.

46 · Onda DynamicGrid

[1:30] Number 46, the Onda dynamic grid. Reach for it when the scene reads as dashboard, data, dev. A grid signals technical without competing.

47 · Onda ProgressSteps

[1:40] Number 47, the Onda progress steps. Reach for it when an ordered flow with an active position, onboarding, checkout, install.

48 · Onda SplitScreen

[1:49] Number 48, the Onda split screen. Reach for it when two things shown side by side as equals, before, after, comparison, code, and result.

49 · Onda VideoClip

[2:00] Number 49, the Onda video clip. Reach for it when any video footage, B-roll, recorded demo, talking head, the default for a UI capture, wrap in device frame, or browser frame.

50 · Onda AudioClip

[2:12] Number 50, the Onda audio clip. Reach for it when any audio in the composition, music, voiceover, SFX, the default pair with audio visualizer only when the audio should be seen.

51 · Onda AudioVisualizer

[2:26] Number 51, the Onda audio visualizer. Reach for it when the audio needs to be visible on screen, podcast clip, music drop, voiceover hero shot, always pair with audio clip for actual playback.

52 · Onda Captions

[2:39] Number 52, the Onda captions. Reach for it when synced subtitles over voiceover or video, transcripts, AI voiceover, talking head clips. Pass a timed array, not for static text.

53 · Onda PulsingIndicator

[2:53] Number 53, the Onda pulsing indicator. Reach for it when a quiet this is live badge that should keep breathing, recording dot status pill, online tag.

54 · Onda Confetti

[3:03] Number 54, the Onda confetti. Reach for it when a literal celebration, milestone hit, sign up confirmation, launch reveal. Once per piece, not per scene, it cashes the moment in.

55 · Onda RgbGlitchText

[3:16] Number 55, the Onda RGB glitch text. Reach for it when the text itself should feel unsettled, cyberpunk, hacker reveal, gaming bumper. Pair with the chromatic aberration transition.

56 · Onda GradientShift

[3:30] Number 56, the Onda gradient shift. Reach for it when the simplest moving backdrop, flat or near flat scenes that need life.

57 · Onda GrainOverlay

[3:38] Number 57, the Onda grain overlay. Reach for it when the whole piece should feel filmic, a top of stack overlay that quietly warms everything beneath it. Pair freely, never the focal element.

58 · Onda Vignette

[3:51] Number 58, the Onda Vignette. Reach for it when the eye should drift towards center of frame, film hero focused interview. Pair with grain overlay for full filmic dressing.

59 · Onda CameraShake

[4:03] Number 59, the Onda Camera Shake. Reach for it when an impact moment needs physical weight, explosion, drop, score reveal. A wrapper, not a layer. Place around the thing that should feel hit.

THE BRUTALIST TEMPLATE LIBRARY

[4:17] That completes Onda templates 41 to 59, all 59 of the set. That's every Onda template. Next video opens a new library, same deal, a few at a time, 367 in all. Nick Bear Brown, the Brutalist template library, a few at a time.