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.

Live Cam

Chrome for Developers

Shorts

Skip writing complex JavaScript to make form elements like textarea fit user input 🍝 The field-sizing CSS property is a newly available Baseline feature that lets form controls naturally adjust their sizing to fit their contents. Find the documentation here →

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!

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 &lt;0.3% orphaned passkey rate with Signal API

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.

Evaluate your production feature support more easily using the updated Baseline Checker tool. Now you can check your own user support levels without the headache of downloading and uploading manual files. The new Google Analytics API integration does the heavy lifting for you →

✂️ 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.

Modern CSS and HTML APIs are making web layouts incredibly powerful. From declarative scroll-triggered animations to element-scoped view transitions, the platform is expanding. Catch up on every major feature update →

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

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

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.

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→

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().

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

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

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

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.

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

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 →

Videos

Watch Anya Live

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

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:

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

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, &amp; perform real-time debugging of your web pages.

📣 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 ▶️

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

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 →

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

Your coding agent can now make your website better for visiting AI agents. Lighthouse audits are now available inside DevTools for agents, including the new agentic browsing category. See how to build a closed feedback loop for this and 4 other categories of web fixes →

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 →

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 →

With WebMCP, your website can communicate directly with agents to help them complete tasks on behalf of human users. Learn about the APIs and how you can debug your implementation in our latest Developer Tooling Tip episode. →

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 DevTools for agents now supports third-party developer tools → See how the Angular team integrated runtime graphs: 📈 Signal Graph visualization 🔌 Dependency Injection graph 🎯 Precise error tracing

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.

Straight from the floor of #GoogleIOConnect India! We spoke with redBus Director of Engineering, Amit Kumar, for a quick lightning round about HTML-in-Canvas. Hear how they are using the new API to level up their web UI experiences 👇 #BuildwithGemini

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 →

Accelerate your timeline to publication on the Chrome Web Store. One of the most common bottlenecks in the review process is package bloat. By auditing your bundle to eliminate dead code and redundant files before you submit, you can bypass common pitfalls and secure a faster approval 👇

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

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.

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