Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

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⚡

Google Antigravity

175,110 subscribers

51,927 görüntüleme • 2 gün önce •via X (Twitter)

Bilim & Teknoloji Eğitim

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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.

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

105,816 görüntüleme • 4 ay önce

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. 👇

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,179 görüntüleme • 4 ay önce

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. 🧵

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,387,206 görüntüleme • 7 gün önce

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

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 görüntüleme • 1 yıl önce

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:

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 görüntüleme • 5 ay önce

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

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,616 görüntüleme • 6 ay önce

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 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

36,668 görüntüleme • 1 ay önce

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!

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 görüntüleme • 1 yıl önce

👋 Meet Canvas, a new interactive space in Gemini that simplifies creating, refining, and sharing your work. Canvas is like a shared whiteboard where you and Gemini can work together. You can refine documents, write code, design prototypes and more while Gemini collaborates with you in real-time to make improvements. Try Canvas today here: and share your creations with us in the comments!

👋 Meet Canvas, a new interactive space in Gemini that simplifies creating, refining, and sharing your work. Canvas is like a shared whiteboard where you and Gemini can work together. You can refine documents, write code, design prototypes and more while Gemini collaborates with you in real-time to make improvements. Try Canvas today here: and share your creations with us in the comments!

G3mini

63,795 görüntüleme • 1 yıl önce

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")

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 görüntüleme • 1 yıl önce

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.

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,703 görüntüleme • 4 ay önce

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.

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,127,279 görüntüleme • 1 ay önce

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.

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,214,744 görüntüleme • 2 ay önce

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

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 görüntüleme • 1 yıl önce

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.

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

131,910 görüntüleme • 1 ay önce

Introducing Code on Canvas in AI design tool for Claude and Codex. Design ❤️ Code are officially in a relationship, opening new ways to create on canvas. Ask agent to generate custom design tools inside Pencil on the fly, create interactive components, generative art and more, but still keep the full manual design control. This is just the beginning. Let us know what you think. And let's take it to the next level together. Download the new Pencil update today.

Introducing Code on Canvas in AI design tool for Claude and Codex. Design ❤️ Code are officially in a relationship, opening new ways to create on canvas. Ask agent to generate custom design tools inside Pencil on the fly, create interactive components, generative art and more, but still keep the full manual design control. This is just the beginning. Let us know what you think. And let's take it to the next level together. Download the new Pencil update today.

Tom Krcha

79,507 görüntüleme • 3 ay önce

Meet Miora ✨your AI creative agent studio, now in international beta. 💡 Here's the idea: Images, video, UI/UX, 3D - all generated right there, on the same canvas 🪄No tool-switching. No context loss. The whole creative project lives in one place. The agents aren't basic: * they understand design context, reason through problems, call tools on their own * inpaint, edit locally, split backgrounds * skills system: use ours, build yours, share with the community * they read what's on your canvas and remember what you like * a crew of built-in Specialists, each owning their craft: brand, storyboards, illustration, UI/UX, video, 3D 👉

Tencent AI

102,703 görüntüleme • 2 ay önce

i shit you not, it's an IDE AND has browser embeds, so I can localhost multiple pages at once in the same canvas obsidian's canvas being able to embed ANYTHING, and the Obsidian editor being literally just code-mirror, makes it the perfect worspace (tldraw is also cool)

i shit you not, it's an IDE AND has browser embeds, so I can localhost multiple pages at once in the same canvas obsidian's canvas being able to embed ANYTHING, and the Obsidian editor being literally just code-mirror, makes it the perfect worspace (tldraw is also cool)

Igor bedesqui

78,297 görüntüleme • 4 ay önce

i love the canvas, but not every moment in a creative workflow is a wide shot. some steps need the whole screen. so i built focus mode. zoom into a block, iterate fast, jump back out when you're done. still zero code. thanks to Google Antigravity

i love the canvas, but not every moment in a creative workflow is a wide shot. some steps need the whole screen. so i built focus mode. zoom into a block, iterate fast, jump back out when you're done. still zero code. thanks to Google Antigravity

Synthetic_soul

66,530 görüntüleme • 7 ay önce

your agent has left the chat. > generate your user interface > interact with the generated interface all the benefits of interactive visual interfaces with all the power of ai agents. build an agent that can speak your ui. it's open source. link 👇

your agent has left the chat. > generate your user interface > interact with the generated interface all the benefits of interactive visual interfaces with all the power of ai agents. build an agent that can speak your ui. it's open source. link 👇

Michael Magán

10,737 görüntüleme • 5 ay önce