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

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,476 次观看

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 次观看

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.

72,972 次观看

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 次观看

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,083 次观看

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.

27,954 次观看

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,742 次观看

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 次观看

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,566 次观看

✂️ 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 次观看

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

28,705 次观看

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→

40,779 次观看

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.

60,721 次观看

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 次观看

"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,328 次观看

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 次观看

📢 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 次观看

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,441 次观看

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:

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:

16,534 次观看

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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 1 年前

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,058 次观看 • 8 个月前

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,254 次观看 • 2 个月前

📣 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 次观看 • 1 年前

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,561 次观看 • 2 个月前

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,391 次观看 • 2 个月前

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,756 次观看 • 2 个月前

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,026 次观看 • 1 个月前

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,605 次观看 • 1 个月前

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,534 次观看 • 6 个月前

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,159 次观看 • 8 个月前

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 →

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 →

Chrome for Developers

13,830 次观看 • 22 天前

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,091 次观看 • 8 个月前

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,410 次观看 • 5 个月前

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 次观看 • 6 个月前

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 →

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 →

Chrome for Developers

37,702 次观看 • 5 个月前

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 →

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 →

Chrome for Developers

35,410 次观看 • 5 个月前

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.

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.

Chrome for Developers

36,038 次观看 • 6 个月前