Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 1 месяц назад •via X (Twitter)

Наука и технологииОбразование
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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 просмотров • 6 месяцев назад

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 просмотров • 6 месяцев назад

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 просмотров • 1 месяц назад

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 просмотров • 1 год назад

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 просмотров • 7 месяцев назад

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 просмотров • 7 месяцев назад

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 просмотров • 3 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 28 дней назад

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 просмотров • 6 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 3 месяцев назад

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 просмотров • 3 месяцев назад

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 просмотров • 28 дней назад

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 просмотров • 27 дней назад

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 просмотров • 21 дней назад

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 просмотров • 1 год назад

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 просмотров • 1 месяц назад

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 просмотров • 2 месяцев назад