A brand commercial for LintéForge showing a client's journey from a first DM to a live website in five days, told through the story of a bakery owner discovering the studio and getting her site built same-day.
What I Built
I wrote the script, directed the voiceover, and built every scene myself:
Animated iMessage bubbles recreating the initial client conversation
Browser mockups showing the design and build process in real time
Build-timeline sequence visualizing the 5-day delivery promise
Original music bed custom-composed for the piece
Teal-and-purple brand palette carried through every frame
The Technical Approach
The entire commercial was built in code. No After Effects, no Premiere, no video editing software at all.
React for the component architecture and scene structure
Framer Motion for the UI animations and transitions
GSAP for the timeline-based choreography and complex sequencing
Three.js for 3D elements and spatial depth
ElevenLabs for the AI-generated voiceover
Every frame renders in the browser. Every animation is parametric and editable. The whole thing can be re-rendered with different content without touching a timeline editor.
Why This Matters
Most developers can build a website. Most motion designers can edit a video. Building a cinematic commercial entirely in code, with no traditional video tools, sits at an intersection very few people occupy. It demonstrates the same animation and interaction design skills that go into the motion websites I build for clients.
Like this project
Posted Jul 14, 2026
A brand commercial built entirely in code using React, Framer Motion, GSAP, and Three.js. No video editing software. Every frame renders in the browser.