Cyan light-trail abstract — Nel404 Labs brand banner
BRAND VIDEO SANDBOX · NEL404 LABS

Programmatic motion. Web-native.

Cinematic WebM compositions rendered with HyperFrames — pure HTML + GSAP, headless Chrome captures frames, ffmpeg muxes to WebM. Lightweight, no third-party players, embeds anywhere.

← Back to work
DESKTOP / 1920×1080

Hero loops & explainers

Site-hero, services, and process motion. Drop straight into landing pages or blog headers.

01 · STACK FLEX

Capabilities + deliverables

Two-act sizzle: capability chips flash, then deliverable chips. Type-led intros with cyan cursor. Plays once — refresh to repeat.

capabilitytypingno-loop
627KB1920×108011s30fps
Open fullscreen ↗
02 · MAP PULSE

Pretoria pin radiating

Orange pin on faint world map, cyan ripples expand outward. "Built locally. Sells globally." Loops cleanly.

geoaboutloop
174KB1920×10808s30fps
Open fullscreen ↗
03 · PROCESS

Wireframe to live site

Four stages animate left-to-right: wireframe, mockup, code, live site. Same direction. Real options. How-we-work intro.

how-we-workprocess
366KB1920×108012s30fps
Open fullscreen ↗
MOBILE / 1080×1920 · BUILT FOR REELS

Vertical reels

Purpose-built for LinkedIn, X, Instagram, TikTok. Same brand engine, vertical viewport, paced for thumb-stop.

04 · V-SERVICES

What we build

9 service chips flash top-to-bottom. Closes on logo lockup. Made for "introducing the studio" social posts.

reelservicessocial
467KB1080×192010s30fps
Open fullscreen ↗
05 · V-STACK

Built with what fits

Headline types out, then the stack chips flash bottom-to-top. Closes on tagline. For tech-credibility reels.

reelstackcredibility
404KB1080×192010s30fps
Open fullscreen ↗
06 · V-SHIP

Shipped, not pitched

Counter tweens 0 → 6, six case-study cards stack-fade in. Closes on a "let's talk" pill. For portfolio social.

reelworkcta
572KB1080×192010s30fps
Open fullscreen ↗

How these are made