Top 10 web updates from Google I/O 2025

Key Concepts

• CSS Carousels
• Interest Invoker API
• Built-in AI APIs (Summarizer, Translator, Language Detector, Prompt, Writer, Rewriter)
• Gemini Nano
• Firebase
• Hybrid AI experience
• Chrome DevTools AI assistance
• Baseline integrations (VSCode, ESLint, RUM Vision, Web Platform Dashboard)
• Credential Manager API
• Chrome Web Store updates for extensions

CSS Carousels

• Main Point: New CSS primitives in Chrome 135 allow building interactive carousels with minimal code.
• Details:
  • Previously required extensive JavaScript.
  • Pinterest reduced carousel code by 90% (from ~2000 lines of JavaScript to ~200 lines of CSS).
  • Pin load time decreased by 15%.
• Benefit: Significant code reduction and performance improvement.

Interest Invoker API

• Main Point: Experimental API for declaratively toggling popovers based on visitor interest.
• Details:
  • Uses anchor positioning and popover APIs.
  • Eliminates the need for JavaScript in creating interactive UI elements.
• Status: Currently in origin trials.

Built-in AI APIs

• Main Point: Client-side AI APIs, including Gemini Nano, are available for web apps and extensions.
• Available APIs:
  • Summarizer, Translator, and Language Detector APIs are in Chrome Stable.
  • Prompt API is stable for Chrome extensions.
  • Writer and Rewriter APIs are in origin trials.
• Examples:
  • Writer API: Inspiration for blog post drafts.
  • Rewriter API: Adjusting tone and creating different versions of text.
• Case Study: Deloitte:
  • Used Prompt, Summarizer, Writer, and Rewriter APIs to improve onboarding.
  • Projected 30% faster information retrieval for employees.
  • Improved clarity of feedback on the onboarding platform.
• Case Study: Adobe:
  • Using Prompt API for instant summaries of scanned documents in the Adobe Acrobat Chrome extension.
  • Processing happens within the browser.
• Multi-modal capabilities: The Prompt API has new multi-modal capabilities.
• Access: Available to early preview program participants.

Hybrid AI Experience

• Main Point: Collaboration with Gemini and Firebase enables a hybrid AI approach.
• Details:
  • Client-side AI (Gemini Nano, built-in AI APIs) is used by default.
  • Falls back to server-side AI when needed.
  • Provides a unified user experience across devices.
• Access: Available through Firebase or the Gemini developer API.

AI Assistance in Chrome DevTools

• Main Point: AI assistants are integrated into Chrome DevTools panels.
• Panels: Elements, Performance, Network, and Sources.
• Functionality:
  • Chat with Gemini using page context.
  • Apply suggested styling changes directly to the local workspace.
  • Performance panel debugging is enhanced with AI assistance, local data access, Core Web Vitals, and the Lighthouse-powered insights sidebar.

Baseline Integrations

• Main Point: Updates to tools to integrate baseline information.
• Tools:
  • VSCode: Displays baseline status and browser support for features.
  • ESLint: Warns about using features newer than the baseline target.
  • RUM Vision: Combines baseline data with real user metrics for baseline version selection.
  • Web Platform Dashboard: Provides a comprehensive view of baseline status for all web features across major browsers.
• Web Features Data Set: 100% mapped, showing feature status from initial availability to interoperability.

Credential Manager API Improvements

• Main Point: Streamlining the login experience by improving the Credential Manager API.
• Details:
  • Web developers can request credentials for users.
  • Chrome and Google Password Manager will display passwords, passkeys, and identity federation options in a single UI.
  • Simplifies the login process by consolidating credential options.

Chrome Web Store Updates for Extensions

• Main Point: Improvements to the Chrome Web Store publishing process for extensions.
• Updates:
  • Ability to cancel a pending submission.
• Goal: Make publishing extensions more efficient and secure.

Conclusion

Google I/O 2025 brought significant advancements to web development, focusing on performance, AI integration, and developer experience. CSS carousels and the Interest Invoker API offer code reduction and enhanced interactivity. Built-in AI APIs, powered by Gemini Nano, enable client-side AI capabilities, with hybrid solutions available for broader device support. AI assistance in Chrome DevTools streamlines debugging and styling. Baseline integrations provide developers with better browser compatibility insights. The Credential Manager API simplifies the login process, and Chrome Web Store updates improve the extension publishing experience. These updates collectively aim to empower developers to build more efficient, intelligent, and user-friendly web applications.