Launchscene
PricingSign in
Explore

Framer 3.0 with Agents, Branching, and a new Community

Framer · Jun 2026 · 1:15 · AI-annotated

00:00:00 / 01:15:05

The video front-loads a fast montage of neon-traced UI reveals and agent-driven demos, then resolves into a typographic title sequence that names the product and version. Signature moves are blue light beams tracing interface edges, 3D camera pulls on flat panels, and chromatic glass-beam wipes between headlines.

No filming indicatedEstimated needs: 6 capture groups — your screens or recordings · 1 official logo — reused across the film · 4 graphic passages — draw or supply · 7 3D passages — build or supply

More like this

Framer 3.0 with Agents, Branching, and a new Community, scene by scene

· 39 scenes as text

  1. 01 · Hook · 0:00–0:00

    A dark glass UI panel turns into view in 3D against black, a bright blue beam tracing its left edge and top corner. The sweep reveals a sidebar list with small icons and labels, the panel settling at an angle.

    Techniques: Light sweep, 3D mockup

    Camera: Static

  2. 02 · Hook · 0:00–0:02

    A dark glass panel of a design tool fades up from black while a bright blue neon line traces its rounded border. The Canvas dropdown, Pages, Layers, Assets tabs and search field brighten in step with the glow, on a locked-off frame.

    Techniques: Light sweep

    Camera: Static

  3. 03 · Feature reveal · 0:02–0:04

    A glowing blue app icon centered in darkness shrinks and slides left as the frame pulls back, revealing a dark branch list: “main” with the icon, then two avatar rows “home-2026” and “july-update” fading in.

    Techniques: UI zoom

    Camera: Pull out

  4. 04 · Feature reveal · 0:04–0:04

    A dark app list fills the frame at high zoom, the july-update row highlighted. The view pulls back to reveal the full sidebar and a right-hand panel of icons and timestamps, while a vertical blue beam glows along the right edge.

    Techniques: UI zoom

    Camera: Pull out

  5. 05 · Feature reveal · 0:04–0:07

    A dark two-column interface panel zooms out to reveal its full rounded frame. The left column lists branches with avatars and timestamps; the right column lists changed files. A vertical blue light beam divides the two columns.

    Techniques: UI zoom

    Camera: Pull out

  6. 06 · Feature reveal · 0:07–0:10

    A thin blue line of light draws down a dark field, bends into a rounded rectangle, floods with light, and becomes a glowing Publish button. The frame pulls back to reveal the button in a UI panel with a vite label and another button at the edge.

    Techniques: Morph, UI zoom

    Camera: Static

  7. 07 · Feature reveal · 0:10–0:14

    A dark settings panel sits on black, glowing blue at the top right. The view starts tight on the bright Publish button, then pulls back to the full card. The tab highlight slides from Style to Agent, revealing a New Chat field and an Ask Framer input.

    Techniques: Light sweep, UI zoom

    Camera: Pull out

  8. 08 · Feature reveal · 0:14–0:15

    A blue wireframe frame tagged Desktop 1200 slides up from below on black, its dotted drag handle leading. Inside, a studio site fills in: the HAUS logo, a one-line tagline, a Get in Touch button, and a right column of body copy. The whole frame stays locked as it rises.

    Camera: Static

  9. 09 · Feature reveal · 0:15–0:15

    A dark portfolio list UI holds a locked-off frame while project rows fill in: Meridian, Norte, Fenix, Veldt and Forma slide into their bordered rows with category labels on the right. A thin blue vertical line separates the empty left panel from the list.

    On-screen text: “Desktop”, “1200”

    Camera: Static

  10. 10 · Feature reveal · 0:15–0:17

    A locked-off dark canvas frames a studio website mockup in a Desktop 1200 device bar: HaUs wordmark, intro copy, a five-row work list, and a surfer carousel. A cursor rests on the Norte row with a tooltip while a right-hand column of category labels clears.

    Camera: Static

  11. 11 · Feature reveal · 0:17–0:19

    A dark portfolio page shows a Selected Work list while two named blue cursors, Monika and Paul, move across the rows. The Meridian row is selected with a dashed blue outline and its title scales up into a large white display typeface as the view zooms in.

    Techniques: Cursor demo, UI zoom

    Camera: Push in

  12. 12 · Feature reveal · 0:19–0:20

    A dark portfolio interface shows a Selected Work list with the MERIDIAN row outlined in blue and tagged. Blue pointer cursors mark a name pill that slides right. A chat bar labeled GPT 5.5 rises into view and a line of text is typed into it.

    Techniques: Cursor demo

    Camera: Static

  13. 13 · Feature reveal · 0:20–0:23

    A dark rounded input box floats over a blurred dark UI. The typed prompt finishes as the last phrase scales in, a blue cursor glides to the up-arrow button, and a blue Monika pill slides in from the right.

    Techniques: Kinetic type, Cursor demo

    Camera: Static

  14. 14 · Feature reveal · 0:23–0:24

    A dark studio site inside a desktop frame re-styles its project list from small labels to large bold uppercase type as the update applies. A blue Paul cursor tag drifts down the page beside the list, over a motion-blurred figure on a blue background.

    On-screen text: “Use these new text styles and layout settings and update the rest of the page to match.”

    Techniques: Kinetic type

    Camera: Pull out

  15. 15 · Feature reveal · 0:24–0:26

    A dark website mockup for HAUS sits on black, showing a project list and a blue-toned carousel image. The viewport widens from a cramped to a full layout as a blue Paul cursor tag drifts from the list to the top-right corner.

    Techniques: UI zoom

    Camera: Static

  16. 16 · Feature reveal · 0:26–0:27

    A dark interface close-up shows a studio bio and a selected work list on the left. A blue plus button opens a dropdown with Generate, Tablet, Phone and Custom rows, a cursor arrow moves onto the menu, and a blue Paul tag slides to the right.

    Techniques: Cursor demo

    Camera: Static

  17. 17 · Feature reveal · 0:27–0:28

    A dark website mockup for the HAUS studio floats in 3D perspective on black, tilting and narrowing from desktop to tablet width as the breakpoint label in the top bar changes. The page shows a project list and a surfer photo carousel.

    On-screen text: “Desktop 1200”, “Tablet 1190 - 810”

    Techniques: 3D mockup

    Camera: Pan

  18. 18 · Feature reveal · 0:28–0:28

    Two flat browser windows sit side by side on black, the left tagged Desktop and the right Tablet, both showing the HRAUS site with a stacked project list and a motion-blurred blue figure. The tablet column drifts upward a few pixels while the desktop view stays still.

    On-screen text: “Desktop · 1200”, “Tablet · 1199 – 690”, “Mobile”

    Techniques: Split screen

    Camera: Static

  19. 19 · Feature reveal · 0:28–0:30

    Three flat device frames, labeled Desktop, Tablet and Mobile, sit side by side on a black background, each showing the same HAUS portfolio page with a project list and a bird image. The row drifts slowly to the right.

    On-screen text: “Desktop 1200”, “Tablet 1199 - 810”, “Mobile”

    Techniques: Split screen

    Camera: Pan

  20. 20 · Feature reveal · 0:30–0:32

    A centered dark input card on a black background types out a multi-line prompt, then displays a Thinking label. The card transitions into a code editor window, ImageWheel.tsx, where code lines fill in.

    Techniques: Kinetic type

    Camera: Static

  21. 21 · Feature reveal · 0:32–0:33

    A dark code editor card titled ImageWheel.tsx sits centered on black. Its TypeScript lines scroll and retype, shifting from a getCardStyleValues function to getCardPosition, with a blinking caret and the card border lighting up blue.

    Camera: Static

  22. 22 · Feature reveal · 0:33–0:34

    A 3D carousel of rounded photo cards spins in perspective on black, arranged in a curved wheel inside a thin purple border. A ring of white dots orbits the center as the label ImageWheel.tsx scales in at the top-left.

    On-screen text: “ImageWheel.tsx”

    Techniques: 3D mockup, Particles

    Camera: Pull out

  23. 23 · Feature reveal · 0:34–0:35

    A sphere of white dots spins inside a thin purple frame on a black field, its points drifting as a cursor glides across it. The label InteractivePointSphere stays locked at the top left corner.

    On-screen text: “InteractivePointSphere”

    Techniques: Particles, Cursor demo

    Camera: Static

  24. 24 · Feature reveal · 0:35–0:36

    A diagonal row of translucent image cards (broccoli, cherries, a plated dish, a white flower, a hand) floats in 3D perspective inside a thin purple frame on black. The white cursor arrow moves along the right edge and the cards rotate and slide toward it, the near cards tilting larger as the stack re-orients.

    On-screen text: “GravityCursorImages”, “InteractivePointSphere”

    Techniques: 3D mockup, Cursor demo

    Camera: Push in

  25. 25 · Feature reveal · 0:36–0:37

    A thin blue rectangle frames a black field where a vertical stack of lowercase white words scrolls upward. The moving words blur with red and blue chromatic fringing while the middle word stays sharp.

    On-screen text: “ChromaticCylinder”, “lagoon”, “lullaby”, “mont blanc”, “avenue”, “chatoyant”, “idyllic”, “GravityCursorImages”

    Techniques: Kinetic type

    Camera: Static

  26. 26 · Feature reveal · 0:37–0:38

    A five-column grid of rounded blue cards, each holding a 3D render of a flower, fruit, person or burger, scrolls vertically on a black background. Purple word labels scale and slide in over the cards.

    On-screen text: “MagneticGallery”, “ChromaticCylinder”, “lagoon”, “idyllic”

    Techniques: Kinetic type

    Camera: Pan

  27. 27 · Feature reveal · 0:38–0:40

    A white headline scales in word by word on a black field, then a dark CMS table of posts and authors fades up behind it to full brightness.

    On-screen text: “Works everywhere in Framer”

    Techniques: Kinetic type

    Camera: Static

  28. 28 · Feature reveal · 0:40–0:44

    A dark CMS screen shows a posts table and an Agent chat panel on the right. A prompt types into the chat, the agent adds a Categories column to the table, then the camera pulls back to set the window in 3D perspective between blurred side panels.

    On-screen text: “Works everywhere in Framer”

    Techniques: 3D mockup

    Camera: Pull out

  29. 29 · Feature reveal · 0:44–0:50

    A grid of dark interface panels fills the frame, the middle row sharp while the top and bottom rows blur. The camera pans across the wall, revealing tables, a chat panel, analytics charts and generated magazine covers.

    Camera: Pull out

  30. 30 · Product intro · 0:50–0:54

    A horizontal beam of blue light with red and cyan fringing streaks across a black background. As the beam passes, the white headline is revealed from left to right, then holds centered while the glow fades.

    On-screen text: “Welcome to a whole new Framer”

    Techniques: Light sweep, Masking

    Camera: Static

  31. 31 · Product intro · 0:54–0:55

    A deep blue gradient fills the frame as a blurred, iridescent glass rod, like a prism, streaks diagonally with heavy motion blur. The white headline Design with agents fades in at center, settling from half opacity to full.

    On-screen text: “Welcome to a whole new Framer”, “Design with agents”

    Techniques: Kinetic type

    Camera: Static

  32. 32 · Product intro · 0:55–0:56

    A glass beam with pink and cyan edges rotates on a blue gradient while the centered white headline swaps from “Design with agents” to “Refine on the canvas”.

    On-screen text: “Design with agents”, “Refine on the canvas”

    Techniques: 3D mockup

    Camera: Static

  33. 33 · Product intro · 0:56–0:58

    A diagonal beam of blue and white light streaks across a dark navy field, brightening as it passes. The white headline stays fixed in the center throughout the shot.

    On-screen text: “Refine on the canvas”

    Techniques: Light sweep

    Camera: Static

  34. 34 · Product intro · 0:58–1:00

    A white headline, “Ship with your team”, scales in at the center of the frame. Behind it, a glossy iridescent blue-teal 3D form drifts and rotates against a near-black background, its highlights shifting while the camera holds still.

    On-screen text: “Refine on the canvas”, “Ship with your team”

    Techniques: Kinetic type

    Camera: Static

  35. 35 · Product intro · 1:00–1:02

    Glowing blue neon letterforms spin in the dark as the camera pushes through them, the tubes blurring into streaks of light. The white “Framer 3.0” holds center while “Ship with your team” scales in at the end.

    On-screen text: “Framer 3.0”, “Ship with your team”

    Techniques: Parallax, Kinetic type

    Camera: Static

  36. 36 · Product intro · 1:02–1:05

    Glassy blue shapes (a plus, a C, a four-pointed star, a play triangle, a small ring) glow on a deep blue field, then a white flash squashes them into a thin horizontal streak.

    On-screen text: “Framer 3.0”, “10”

    Techniques: Light sweep, Morph

    Camera: Pull out

  37. 37 · Product intro · 1:05–1:06

    On a near-black blue field, four glowing blue horizontal bars sit in the center. They compress, merge and drift right as the left end flares into a bright white-blue glow, the line briefly solidifying before fragmenting again.

    Techniques: Morph

    Camera: Static

  38. 38 · Outro · 1:06–1:06

    A white angular logo mark materializes at the center of a dark blue field as a bright flash blooms and fades, leaving a soft halo of light around the mark.

    Techniques: Light sweep

    Camera: Pull out

  39. 39 · Outro · 1:06–1:15

    A white angular logo mark, two offset shapes, sits centered on a black field with a soft halo. The halo fades, the mark dims to gray, then the whole logo fades to black.

    Camera: Static