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

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.

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!

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.

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

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.

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

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

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

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→

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

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

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:

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

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:

The secret to a smoother streaming experience? Reducing Interaction to Next Paint (INP). Discover how @DisneyPlusHS boosted user engagement for their app in this article by Saurabh Rajpal and Bhuvaneswaran Mohan:

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.

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

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

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

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 →

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.

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.

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 →

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 →

Clear your schedule. We’re dropping exciting web platform updates at #GoogleIO. From client-side AI to agentic web toolkits, get ready for two days packed with new tools and API announcements that will help you build for the future of the web →

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 →

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, &amp; scroll snap effects to turn a simple layout into a full story →

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 →

Create engaging, scrolly-telling experiences with just a single line of CSS ✨ The new Scroll-Triggered Animations feature lets you trigger an animation when an element scrolls into view, delivering high performance with ease →

Select. Ask. Solve ✅ Your coding agent can now connect directly to your active browser session. Whether it's a wonky div in the Elements panel or a failed API call, just select it and let the agent get to work →

The results are in 🥁 → After reviewing so many incredible submissions for the Google Chrome Built-in AI Challenge 2025, we’re thrilled to announce our winners. A huge thank you to everyone who participated and showed us the future of AI on the web.

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

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

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

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 →