Loading video...

Video Failed to Load

Go Home

tldraw canvas ➡️ interactive theme UI Demonstrating visual context understanding in Antigravity, the agent read the canvas mockups and built interactive code fast with 3.6 Flash⚡

antigravity's profile picture

Google Antigravity

181,288 subscribers

57,638 views • 1 month ago •via X (Twitter)

Science & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Design → code → canvas → feedback → repeat. The Figma MCP server is now bidirectional. GitHub Copilot users can pull design context into code and push working UI back to the Figma canvas, all from Visual Studio Code . No handoffs or context switching. Just flow.
1:40

Design → code → canvas → feedback → repeat. The Figma MCP server is now bidirectional. GitHub Copilot users can pull design context into code and push working UI back to the Figma canvas, all from Visual Studio Code . No handoffs or context switching. Just flow.

Mario Rodriguez

106,034 views • 6 months ago

That gap between design and production? Closed. 🔁 GitHub Copilot, Visual Studio Code, and Figma now create a continuous loop. With the bidirectional Figma MCP server, Copilot users can: 🔹 Pull design context into code 🔹 Push working UI back to the canvas Connect your canvas and stay in the flow. 👇
1:40

That gap between design and production? Closed. 🔁 GitHub Copilot, Visual Studio Code, and Figma now create a continuous loop. With the bidirectional Figma MCP server, Copilot users can: 🔹 Pull design context into code 🔹 Push working UI back to the canvas Connect your canvas and stay in the flow. 👇

GitHub

113,297 views • 6 months ago

Introducing Canvas UI, the first ever html-in-canvas component library. Your DOM is the render target now. Real-time shaders over real, interactive UI. 24 components. React, Vue, Svelte, vanilla TS. Free. Open source. 🧵
0:48

Introducing Canvas UI, the first ever html-in-canvas component library. Your DOM is the render target now. Real-time shaders over real, interactive UI. 24 components. React, Vue, Svelte, vanilla TS. Free. Open source. 🧵

David Haz

1,420,912 views • 1 month ago

Introducing the Remade Canvas the best way to ideate and create with AI; built to make you extraordinarily productive. Context-rich. Ridiculously Fast. Try it now @ app.remade. ai/canvas/create
1:21

Introducing the Remade Canvas the best way to ideate and create with AI; built to make you extraordinarily productive. Context-rich. Ridiculously Fast. Try it now @ app.remade. ai/canvas/create

Remade

44,554 views • 1 year ago

Introducing the Generative UI Research Canvas ✨ Every agent needs a powerful UI Combine LangChain, Tavily, Tako and CopilotKit🪁 and you get a LangChain-based research agent with a Generative UI-driven frontend. When agents can explore the underlying data, research becomes more trustworthy and useful. How does this work? - LangChain manages the agent workflow and tool orchestration. - Tako converts retrieved data into structured, visual components - Tavily provides agentic search - CopilotKit renders those components in the UI and keeps the user in the loop while the agent is working So instead of a boring and static report, the output is an interactive research canvas that evolves as the agent runs. 2026 is the year where users want to see the output, not read it... Generative UI makes this possible for agentic applications. Tutorial: Open-Source Repo: Docs:
0:36

Introducing the Generative UI Research Canvas ✨ Every agent needs a powerful UI Combine LangChain, Tavily, Tako and CopilotKit🪁 and you get a LangChain-based research agent with a Generative UI-driven frontend. When agents can explore the underlying data, research becomes more trustworthy and useful. How does this work? - LangChain manages the agent workflow and tool orchestration. - Tako converts retrieved data into structured, visual components - Tavily provides agentic search - CopilotKit renders those components in the UI and keeps the user in the loop while the agent is working So instead of a boring and static report, the output is an interactive research canvas that evolves as the agent runs. 2026 is the year where users want to see the output, not read it... Generative UI makes this possible for agentic applications. Tutorial: Open-Source Repo: Docs:

Atai Barkai

11,997 views • 7 months ago

Introducing Kanvas a visual workspace to think, plan, and build ideas on a single canvas Built using the html canvas api >Collaborate in real time >Create freely or stay structured >Design with AI help >Privacy Kanvas is simple, visual, and powerful , with AI built right into the canvas link in comment
2:46

Introducing Kanvas a visual workspace to think, plan, and build ideas on a single canvas Built using the html canvas api >Collaborate in real time >Create freely or stay structured >Design with AI help >Privacy Kanvas is simple, visual, and powerful , with AI built right into the canvas link in comment

deep

17,688 views • 7 months ago

Cursor can now show your agent's context usage as an interactive report in a canvas. The context explorer breaks down where tokens go across the system prompt, tool definitions, rules, skills, and more.
0:24

Cursor can now show your agent's context usage as an interactive report in a canvas. The context explorer breaks down where tokens go across the system prompt, tool definitions, rules, skills, and more.

Cursor

37,814 views • 3 months ago

With Canvas in Gemini, you can: ⌨️ Write, iterate & preview React/HTML code 📝 Draft & edit comprehensive documents 🎨 Build interactive prototypes, games & visualization …and more. Simply select ‘Canvas’ in your prompt bar and you can write and edit documents or code, with changes appearing in real-time: Try it today and share your Canvas creations by tagging us here!
0:30

With Canvas in Gemini, you can: ⌨️ Write, iterate & preview React/HTML code 📝 Draft & edit comprehensive documents 🎨 Build interactive prototypes, games & visualization …and more. Simply select ‘Canvas’ in your prompt bar and you can write and edit documents or code, with changes appearing in real-time: Try it today and share your Canvas creations by tagging us here!

Google Gemini

414,938 views • 1 year ago

Literal robots building your page as you scroll. Fable modeled the arm via Blender MCP, Grok 4.6 + Fable for the code. HTML in Canvas, so all interactive.
0:50

Literal robots building your page as you scroll. Fable modeled the arm via Blender MCP, Grok 4.6 + Fable for the code. HTML in Canvas, so all interactive.

Zsolt Kacso

13,144 views • 28 days ago

Nano Banana 2 is the "all-in-one" for visual prototyping. ⚡️ By combining character consistency, advanced world knowledge, and precision text, it’s built for fast workflows. From iterative character design to beautiful mockups, try it out today in Antigravity.
0:57

Nano Banana 2 is the "all-in-one" for visual prototyping. ⚡️ By combining character consistency, advanced world knowledge, and precision text, it’s built for fast workflows. From iterative character design to beautiful mockups, try it out today in Antigravity.

Google Antigravity

90,782 views • 6 months ago

If you're curious, here's how I built the interactive theme builder page completely in Livewire (completely optimistic UI, no server trips unless you hit "generate theme")
16:47

If you're curious, here's how I built the interactive theme builder page completely in Livewire (completely optimistic UI, no server trips unless you hit "generate theme")

Caleb Porzio ⚡️

10,040 views • 1 year ago

Gemini 3.5 Flash can process complex visual data and translate it into functional, interactive code. Watch Gemini analyze lighting from a reference image, and build an interactive 3D visualizer to preview the setup.
0:32

Gemini 3.5 Flash can process complex visual data and translate it into functional, interactive code. Watch Gemini analyze lighting from a reference image, and build an interactive 3D visualizer to preview the setup.

Google Gemini

1,128,512 views • 3 months ago

Create dynamic and interactive Agent UI experiences in the Gemini Enterprise app. With support for the Agent-to-UI protocol (A2UI), custom agents can dynamically generate rich, native UI components directly within the Gemini Enterprise app.
0:37

Create dynamic and interactive Agent UI experiences in the Gemini Enterprise app. With support for the Agent-to-UI protocol (A2UI), custom agents can dynamically generate rich, native UI components directly within the Gemini Enterprise app.

Google Cloud

19,318,491 views • 3 months ago

We fed Gemini 3.7 Flash hundreds of PDFs from a Victorian book of botanical illustrations and tasked it with extracting and classifying these historical plants using the modern APG IV classification system. 🌳 💻 Watch how it brings its understanding to life in an interactive visualization built in Google Antigravity:
1:27

We fed Gemini 3.7 Flash hundreds of PDFs from a Victorian book of botanical illustrations and tasked it with extracting and classifying these historical plants using the modern APG IV classification system. 🌳 💻 Watch how it brings its understanding to life in an interactive visualization built in Google Antigravity:

Google AI Developers

65,124 views • 28 days ago

Static PDF ➡️ interactive web app, all in one prompt! We used Gemini 3.7 Flash in Google AI Studio to transform a dense PDF annual report into a beautiful website. Using its native PDF understanding, the model easily extracted data, crunched the numbers, and generated delightful interactive UI in one go. Learn how from genevieveh@:
2:08

Static PDF ➡️ interactive web app, all in one prompt! We used Gemini 3.7 Flash in Google AI Studio to transform a dense PDF annual report into a beautiful website. Using its native PDF understanding, the model easily extracted data, crunched the numbers, and generated delightful interactive UI in one go. Learn how from genevieveh@:

Google for Developers

66,424 views • 27 days ago

So COOL...someone just built THE OFFICE theme agent harness. Claude Code, Codex, Antigravity, and Cursor working with each other on your existing subscription limits. 100% Opensource.
0:35

So COOL...someone just built THE OFFICE theme agent harness. Claude Code, Codex, Antigravity, and Cursor working with each other on your existing subscription limits. 100% Opensource.

Shubham Saboo

43,496 views • 21 days ago

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript
0:29

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Techartist

18,168 views • 1 year ago

Design ∞ code loop, but 10x better. Introducing the browser agent in pen.dev. Import HTML/React to fully editable canvas, make edits/variations, export back to code. Build with the browser & the canvas at the same time, the ultimate combo. Download today.
1:07

Design ∞ code loop, but 10x better. Introducing the browser agent in pen.dev. Import HTML/React to fully editable canvas, make edits/variations, export back to code. Build with the browser & the canvas at the same time, the ultimate combo. Download today.

Tom Krcha

101,912 views • 1 month ago

MCP tools have only ever returned text for the model to read. Now they return interactive UI. 🪄 TanStack AI's new MCP Apps support renders ui:// widgets right in the chat - static or fully interactive, with a client/server bridge.
0:45

MCP tools have only ever returned text for the model to read. Now they return interactive UI. 🪄 TanStack AI's new MCP Apps support renders ui:// widgets right in the chat - static or fully interactive, with a client/server bridge.

TANSTACK

133,044 views • 2 months ago