The Brutalist Template Library — Onda 1 to 20 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 the tool belt is actually visible.

This video: 20 of Onda's 59 components — what each one is, and when to reach for it. Onda is MIT-licensed and installed as source you own, not a black-box dependency, with one signature motion language across the whole catalog.

BarChart — comparing three to eight discrete values where the winner is the story. CountUp — a single number that needs to feel earned: revenue, signups, a headline figure. LineChart — a trend over time: growth, drop, a before/after curve. PieReveal — a single percentage where the share is the message: completion, conversion, NPS. ProgressBar — a percentage in a horizontal layout: loading, capacity, share. Timeline — an ordered sequence with milestones: roadmap, company history, release cadence. TitleCard — opening a scene on a single composed title beat: eyebrow, headline, accent rule, one curated cascade. LowerThird — broadcast-style speaker name and source label sliding in from the lower edge, kept on screen while the speaker talks. StatCard — one big number as the whole brief: KPI, milestone, announcement frame. Don't reassemble it from parts. Quote Card — a held quotation: pull quote, testimonial, founder line, with a staggered word cascade as the point. ChapterCard — a calm chapter-divider beat that should breathe before the next scene lands. EndCard — a video's house outro: logo, tagline, CTA list, restraint over fanfare. Underline — house punctuation under a title beat or key term; the restrained sibling of Highlight. Highlight — a keyword that deserves full marker treatment: landing hero, the one-word answer. Callout — naming a specific point: a UI element, part of a diagram, a feature in a screenshot. DrawOn — any SVG that should stroke itself on: logo lockups, signature hand-drawn icons. IconPop — a tiny status mark landing: a checkmark on a feature row, an error cross, a live dot. Stays small; for arbitrary SVG, use DrawOn instead. ShimmerSweep — subtle emphasis on already-revealed text, a premium feel with no added color. TextFadeReplace — phrase rotation where the layout must not shift: fixed-height taglines, rotating hero copy. MeshGradient — an organic, warm backdrop behind a centered hero: testimonials, brand reveals.

Templates 1–20 of Onda's 59. Next video: 21 onward, then the next set of the full 367.

Thank you, Onda — find the rest, and full credit, here: github.com/degueba/onda

0:00 The Brutalist Template Library 0:20 Onda 0:43–3:57 Templates 01–20 4:04 The Brutalist Template Library

@NikBearBrown

Deliberately Not Claimed

This video catalogs a curated subset (20 of 59) of Onda's open-source Remotion components and describes their intended use cases as this series applies them — it does not claim to be Onda's own official documentation or an exhaustive account of every component's capabilities. Licensing terms (MIT) are stated as understood at the time of recording; check the linked repository for current, authoritative license and usage details.

Production Credits

Fully AI-generated production — no human-performed audio or video.

Narration: Liam (Kokoro am_onyx) Animation & motion graphics: Remotion (Onda component library, MIT-licensed, github.com/degueba/onda) Credit line: @NikBearBrown Hashtags

SEO Keyword Tags

Remotion templates, Onda Remotion components, open source motion graphics, Remotion component library, AI video generation templates, Brutalist template library, Remotion bar chart component, Remotion lower third, Remotion stat card, MIT licensed Remotion, Remotion title card template, motion graphics catalog, Remotion count up animation, AI generated video components, Remotion template reference

What this video covers

• 0:00 — The Brutalist Template Library 0:20 Onda 0:43–3:57 Templates 01–20 4:04 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:20 Onda 0:43–3:57 Templates 01–20 4:04 The Brutalist Template Library

[0:00] Video one. Brutalist is a simple deal. The AI writes the remotion. You make the calls. But you can't ask for a template you don't know exists. So, this is the library. 367 templates adapted from open source remotion sets. We go through them a few at a time. First set, Onda. This video, Onda 1 to 20. 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 catalog. Thank you, Onda. We felt 59 of their 70 were useful for us. You can find the rest and full credit at github.com/degueba/onda. Number one, the Onda bar chart. Reach for it when comparing three eight discrete values where the winner is the story. Number two, the Onda count up. Reach for it when a single number needs to feel earned. Revenue, sign-ups, headline figure. Number three, the Onda line chart. Reach

For it when a trend over time. Growth, drop, before, after curve. Number four, the Onda pie reveal. Reach for it when a single percentage where the share is the message. Completion, conversion, NPS. Number five, the Onda progress bar. Reach for it when a percentage in a horizontal layout. Loading, capacity, share. Number six, the Onda timeline. Reach for it when an ordered sequence with milestones. Roadmap, company history, release cadence. Number seven, the Onda title card. Reach for it when open a scene on a single composed title beat. Eyebrow plus headline plus accent rule. All in one curated cascade. Number eight, the Onda lower third. Reach for it when a broadcast style speaker, Josh, source label sliding in from the lower edge. Keep on screen the whole time the speaker is talking. Number nine, the Onda a card. Reach for it when the brief is show one big number, KPI, milestone, headline figure, announcement frame. Don't reassemble

From the parts. Number 10, the Onda quote card. Reach for it when a held quotation, pull quote, customer testimonial, founder line, the word staggered cascade is the point. Number 11, the Onda chapter card. Reach for it when a calm chapter, section divider beat, chapter two, that should breathe before the next scene lands. Number 12, the Onda end card. Reach for it when wrap a video on Onda's house outro, logo plus tagline plus CTA list, restraint over fanfare. Number 13, the Onda underline. Reach for it when the house punctuation under a line, title beat, key term, CTA support, the restrained sibling of highlight inside most scene blocks. Number 14, the Onda highlight. Reach for it when a keyword deserves full marker treatment, landing hero, the one word answer. Number 15, the Onda callout. Reach for it when naming a specific point, UI element, part of a diagram, feature in a screenshot. Number 16, the Onda

Drawn. Reach for it when any SVG that should stroke itself on, logo lockup, signature, hand-drawn icon. For the full branded sting, use logo sting. Number 17, the Onda icon pop. Reach for it when a tiny status mark needs to land, check mark on a feature row, error cross, live dot. Stay small. For arbitrary SVG, use draw on. Number 18, the Onda shimmer sweep. Reach for it when subtle emphasis on already revealed text, premium, luxe feel, no color. Number 19, the Onda text fade replace. Reach for it when phrase rotation where the layout must not shift, fixed height tagline, rotating hero copy. Number 20, the Onda mesh gradient. Reach for it when an organic warm backdrop behind a centered hero, testimonials, brand reveals. That was Onda templates 1 to 20 of 59. Next video, template 21 onward, then the next set, 367 in all. Nick Bear Brown, the Brutalist template library, a few at a time.