Showcase

Made with Onda

End-to-end compositions, each built entirely from the catalog. Fork the source, swap the copy, ship.

11 · marketing

Marketing & promo

Explainers, social ads, release cards — moves that sell something.

Explainer · 30s

The 'why Onda matters' trailer

1920×1080 · 30s · open showcase →

Audio

Music release card · 12s

Square (1080×1080) release-day card. Artist + track typography stacked over a `soundcloud`-preset visualizer (dense thin bars, rose↔cyan)

1080×1080 · 12s · open showcase →

Audio

Synthwave promo · 10s

Square (1080×1080) retro release promo. The `neon` preset visualizer pulses as a fullscreen radial ring (rose↔violet) over a saturated dusk gradient. Volume number lands in the ring's negative space, then a release date and CTA appear. The most visually loud Onda gets

1080×1080 · 10s · open showcase →

Social ad · vertical · 15s

Fast-paced vertical (1080×1920)

1080×1920 · 15s · open showcase →

Product launch · 11s

Vertical (1080×1920) launch reel. A title lands, a phone DeviceFrame presents the product with a live screen, a SpotlightCard names the headline feature, and an EndCard closes with the CTA. The device + spotlight surfaces carrying a launch the way a hardware teaser would.

1080×1920 · 11s · open showcase →

Bento drift · 9s

A genuinely infinite pan across a colorful bento grid of images. Fifteen tiles of varying spans tile an 8×5 grid edge-to-edge

1280×720 · 9s · open showcase →

Device assemble · 6s

A laptop device-frame scales in and presents; a bento-grid dashboard reveals on its screen while a shimmer-sweep passes across the header like a wake-up flash. A gentle Camera push-in (zoom 1→1.08) lands the shot on the device. A compact showcase for the device-frame container and the Camera rig.

1280×720 · 6s · open showcase →

Launch trailer · 9s

Landscape (1280×720) Product-Hunt-style launch teaser. A pulsing LAUNCHING badge over the Onda title sets the moment, then a zoom punch carries forward into a Camera fly-over that assembles a faux app shell

1280×720 · 9s · open showcase →

Integration orbit · 8s

Landscape (1280×720) integration story. A title lands

1280×720 · 8s · open showcase →

Pricing focus · 7s

Landscape (1280×720) pricing move. Three tiers

1280×720 · 7s · open showcase →

Kinetic type · 10s

Vertical (1080×1920) high-energy type teaser. Seven bold typographic beats

1080×1920 · 10s · open showcase →

08 · developer

Developer & product

Code, terminals, deploys, boards, dashboards — content that ships software.

Dev demo · 11s

Landscape (1920×1080) developer demo. A title lands, a terminal types the install command, a CodeBlock reveals the snippet line-by-line, and a BrowserFrame shows the result while a Cursor moves in and clicks. Cuts use glass-wipe, a zoom punch-in, and grid-pixelate

1920×1080 · 11s · open showcase →

Changelog · 9s

Square (1080×1080) release-notes video. A ChapterCard stamps the version, a CodeDiff reveals the actual change line-by-line, a stagger calls out the highlights, and an EndCard points to the update. The interface category narrating a real release

1080×1080 · 9s · open showcase →

Changelog loop · 6s

Square (1080×1080) release-note micro-video for social. A pulsing 'New' badge and caption land first, then a glass-wipe carries the eye onto the glass card where a CodeDiff reveals the added and removed lines one at a time. Calm and premium

1080×1080 · 6s · open showcase →

Deploy reveal · 8s

Landscape (1280×720) ship moment. A terminal types the deploy command and prints a success log ending in the live URL, then an expand-morph grows that surface into a BrowserFrame showing the deployed site

1280×720 · 8s · open showcase →

Browser walkthrough · 9s

Landscape (1280×720) product page-load demo. A BrowserFrame settles, an InputField address bar types a URL, a ProgressBar loads the page, then the page content lands and a Cursor moves to the CTA and clicks. A single continuous take that reads as a real browse-to-launch flow

1280×720 · 9s · open showcase →

Board flow · 8s

Landscape (1280×720) workflow story. A three-column kanban-board (Todo / In Progress / Done) assembles, then a single glass ticket card glides Todo → In Progress → Done on a deterministic, eased arc

1280×720 · 8s · open showcase →

Prompt to dashboard · 8s

Landscape (1280×720) AI-generation beat. An InputField types out the prompt 'Build me a sales dashboard', a 3D flip drops into a 'generating' state where SkeletonCard placeholders shimmer, then a second flip reveals the finished result

1280×720 · 8s · open showcase →

Code to preview · 8s

Landscape (1280×720) hot-reload loop. A split-screen pairs a CodeBlock on the left with a BrowserFrame preview on the right: as the source reveals line-by-line, the preview reads as updating in step

1280×720 · 8s · open showcase →

03 · media

Media & broadcast

Podcasts, live overlays, ambient — content that hosts something.

Audio

Podcast intro · 10s

Square (1080×1080) podcast opener. A persistent `voice`-preset visualizer ribbon (rose↔cyan) drifts under the show identity: network eyebrow, episode title, host credit. One audio source, one visualizer personality

1080×1080 · 10s · open showcase →

Audio

Meditation breath cue · 20s

Vertical (1080×1920) breath cue. Aurora-preset visualizer (three-tone layered hills, rose / violet / soft-rose) rises and falls along the bottom while the cue text walks through one box-breath cycle

1080×1920 · 20s · open showcase →

Audio

Live-stream overlay · loop

Landscape (1920×1080) Twitch / OBS overlay loop. Bottom-anchored `equalizer` bars (two-tone rose) under a now-playing strip, with a LIVE pill upper-left and a watcher count upper-right. Designed to be mounted once and run forever

1920×1080 · 10s · open showcase →

03 · education

Education & learning

Course intros, tutorial outros, slide reveals — content that teaches something.

Tutorial intro · 12s

Landscape (1920×1080) lesson cold-open. Course context + lesson title, three takeaway bullets stagger in one at a time, then a next-lesson CTA with a course-progress bar. The pacing matches how a Loom / YouTube tutorial actually opens

1920×1080 · 12s · open showcase →

Course complete · 10s

Landscape (1920×1080) celebration card. ProgressBar finishes filling to 100%, then the completion title lands, then three pride stats

1920×1080 · 10s · open showcase →

Annotated click · 7s

Landscape (1280×720) UI-docs walkthrough. A BrowserFrame settles in, a Cursor arcs to the primary CTA and presses it, a BoundingBox draws itself around the button, and a Callout tooltip names what just happened. One continuous calm take

1280×720 · 7s · open showcase →

02 · events

Events & countdowns

Launch timers, sale endings, conference promos — moments that need a date.

Launch countdown · 10s

Vertical (1080×1920) launch teaser. "Launching in" eyebrow, a CountUp ticking 5 → 0 as the hero, then a brand reveal with date + CTA when the timer lands. The pattern every product launch, conference promo, and sale-ending card needs

1080×1920 · 10s · open showcase →

Save the date · 8s

Square (1080×1080) date-reveal teaser. "Save the date" eyebrow, then a hero date typography reveal, then event details

1080×1080 · 8s · open showcase →

04 · reports

Reports & data

Dashboards, quarterly numbers — moves that show numbers.

Q4 performance · 12s

Square (1080×1080) quarterly report. CountUp drives the hero revenue figure, BarChart lays the quarterly comparison underneath, ProgressBar closes with goal completion. The data-viz primitives as the lead element

1080×1080 · 12s · open showcase →

KPI snapshot · 8s

Landscape (1920×1080) metrics tile board. Four StatCards in a 2×2 grid

1920×1080 · 8s · open showcase →

Live metrics · 11s

Landscape (1920×1080) live dashboard. A PulsingIndicator marks the feed live, a StatCard headlines the hero number, a LineChart draws the trend on a drifting DynamicGrid, and a BarChart breaks it down. The new data + atmosphere primitives as a real-time report

1920×1080 · 11s · open showcase →

Dashboard fill · 8s

Landscape (1280×720) two-act report. Act 1 lays out an empty scaffold

1280×720 · 8s · open showcase →

31 showcases · all source-available