Loading video...

Video Failed to Load

Go Home

Gemini in DevTools is your new helper for 🎨 styling, 📡 network requests, 📄 sources, and ⏱️ performance. See it in action and try out prompts with our interactive Hangar demo→

ChromiumDev's profile picture

Chrome for Developers

420,402 subscribers

33,365 views • 11 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Gemini 3 brings new capabilities to Google Gemini including visual layout and dynamic view for more visual and interactive responses. Check it out in action with these 3 prompts:
0:36

Gemini 3 brings new capabilities to Google Gemini including visual layout and dynamic view for more visual and interactive responses. Check it out in action with these 3 prompts:

Google

75,222 views • 7 months ago

Introducing AI Assistance in Chrome DevTools! 🤯🚀 Ever wish you could have a coding buddy to help you with CSS and layout? Well, your wish is granted! The new AI Assistance in Chrome DevTools is here to make your life as a developer easier, powered by Gemini. The new panel aims to help you find and fix issues. Just ask it questions about your code, and it provides tailored explanations and even suggests solutions. This is our first exploration into agentic AI in DevTools and we're excited to hear what you think of it. Some key features: 1. Conversational prompts: Get tailored suggestions and code snippets. 2. Contextual understanding: AI understands the code you're working on. 3. Step-by-step guidance: Get help with everything from styling to debugging. Want to see it in action? Check out my screencast below to see how I used it to add a dark mode.
7:00

Introducing AI Assistance in Chrome DevTools! 🤯🚀 Ever wish you could have a coding buddy to help you with CSS and layout? Well, your wish is granted! The new AI Assistance in Chrome DevTools is here to make your life as a developer easier, powered by Gemini. The new panel aims to help you find and fix issues. Just ask it questions about your code, and it provides tailored explanations and even suggests solutions. This is our first exploration into agentic AI in DevTools and we're excited to hear what you think of it. Some key features: 1. Conversational prompts: Get tailored suggestions and code snippets. 2. Contextual understanding: AI understands the code you're working on. 3. Step-by-step guidance: Get help with everything from styling to debugging. Want to see it in action? Check out my screencast below to see how I used it to add a dark mode.

Addy Osmani

95,915 views • 1 year ago

AI assistance in Chrome DevTools is here with Chrome 131! 🚀 Using Gemini, it helps you debug styling issues, understand layouts, and get AI-generated fixes for CSS bugs. Learn more →
0:24

AI assistance in Chrome DevTools is here with Chrome 131! 🚀 Using Gemini, it helps you debug styling issues, understand layouts, and get AI-generated fixes for CSS bugs. Learn more →

Google for Developers

17,235 views • 1 year ago

New in Chrome DevTools: Annotate performance findings with Gemini! You can now ask Gemini to explain performance traces. Specifically you can generate annotations about events in the performance trace. This is a total game-changer. Double-click an event in the Main track, then click Generate label next to the input field. Gemini can suggest a label based on the stack trace and context. Try it out and let us know what you think!
0:28

New in Chrome DevTools: Annotate performance findings with Gemini! You can now ask Gemini to explain performance traces. Specifically you can generate annotations about events in the performance trace. This is a total game-changer. Double-click an event in the Main track, then click Generate label next to the input field. Gemini can suggest a label based on the stack trace and context. Try it out and let us know what you think!

Addy Osmani

88,219 views • 1 year ago

.PlayCanvas has added support for Gracia's 4D Gaussian Splats, see it in action in your browser. Try the demo:
0:52

.PlayCanvas has added support for Gracia's 4D Gaussian Splats, see it in action in your browser. Try the demo:

80 LEVEL

17,562 views • 3 months ago

Here it is with DevTools open 👀 Can slow down those cross-document View Transitions and see the network requests coming in 🤙 Could totally spend time tweaking different parts of the transition, timing, etc. ✨
0:32

Here it is with DevTools open 👀 Can slow down those cross-document View Transitions and see the network requests coming in 🤙 Could totally spend time tweaking different parts of the transition, timing, etc. ✨

jhey ʕ•ᴥ•ʔ

33,944 views • 1 year ago

We just dropped Gemini 2.5 Pro (I/O edition). It’s our most intelligent model that’s even better at coding. Now, you can build interactive web apps in Canvas with fewer prompts. Head to and select “Canvas” in the prompt bar to try it out, and let us know what you’re building in the comments.
0:26

We just dropped Gemini 2.5 Pro (I/O edition). It’s our most intelligent model that’s even better at coding. Now, you can build interactive web apps in Canvas with fewer prompts. Head to and select “Canvas” in the prompt bar to try it out, and let us know what you’re building in the comments.

Google Gemini

470,303 views • 1 year ago

Gemini CLI can now stop and ask for clarification using interactive dialogues, multiple-choice, and yes/no questions before it builds. See the brand-new Ask Me feature in action on this week’s livestream →
0:55

Gemini CLI can now stop and ask for clarification using interactive dialogues, multiple-choice, and yes/no questions before it builds. See the brand-new Ask Me feature in action on this week’s livestream →

Google Cloud Tech

19,988 views • 4 months ago

Personalize how you study and learn any topic with new study notebooks in Gemini. 📓 Study notebooks can be grounded in your course materials and turn Gemini into an interactive, adaptive learning space with personalized lessons based on your quiz performance to help you learn.
1:12

Personalize how you study and learn any topic with new study notebooks in Gemini. 📓 Study notebooks can be grounded in your course materials and turn Gemini into an interactive, adaptive learning space with personalized lessons based on your quiz performance to help you learn.

Google Gemini

2,507,212 views • 10 days ago

Build your very own electronic music grid looper in minutes, thanks to Canvas 😌🎶 Watch as Gemini UX Designer Tim Bettridge uses Canvas in 2.5 Pro to create a playable grid looper in our latest demo, and try it out for yourself in Gemini here: (sound on to play!)
5:54

Build your very own electronic music grid looper in minutes, thanks to Canvas 😌🎶 Watch as Gemini UX Designer Tim Bettridge uses Canvas in 2.5 Pro to create a playable grid looper in our latest demo, and try it out for yourself in Gemini here: (sound on to play!)

Google Gemini App

42,154 views • 1 year ago

👋 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!
1:00

👋 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 views • 1 year ago

We asked AI Mode in Search how a basketball player's 3 point shot relates to the quadratic equation. With Gemini 3's new generative UI capabilities, it created an interactive visualization to help bring this concept to life. Try it out with the Gemini 3 drop down in AI Mode and share your examples with us!
0:34

We asked AI Mode in Search how a basketball player's 3 point shot relates to the quadratic equation. With Gemini 3's new generative UI capabilities, it created an interactive visualization to help bring this concept to life. Try it out with the Gemini 3 drop down in AI Mode and share your examples with us!

Rajan Patel

202,408 views • 7 months ago

Control your hands and destroy friendships in our physics-based couch/online fighting game. Check out our new trailer, and try the free demo on Steam!
1:04

Control your hands and destroy friendships in our physics-based couch/online fighting game. Check out our new trailer, and try the free demo on Steam!

Oblin Party | Out now on Steam!

1,589,899 views • 1 year ago

Refactor, generate, and optimize your Android code with Gemini. See Gemini Code Transforms in action and learn how to simplify your development workflow. Watch now →
1:21

Refactor, generate, and optimize your Android code with Gemini. See Gemini Code Transforms in action and learn how to simplify your development workflow. Watch now →

Android Studio

12,288 views • 1 year ago

🔥~BRAND NEW DEMO REEL OUT~!!!🔥 New, improved, and INTERACTIVE! Looking for a versatile voice for gruff survivors, elderly men to psycho villain and bestial warriors? I'm your guy! ~email in bio~ !! 🌐: #voiceacting #voiceover #interactive #demoreel
1:23

🔥~BRAND NEW DEMO REEL OUT~!!!🔥 New, improved, and INTERACTIVE! Looking for a versatile voice for gruff survivors, elderly men to psycho villain and bestial warriors? I'm your guy! ~email in bio~ !! 🌐: #voiceacting #voiceover #interactive #demoreel

Dontae Majors | 🎨 SUMMER C0MM1SS10NS OPEN

35,163 views • 9 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

With Gemini 3, thanks to the model’s significant improvements in coding capabilities, you can build interactive 3D designed games with a single prompt. See how Gemini 3 can handle complex prompts to build richer game design and aesthetics:
0:33

With Gemini 3, thanks to the model’s significant improvements in coding capabilities, you can build interactive 3D designed games with a single prompt. See how Gemini 3 can handle complex prompts to build richer game design and aesthetics:

Google AI

43,623 views • 7 months ago

Want some help understanding all requests related to your website? Chrome DevTools AI assistance for network helps you analyze page load and inspect network resources. Learn more here →
0:26

Want some help understanding all requests related to your website? Chrome DevTools AI assistance for network helps you analyze page load and inspect network resources. Learn more here →

Chrome for Developers

20,905 views • 1 year ago