Animation Lab

A product-led page for transparent overlay animations creators can use in OBS.

Open preview Live dashboard Start free

Overlay

good

OBS URL

Mode

info

Preview workspace

Pipeline

neutral

No-code

Active tool canvas

Animation Lab

Live previewResponsive

Transparent animation prototype

HTML/CSS overlay animation, no green screen required

This puts the working animation up front, then sells the value: controlled alert motion that runs as a transparent browser overlay and can become a selectable asset inside a creator workspace.

Asset notes

Mythic crossing swords

Format

Standalone transparent HTML/CSS/JS overlay.

Duration

4 seconds, looping for motion review.

Safe frame

Animation stays inside the central 25% canvas area.

Next step

Add it to the animation picker as a premium award/gifted asset.

Why creators sign up

Make stream alerts feel premium without video files.

Creators should see the animation working first, then understand the offer: transparent OBS browser-source alert assets, packaged into loadouts, tested in the playground, and unlocked by creating a workspace.

Production demo

Show the live product before asking for setup.

Creators can inspect the playground, animation demos, overlay controls and monitor with realistic production events before they connect a platform or configure OBS.

Workspace second

Signup turns the demo into their own stream room.

After the demo clicks, the account flow should feel natural: create a workspace, save a loadout, connect channels and publish to OBS.

Live outcome

The promise is a better show, not another settings page.

The sales sections should talk about audience prompts, premium overlays, live operations and stream analytics — not internal control panels.

Available when they are

Create a workspace and make the demo live.

Start free