Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Easily add a color mode switch with a couple prompts. 🎨 Utilizing Gemini 3 Flash in Antigravity: It replaced hex strings, removed inline styles, implemented CSS custom properties, and added persistent dark/light mode to the website.

Google Antigravity

169,399 subscribers

54,693 views • 5 months ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Create light and dark themes in seconds. Framer Agents can use your existing website styles and generate the second mode automatically.

Create light and dark themes in seconds. Framer Agents can use your existing website styles and generate the second mode automatically.

Framer

13,719 views • 13 days ago

The dark mode is done!🙌 I added dark mode to the invoice generator. The magic of Tailwind CSS. It's super easy to do. Check it out: 🔗

The dark mode is done!🙌 I added dark mode to the invoice generator. The magic of Tailwind CSS. It's super easy to do. Check it out: 🔗

Csaba Kissi

16,351 views • 2 years ago

We’re rolling out 3.5 Flash to everyone in the Google Gemini and AI Mode in Google Search. Developers can start building in Google Antigravity and via the Gemini API in GoogleAIStudio. #GoogleIO

We’re rolling out 3.5 Flash to everyone in the Google Gemini and AI Mode in Google Search. Developers can start building in Google Antigravity and via the Gemini API in GoogleAIStudio. #GoogleIO

Google DeepMind

65,790 views • 1 month ago

Switch designs from light to dark mode in Figma, supafast! ⚡️

Switch designs from light to dark mode in Figma, supafast! ⚡️

Zander Whitehurst

235,830 views • 3 years ago

🌗 Introducing Lottie Theming: one file, infinite possibilities. 🌈 Effortlessly switch between light mode, dark mode, or create custom themes. Embed multiple themes in a single dotLottie file—no more duplicate assets! Try it today:

Sensitive content

🌗 Introducing Lottie Theming: one file, infinite possibilities. 🌈 Effortlessly switch between light mode, dark mode, or create custom themes. Embed multiple themes in a single dotLottie file—no more duplicate assets! Try it today:

LottieFiles

20,406 views • 1 year ago

breakin' down classics CSS background-image + background-blend-mode + custom properties = holo-like effects with parallax ✨

breakin' down classics CSS background-image + background-blend-mode + custom properties = holo-like effects with parallax ✨

jhey ʕ•ᴥ•ʔ

42,712 views • 1 year ago

FINALLY!!! Built this Exclusive Fully Responsive Animated Multifunctional Portfolio Website with Light/Dark mode using HTML, CSS & Javascript How's it? Drop your comments 😊 SOURCE CODE 👇

FINALLY!!! Built this Exclusive Fully Responsive Animated Multifunctional Portfolio Website with Light/Dark mode using HTML, CSS & Javascript How's it? Drop your comments 😊 SOURCE CODE 👇

Raja - impeccify.com 🚀

192,258 views • 3 years ago

Want to see your screens in dark mode or different colors with just a click? 🎨 Theming is now enabled for new projects in Experimental (Gemini 2.5 Pro) mode. Instantly swap primary colors, fonts, and corner radiuses. Apply a dark mode theme to a single screen or your entire flow with SHIFT+Click. Use copy+paste to see multiple versions side by side. Perfect for quickly exploring new brand styles and modes. (Note: theming is not backwards compatible with existing experimental projects)

Stitch by Google

28,044 views • 9 months ago

Hey 👋 designers, Here’s a quick tutorial on how to create light and dark mode designs in Figma using the color variable system. Retweet and Share with your fellow designers.

Hey 👋 designers, Here’s a quick tutorial on how to create light and dark mode designs in Figma using the color variable system. Retweet and Share with your fellow designers.

UxUi.Tega

12,043 views • 1 year ago

When a developer switches from dark mode to light mode😭

When a developer switches from dark mode to light mode😭

Aryan

49,997 views • 2 months ago

With the latest update to my website, you can now view each piece’s details much faster, switch to light mode, and enjoy a more satisfying and responsive experience.

With the latest update to my website, you can now view each piece’s details much faster, switch to light mode, and enjoy a more satisfying and responsive experience.

BleachFX

30,072 views • 1 year ago

Easily add GPay to your website. With one prompt Antigravity triggers a full stack orchestration. It detects the Angular stack, installs the dependencies, and performs edits across the frontend and backend. Once the files are updated, the Antigravity browser automatically verifies the integration.

Easily add GPay to your website. With one prompt Antigravity triggers a full stack orchestration. It detects the Angular stack, installs the dependencies, and performs edits across the frontend and backend. Once the files are updated, the Antigravity browser automatically verifies the integration.

Google Antigravity

113,236 views • 4 months ago

Gemini 3 Pro in Google Search can help you quickly visualize complex topics, right in AI Mode. When you select “Thinking with 3 Pro” from the model drop-down menu in AI Mode, Gemini 3 will build a custom response to your question with visual elements so you can quickly get a richer and more helpful understanding of any topic. See it in action ⬇️

Gemini 3 Pro in Google Search can help you quickly visualize complex topics, right in AI Mode. When you select “Thinking with 3 Pro” from the model drop-down menu in AI Mode, Gemini 3 will build a custom response to your question with visual elements so you can quickly get a richer and more helpful understanding of any topic. See it in action ⬇️

Google

184,031 views • 5 months ago

If You're A UI UX Designer, I Just released a video demonstrating how to set up Dark Mode for your designs using Color Variables in Figma And CSS Watch Video Here :

If You're A UI UX Designer, I Just released a video demonstrating how to set up Dark Mode for your designs using Color Variables in Figma And CSS Watch Video Here :

Joseph Brendan

27,056 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!

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

Full circle of Gemini API Features: Gemini Deep Research > Gemini 3 Flash (Agent) + Subagents (Nano Banana, Gemini 3.1 Flash TTS) + Skills (HeyGen HyperFrame ) > 16 Parallel Variants. No manual script. No video editing software. Just a single prompt to Gemini 3 Flash orchestrating subagents with HyperFrames SKILL to create 16 distinct videos! 🚀 [video: Swiss print, A high-contrast, light-mode technical manual aesthetic with a firm, auditor-like voice.]

Full circle of Gemini API Features: Gemini Deep Research > Gemini 3 Flash (Agent) + Subagents (Nano Banana, Gemini 3.1 Flash TTS) + Skills (HeyGen HyperFrame ) > 16 Parallel Variants. No manual script. No video editing software. Just a single prompt to Gemini 3 Flash orchestrating subagents with HyperFrames SKILL to create 16 distinct videos! 🚀 [video: Swiss print, A high-contrast, light-mode technical manual aesthetic with a firm, auditor-like voice.]

Philipp Schmid

13,555 views • 2 months ago

Design Mode in v0 just got an upgrade. You can now: • Quick-apply a color palette • Easily adjust hues, saturation, and lightness • Quick-apply fonts • Easily add shadows

Design Mode in v0 just got an upgrade. You can now: • Quick-apply a color palette • Easily adjust hues, saturation, and lightness • Quick-apply fonts • Easily add shadows

v0

71,730 views • 9 months ago

Gemini 3 Flash is here, rolling out now in AI Mode in Search! ⚡️⚡️⚡️ 3 Flash brings frontier model intelligence to everyone...with the speed and accuracy of Google Search. Excited to ship it globally! Try it now at

Gemini 3 Flash is here, rolling out now in AI Mode in Search! ⚡️⚡️⚡️ 3 Flash brings frontier model intelligence to everyone...with the speed and accuracy of Google Search. Excited to ship it globally! Try it now at

Nick Fox

27,504 views • 6 months ago

Gemini 2.5 Flash can control a browser! Excited to share Gemini Browser Agent, a simple Python script example on how to use Google DeepMind Gemini 2.5 Flash and Browser Use to act as general assistant! 🤯 Usage Examples: 1⃣ Single Query Mode: `python scripts/gemini-browser-use.py --url --query "Summarize the key features of Gemini 2.5 Flash."` 2⃣Interactive Mode: Start an interactive session, optionally with a starting URL. `python scripts/gemini-browser-use.py` Command-line options: --model: The Gemini model to use (default: gemini-2.5-flash-preview-04-17) --headless: Run the browser in headless mode --url: Starting URL for the browser to navigate to before processing the query --query: Run a single query and exit (instead of interactive mode) Time to build a replication of Manus and OpenAI Operator powered by Gemini 2.5. Code below ⬇️

Gemini 2.5 Flash can control a browser! Excited to share Gemini Browser Agent, a simple Python script example on how to use Google DeepMind Gemini 2.5 Flash and Browser Use to act as general assistant! 🤯 Usage Examples: 1⃣ Single Query Mode: `python scripts/gemini-browser-use.py --url --query "Summarize the key features of Gemini 2.5 Flash."` 2⃣Interactive Mode: Start an interactive session, optionally with a starting URL. `python scripts/gemini-browser-use.py` Command-line options: --model: The Gemini model to use (default: gemini-2.5-flash-preview-04-17) --headless: Run the browser in headless mode --url: Starting URL for the browser to navigate to before processing the query --query: Run a single query and exit (instead of interactive mode) Time to build a replication of Manus and OpenAI Operator powered by Gemini 2.5. Code below ⬇️

Philipp Schmid

105,308 views • 1 year ago

From screenshot to functional UI in no time. Powered by Gemini 3 Flash, Antigravity can reproduce mockups with high fidelity. Just drop a screenshot, ask to rebuild as a Flutter UI, and watch it launch on your device.

From screenshot to functional UI in no time. Powered by Gemini 3 Flash, Antigravity can reproduce mockups with high fidelity. Just drop a screenshot, ask to rebuild as a Flutter UI, and watch it launch on your device.

Google Antigravity

394,700 views • 5 months ago