Chrome for Developers's banner

Chrome for Developers

@ChromiumDev • 419,982 subscribers

The official Chrome Devs X account from Google. We want to help you build beautiful, accessible, fast, & secure websites that work for everyone, everywhere.

Shorts

Adidas replaced the "forgot password" reset loop with passkeys at scale → With passkeys, they achieved: 99% sign-in success rate 8% adoption lift with automatic passkey creation <0.3% orphaned passkey rate with Signal API

Adidas replaced the "forgot password" reset loop with passkeys at scale → With passkeys, they achieved: 99% sign-in success rate 8% adoption lift with automatic passkey creation <0.3% orphaned passkey rate with Signal API

65,160 görüntüleme

Chrome 147 is officially rolling out to users everywhere → This release includes element-scoped view transitions, empowering you to run concurrent transitions on separate HTML elements.

Chrome 147 is officially rolling out to users everywhere → This release includes element-scoped view transitions, empowering you to run concurrent transitions on separate HTML elements.

73,272 görüntüleme

We're excited to announce Chrome DevTools MCP is now on the Github MCP registry → The community's ideas and contributions are already helping us shape what's next for this project. Keep the feedback coming!

We're excited to announce Chrome DevTools MCP is now on the Github MCP registry → The community's ideas and contributions are already helping us shape what's next for this project. Keep the feedback coming!

171,864 görüntüleme

Signing in to the web shouldn’t feel like a chore. It should be a secure, seamless entry point that makes users feel safe from the start 🔒 Our new guide from #GoogleIO outlines how to eliminate authentication friction using Conditional Create for zero-prompt passkey upgrades and Immediate UI Mode for instant logins →

Signing in to the web shouldn’t feel like a chore. It should be a secure, seamless entry point that makes users feel safe from the start 🔒 Our new guide from #GoogleIO outlines how to eliminate authentication friction using Conditional Create for zero-prompt passkey upgrades and Immediate UI Mode for instant logins →

29,721 görüntüleme

We are bringing the latest web announcements to #GoogleIO on May 19th at 1:30pm PT to help you build incredible web applications →

We are bringing the latest web announcements to #GoogleIO on May 19th at 1:30pm PT to help you build incredible web applications →

34,120 görüntüleme

✂️ Achieve optical balance with CSS text-box-trim → Chrome 133 lets you tailor the space above and below text, giving developers and designers more control over text layout and appearance.

✂️ Achieve optical balance with CSS text-box-trim → Chrome 133 lets you tailor the space above and below text, giving developers and designers more control over text layout and appearance.

124,703 görüntüleme

Chrome 146 is stable 🚀 We’re shipping features that move more logic out of your JavaScript and into the browser → ✨ Scroll-triggered animations (declarative CSS!) 🛡️ The Sanitizer API for XSS-free apps 🧩 Scoped custom element registries

Chrome 146 is stable 🚀 We’re shipping features that move more logic out of your JavaScript and into the browser → ✨ Scroll-triggered animations (declarative CSS!) 🛡️ The Sanitizer API for XSS-free apps 🧩 Scoped custom element registries

35,752 görüntüleme

Good news for web typography: text-indent with each-line and hanging keywords is now Baseline Widely Available → You can now create sophisticated, print-inspired layouts with CSS that work across all major engines.

Good news for web typography: text-indent with each-line and hanging keywords is now Baseline Widely Available → You can now create sophisticated, print-inspired layouts with CSS that work across all major engines.

28,179 görüntüleme

CSS shape() is now Baseline Newly Available → The shape() function allows you to create responsive, complex paths for layouts and animations using standard CSS units like %, rem, and calc().

CSS shape() is now Baseline Newly Available → The shape() function allows you to create responsive, complex paths for layouts and animations using standard CSS units like %, rem, and calc().

24,796 görüntüleme

The Popover API puts your UI on a separate top layer so you can stop fighting with focus management. Plus backdrop styling so short it fits here: [popover]::backdrop { background: rgb(52, 168, 83); backdrop-filter: blur(3px); } Build more with less code→

The Popover API puts your UI on a separate top layer so you can stop fighting with focus management. Plus backdrop styling so short it fits here: [popover]::backdrop { background: rgb(52, 168, 83); backdrop-filter: blur(3px); } Build more with less code→

41,337 görüntüleme

When you inspect the Chrome logo and realize the computed layers are just sponge and icing 🍰

28,705 görüntüleme

Every site has a story to scroll 📖 With the new Scroll-Triggered Animations, you can transform your site into an immersive narrative that keeps your users engaged. Create beautiful time-based animations with zero JS, all natively in CSS. Break free from static UI and create your story in minutes. #GoogleIO

Every site has a story to scroll 📖 With the new Scroll-Triggered Animations, you can transform your site into an immersive narrative that keeps your users engaged. Create beautiful time-based animations with zero JS, all natively in CSS. Break free from static UI and create your story in minutes. #GoogleIO

12,135 görüntüleme

Make your UI smarter with scroll-state()! → With CSS scroll-state() queries, you can easily manage stuck, snapped, and overflowing elements.

Make your UI smarter with scroll-state()! → With CSS scroll-state() queries, you can easily manage stuck, snapped, and overflowing elements.

61,080 görüntüleme

It's possible to make web sign-in more frictionless. Help simplify web authentication for everyone by joining the WebAuthn immediate mediation origin trial → #PasskeysWeek

It's possible to make web sign-in more frictionless. Help simplify web authentication for everyone by joining the WebAuthn immediate mediation origin trial → #PasskeysWeek

29,977 görüntüleme

Track exactly when blocks of content load in our new origin trial → Container Timing extends Element Timing so you can measure when entire components like widgets or sidebars are available to your users.

Track exactly when blocks of content load in our new origin trial → Container Timing extends Element Timing so you can measure when entire components like widgets or sidebars are available to your users.

11,555 görüntüleme

"Why is this request pending?" ⏳ Don't waste time digging through headers manually. Select the network request in DevTools and ask your coding agent to solve the mystery for you. It's that simple. Get started →

"Why is this request pending?" ⏳ Don't waste time digging through headers manually. Select the network request in DevTools and ask your coding agent to solve the mystery for you. It's that simple. Get started →

17,331 görüntüleme

2025 was a landmark year for local machine learning. We're looking back at how Transformers.js and WebGPU enabled state-of-the-art models right in the browser. See how to build the future of the web with @HuggingFace's Xenova →

2025 was a landmark year for local machine learning. We're looking back at how Transformers.js and WebGPU enabled state-of-the-art models right in the browser. See how to build the future of the web with @HuggingFace's Xenova →

16,753 görüntüleme

Say goodbye to the limitations of the History API. Discover the Navigation API and unlock a new era of smooth, dynamic single-page applications. Check it out:

Say goodbye to the limitations of the History API. Discover the Navigation API and unlock a new era of smooth, dynamic single-page applications. Check it out:

23,347 görüntüleme

Take control of your performance debugging in Chrome DevTools. These customization features let you simplify the Performance panel and zero in on the most important data for your workflow. Get started:

Take control of your performance debugging in Chrome DevTools. These customization features let you simplify the Performance panel and zero in on the most important data for your workflow. Get started:

15,449 görüntüleme

📢 Deloitte US experimented w/ built-in AI APIs within its Engineering Platform to improve the onboarding & feedback experience for their developers, yielding an estimated 30% quicker info retrieval & 15% increase in provided feedback. Learn more →

📢 Deloitte US experimented w/ built-in AI APIs within its Engineering Platform to improve the onboarding & feedback experience for their developers, yielding an estimated 30% quicker info retrieval & 15% increase in provided feedback. Learn more →

11,545 görüntüleme

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

What’s old is new again 🌀 Learn how to create fluid, responsive scroll-driven animations that give your users engaging, app-like web experiences—with only a few lines of CSS. 🔗

What’s old is new again 🌀 Learn how to create fluid, responsive scroll-driven animations that give your users engaging, app-like web experiences—with only a few lines of CSS. 🔗

Chrome for Developers

6,844,437 görüntüleme • 1 yıl önce

Announcing the Google Chrome Built-in AI Challenge starting today! Discover what's possible with AI on the web and Gemini Nano in Chrome. Cash prizes totaling $65,000 will be awarded to winners - show us what you can build! Join the challenge:

Announcing the Google Chrome Built-in AI Challenge starting today! Discover what's possible with AI on the web and Gemini Nano in Chrome. Cash prizes totaling $65,000 will be awarded to winners - show us what you can build! Join the challenge:

Chrome for Developers

5,496,381 görüntüleme • 1 yıl önce

The future of web development is here! AI assistance is now available in Chrome 131. Learn how this feature can help you code more efficiently: #DevTools

The future of web development is here! AI assistance is now available in Chrome 131. Learn how this feature can help you code more efficiently: #DevTools

Chrome for Developers

2,621,406 görüntüleme • 1 yıl önce

Announcing our public preview of Chrome DevTools MCP! Experience the full power of DevTools in your AI coding agent → With Chrome DevTools MCP, your AI agent can run performance traces, inspect the DOM, & perform real-time debugging of your web pages.

Announcing our public preview of Chrome DevTools MCP! Experience the full power of DevTools in your AI coding agent → With Chrome DevTools MCP, your AI agent can run performance traces, inspect the DOM, & perform real-time debugging of your web pages.

Chrome for Developers

1,041,958 görüntüleme • 9 ay önce

Pinterest moved to native CSS carousels to replace legacy JS platform-wide → Using CSS primitives like scroll markers and snap, they achieved: 📉 90% code reduction (2k JS → 200 CSS) 🚀 15% faster page loads ✨ Smoother, interactive UI

Pinterest moved to native CSS carousels to replace legacy JS platform-wide → Using CSS primitives like scroll markers and snap, they achieved: 📉 90% code reduction (2k JS → 200 CSS) 🚀 15% faster page loads ✨ Smoother, interactive UI

Chrome for Developers

219,878 görüntüleme • 3 ay önce

📣 CSS Wrapped 2024 has dropped 📣 Join us (and our skateboarding dinosaur) on a journey through all the latest and greatest CSS and UI improvements that launched for Chrome and the web platform in 2024 ▶️

📣 CSS Wrapped 2024 has dropped 📣 Join us (and our skateboarding dinosaur) on a journey through all the latest and greatest CSS and UI improvements that launched for Chrome and the web platform in 2024 ▶️

Chrome for Developers

901,895 görüntüleme • 1 yıl önce

HTML canvas has always been a black box to the browser, but not anymore. The HTML-in-Canvas API lets you integrate real DOM elements directly into the canvas, making them fully searchable, accessible, natively translatable, and inspectable. Fuse shaders and semantics to build new UI, eliminating the need for separate DOM overlays → The web is about to get a whole lot more whimsical and we can't wait to see it 🎨

HTML canvas has always been a black box to the browser, but not anymore. The HTML-in-Canvas API lets you integrate real DOM elements directly into the canvas, making them fully searchable, accessible, natively translatable, and inspectable. Fuse shaders and semantics to build new UI, eliminating the need for separate DOM overlays → The web is about to get a whole lot more whimsical and we can't wait to see it 🎨

Chrome for Developers

41,367 görüntüleme • 1 ay önce

Stop slowing down your entire app just to test one API. You can now throttle individual network requests in Chrome DevTools to simulate specific bottlenecks without affecting the rest of your session →

Stop slowing down your entire app just to test one API. You can now throttle individual network requests in Chrome DevTools to simulate specific bottlenecks without affecting the rest of your session →

Chrome for Developers

118,725 görüntüleme • 4 ay önce

Take a bigger slice of the agentic web this #PiDay by shipping a literal pizza pie → To try: enable chrome://flags/#enable-webmcp-testing & install the Model Context Tool Inspector extension. Share what "pi" you’d build below! 🍕

Take a bigger slice of the agentic web this #PiDay by shipping a literal pizza pie → To try: enable chrome://flags/#enable-webmcp-testing & install the Model Context Tool Inspector extension. Share what "pi" you’d build below! 🍕

Chrome for Developers

99,768 görüntüleme • 4 ay önce

From flight searches to restaurant bookings, WebMCP is making apps agent-ready. Explore our list of demos to see the future of the web in action. Have a project? Submit a PR to be featured →

From flight searches to restaurant bookings, WebMCP is making apps agent-ready. Explore our list of demos to see the future of the web in action. Have a project? Submit a PR to be featured →

Chrome for Developers

84,803 görüntüleme • 4 ay önce

View Transitions just learned how to multitask with the rest of the page. Scoped View Transitions let you run multiple, fluid transitions at the same time, all with just a few lines of CSS. Web UX, re-imagined →

View Transitions just learned how to multitask with the rest of the page. Scoped View Transitions let you run multiple, fluid transitions at the same time, all with just a few lines of CSS. Web UX, re-imagined →

Chrome for Developers

114,560 görüntüleme • 7 ay önce

It can be challenging for AI agents to solve complex user intents by synthesizing signals like screenshots, the DOM, and the Accessibility Tree. Enter WebMCP, a proposed web standard that aims to expose structured tools for AI agents directly on existing websites, now in origin trial ⬇️

It can be challenging for AI agents to solve complex user intents by synthesizing signals like screenshots, the DOM, and the Accessibility Tree. Enter WebMCP, a proposed web standard that aims to expose structured tools for AI agents directly on existing websites, now in origin trial ⬇️

Chrome for Developers

14,702 görüntüleme • 22 gün önce

CSS Subgrid is now Baseline Widely Available across all major engines → It allows nested elements to inherit and align with their parent’s grid tracks, ensuring perfect alignment across complex layouts without manual sizing hacks.

CSS Subgrid is now Baseline Widely Available across all major engines → It allows nested elements to inherit and align with their parent’s grid tracks, ensuring perfect alignment across complex layouts without manual sizing hacks.

Chrome for Developers

47,642 görüntüleme • 3 ay önce

The wait is over! The Google Chrome Built-in AI Challenge 2025 is here. Today's the day to start building with our built-in AI APIs. Create a web app or Chrome Extension to compete for our $70K prize pool. Let the coding commence →

The wait is over! The Google Chrome Built-in AI Challenge 2025 is here. Today's the day to start building with our built-in AI APIs. Create a web app or Chrome Extension to compete for our $70K prize pool. Let the coding commence →

Chrome for Developers

109,716 görüntüleme • 10 ay önce

The WebMCP Early Preview is underway → Expose structured data to AI agents defining your capabilities as tools so they no longer have to scrape screens or burn through valuable tokens.

The WebMCP Early Preview is underway → Expose structured data to AI agents defining your capabilities as tools so they no longer have to scrape screens or burn through valuable tokens.

Chrome for Developers

31,277 görüntüleme • 2 ay önce

Your next project could be worth up to $14,000. The Google Chrome Built-in AI Challenge 2025 is your chance to win big by building a web app or Chrome Extension with our built-in AI APIs →

Your next project could be worth up to $14,000. The Google Chrome Built-in AI Challenge 2025 is your chance to win big by building a web app or Chrome Extension with our built-in AI APIs →

Chrome for Developers

83,218 görüntüleme • 10 ay önce

Generic AI prompts burn tokens guessing at performance issues from raw source code 📉 Chrome DevTools for agents fixes this. Let your coding agent run real performance traces and agentic Lighthouse audits to catch actual speed, accessibility, and SEO blockers directly in the browser → #GoogleIO

Generic AI prompts burn tokens guessing at performance issues from raw source code 📉 Chrome DevTools for agents fixes this. Let your coding agent run real performance traces and agentic Lighthouse audits to catch actual speed, accessibility, and SEO blockers directly in the browser → #GoogleIO

Chrome for Developers

15,327 görüntüleme • 1 ay önce

Carousels just got a major glow up 💅 New CSS primitives let you build carousels that are interactive at first paint. Easily add native scroll buttons, scroll markers, & scroll snap effects to turn a simple layout into a full story →

Carousels just got a major glow up 💅 New CSS primitives let you build carousels that are interactive at first paint. Easily add native scroll buttons, scroll markers, & scroll snap effects to turn a simple layout into a full story →

Chrome for Developers

46,450 görüntüleme • 6 ay önce

Make your web UI roar-some 🦖 Swap complex JS for just a few lines of CSS to build carousels and bring animations to life. Now available in Chrome and coming soon to other browsers →

Make your web UI roar-some 🦖 Swap complex JS for just a few lines of CSS to build carousels and bring animations to life. Now available in Chrome and coming soon to other browsers →

Chrome for Developers

43,046 görüntüleme • 7 ay önce

Exciting things are coming tomorrow 👀 🦖

Exciting things are coming tomorrow 👀 🦖

Chrome for Developers

138,961 görüntüleme • 2 yıl önce