Framer: Stop Waiting. Start Shipping.
Framer · Nov 2025 · 1:01 · AI-annotated
A rapid feature reel on black: each capability is announced by a single voiceover line and shown in a tight, locked-off demo, bookended by 3D desk mockups of finished sites. Signature moves are fast zooms into the canvas, cascading template fans, blue wireframe selection boxes and typewriter text, all cut to a steady ~117 bpm pulse.
More like this
Google · AI · Mar 2025
Commas · Sep 2026
Framer: Stop Waiting. Start Shipping., scene by scene
· 35 scenes as text
01 · Hook · 0:00–0:01
A laptop sits on a desk in a dark blue-lit room, its screen showing a white webpage titled Festival with a curved grid of small images. The image tiles reflow on screen while the frame stays locked off; a monitor glows above and a plant sits to the right.
Techniques: 3D mockup
Camera: Static
02 · Hook · 0:01–0:03
A 3D desk mockup frames a smartphone among a notebook, glasses and keyboard, its screen scrolling an orange page reading 'We help ambitious teams turn bold visions into lasting impact.' A cut shows a laptop and smartwatch, the laptop displaying a page with a large TUSARO wordmark.
Techniques: 3D mockup
Camera: Pan
03 · Hook · 0:03–0:05
A 3D desk mockup in low light: a laptop, phone, plant and cup sit on a dark surface. The laptop screen plays a website design, the TUSARO hero giving way to a photo, then a paragraph scales in as the view swings to a side angle.
Techniques: 3D mockup
Camera: Push in
04 · Product intro · 0:05–0:08
A dark web-design editor shows a layers list on the left and a breakpoint panel on the right around a white canvas. The view zooms into the canvas until a website header with a logo and a row of menu links fills the frame.
Techniques: UI zoom
Camera: Push in
05 · Feature reveal · 0:08–0:10
A flat website mockup on a light gray background shows a large black LX-41 headline and a tagline with one red word. The page scrolls down to reveal a second numbered feature list, then the light frame exits upward to black.
Camera: Push in
06 · Feature reveal · 0:10–0:12
A dark prompt field types a request for a 3D artist portfolio, then a white portfolio page with a profile header and six placeholder tiles fills the frame.
Techniques: Kinetic type
Camera: Static
07 · Feature reveal · 0:12–0:13
A browser frame holds a white portfolio page with a name, a short bio, and a six-tile grid of squares, circles, and triangles. A vertical white bar wipes across the canvas while the text and shapes briefly double, as if the layout is being regenerated.
Techniques: Masking
Camera: Push in
08 · Feature reveal · 0:13–0:16
A dark laptop mockup in 3D perspective sits on the left over a yellow article card. A cascade of website and app templates, flat cards, a tablet held in a hand and a second laptop, streams in from the right and fans out across the black background.
Techniques: 3D mockup, Parallax
Camera: Push in
09 · Feature reveal · 0:16–0:17
A collage of overlapping design panels and website mockups drifts across a black background, layered in depth and sliding at different speeds. Color bars, photos of people and tilted laptop screens fill the frame in a fast, scattered montage.
Techniques: 3D mockup, Parallax
Camera: Pan
10 · Feature reveal · 0:17–0:18
A dark web editor fills the frame: a layers panel on the left, an empty black canvas in the center, and a properties panel on the right. A white cursor glides over the canvas while the layout stays still.
Techniques: Cursor demo
Camera: Push in
11 · Feature reveal · 0:18–0:19
A dark site-editor interface fills the lower frame with its toolbars, layers and properties panels. Above it, a black pill button labeled “Import from Figma” sits in a blue glow, a white cursor hovering at its lower edge.
Techniques: Cursor demo
Camera: Static
12 · Feature reveal · 0:19–0:21
A dark web design editor fills the frame. A black 'Import from Figma' tooltip with a Figma logo floats at the top while a cursor hovers beneath it, then the tooltip fades and the cursor drifts right. Left panel shows a layers tree, center a portfolio site, right settings.
Techniques: Cursor demo
Camera: Pull out
13 · CTA · 0:21–0:22
On a black field, a thin white pill outline grows from a small circle to full width as the words type out letter by letter with a blinking caret, finishing as a centered call-to-action button.
On-screen text: “Get started for free”
Techniques: Kinetic type
Camera: Static
14 · Feature reveal · 0:22–0:23
A blue title card on black shows “The Internet Canvas” in three left-aligned lines. The panel scales rightward into a thin wireframe bounding box with a corner handle, and the word “Internet” scales slightly as the card settles.
On-screen text: “The Internet Canvas”, “Get started for free”
Techniques: Kinetic type
Camera: Static
15 · Feature reveal · 0:23–0:24
On black, a wireframe landing page assembles: a row of outlined nav links with magenta dividers, then a large empty content box on the left and a headline, body line and two pill buttons on the right, each framed by blue selection boxes.
On-screen text: “The Internet Canvas”, “Product Pricing About Careers Support”, “Imagine it & publish it”, “The easiest way to turn your ideas into a live website”, “Get started”, “Learn More”
Techniques: Kinetic type
Camera: Static
16 · Feature reveal · 0:24–0:26
A flat wireframe of a landing page sits on black, framed by thin blue selection boxes: an empty image placeholder on the left, and a headline, subline and two pill buttons on the right. The whole layout drifts slowly to the right.
Camera: Static
17 · Feature reveal · 0:26–0:27
A small UI card with the heading “Imagine & publish it” fades out beside a blue wireframe rectangle. The rectangle eases into a centered box with a dark inner panel, then the whole frame dims to black.
Camera: Static
18 · Feature reveal · 0:27–0:30
A grid of dark demo cards fills the frame, each playing a short UI animation: photo tiles orbit in a circle, spinner icons cycle, red letters reveal. The view drifts slowly down the grid, passing cards titled Orbit Gallery, Loading Spinner and Revelo.
Camera: Pull out
19 · Feature reveal · 0:30–0:31
A silver synth keyboard floats in 3D perspective over a white field with giant black HK 77 type. The background flips to black, the keyboard settles with a floor reflection, and a paragraph of gray body copy fades in at lower left.
On-screen text: “HK 77”, “EMBRACING THE LEGACY OF SOUND, INNOVATIVELY DESIGNED FOR TOMORROW”, “LET US KNOW”, “Aluminum body sculpted with precision, our synth keyboard features a sleek lightweight yet durable body. It's your portal to a refined musical journey, blending”
Techniques: 3D mockup
Camera: Pull out
20 · Feature reveal · 0:31–0:32
On a black portfolio screen framed in yellow, a 3D keychain of paper tags hangs from a metal clasp and swings, the tags rotating to show their printed faces. Static nav links, side captions and a scroll hint stay fixed at the edges.
Techniques: 3D mockup
Camera: Static
21 · Feature reveal · 0:32–0:33
A portfolio site's main panel scrolls horizontally: the motorcycle shot slides out left as a man in a black coat standing in a white room slides in from the right. The fixed name sidebar and the bottom project caption stay locked in place.
Camera: Static
22 · Feature reveal · 0:33–0:33
On a near-black page, the giant white DESIGNER headline slides down and is clipped at its lower half while a red blob, purple square, purple circle, yellow plus and green squiggle drift upward. The studio marquee and a white panel shift at the bottom.
Techniques: Kinetic type, Parallax, Masking
Camera: Static
23 · Feature reveal · 0:33–0:35
A black title card carrying a colorful 'motion designer' logo and a bottom ticker wipes open through an expanding yellow trapezoid mask, revealing a flat yellow portfolio site. The site's isometric layered object rotates slowly in the center.
On-screen text: “ENABLING BOLD, FUTURE-DRIVEN ARCHITECTURE”
Techniques: Masking
Camera: Push in
24 · Feature reveal · 0:35–0:36
A white page frames a black extruded 3D letter that rotates slowly on its vertical axis, its rounded segments catching the light; two small yellow dots drift beside it while monospace labels stay fixed at the edges.
On-screen text: “We team up with busy AEC companies to”, “develop their BIM projects with cutting-edge”, “tech, so they succeed!”
Techniques: 3D mockup, Kinetic type
Camera: Static
25 · Feature reveal · 0:36–0:36
A website shows a live concert with flame jets and dancers; a centered panel of a man in a red varsity jacket sits over a repeated Based on a True Story background; the video cuts to a close-up of a person in a red hoodie.
On-screen text: “Hoors”
Camera: Static
26 · Feature reveal · 0:36–0:37
A bright white orb glows at the center of a black void, then bursts into orange rays that fade, leaving a thin blue ring and drifting sparks beside a dark rocky silhouette at right.
Techniques: Particles
Camera: Pull out
27 · Feature reveal · 0:37–0:38
A bright white light bursts through dark blue clouds as thin streaks radiate outward from the center. The caption “Make a Component...” scales in along the top edge of the frame.
On-screen text: “Make a Component...”
Techniques: Kinetic type
Camera: Pull out
28 · Feature reveal · 0:38–0:44
A close-up of a UI card with a blue nebula pulls back to reveal the full rounded card on black. The nebula fades to a dark panel as a prompt types in word by word. Plus and arrow buttons sit in the bottom corners.
Techniques: UI zoom, Kinetic type
Camera: Pull out
29 · Feature reveal · 0:44–0:45
A dark rounded chat input card with white prompt text, a plus icon and a send arrow sits centered on black, then slides upward until only its bottom edge and buttons remain in frame.
Camera: Static
30 · Feature reveal · 0:45–0:48
A dark card with a Bitcoin coin and $120.13K sits centered on black, resolving from a brief pixel glitch. A cursor drags the Radius slider right, and the card's corners continuously round into a pill.
Techniques: Cursor demo, Morph
Camera: Static
31 · Demo · 0:48–0:49
Two tilted browser windows float over a dark perforated metal surface. The top window is white, showing the tagline, a Get Comet button, and red and blue circular graphics; the bottom window is dark with the same tagline. The camera eases back to center them.
Techniques: 3D mockup
Camera: Pull out
32 · Demo · 0:49–0:51
A white landing page fills the monitor, then the camera pulls back to reveal a black desk with acoustic panels, a wall clock, and a phone. A serif headline and a Get Comet button sit on the page above a dark-mode card.
Techniques: 3D mockup
Camera: Pull out
33 · Demo · 0:51–0:54
A 3D desk against a perforated black wall holds a floating screen. The screen shows a white browser page that crossfades into a dark space view with a document, then the word It's pops in at center before the scene fades to black.
On-screen text: “It's”
Techniques: 3D mockup, Kinetic type
Camera: Static
34 · CTA · 0:54–0:59
On a black background, white lowercase sans text builds line by line at center. The first line slides in, holds, then gives way to a second line that appears and stays still. Locked-off frame, slow pace.
On-screen text: “It's time to start building and shipping”, “at your pace”
Techniques: Kinetic type
Camera: Static
35 · Outro · 0:59–1:01
A small white geometric logo mark, built from two angular shapes, sits centered on a solid black background and holds still for the full duration.
Camera: Static





