GoogleChromeLabs

Make images smaller using best-in-class codecs, right in the browser.

Comlink makes WebWorkers enjoyable.

⚡️Faster subsequent page-loads by prefetching in-viewport links during idle time

ndb is an improved debugging experience for Node.js, enabled by Chrome DevTools

Web rendering surface for Node applications

FireBug for designers › Edit any webpage, in any state https://a.nerdy.dev/gimme-visbug

[Deprecated] A node module to generate service worker code that will precache specific resources so they work offline.

Deliver experiences best suited to a user's device and network constraints

A collection of prototyped UI elements

[Deprecated] A collection of service worker tools for offlining runtime requests

🦔 A Webpack plugin to inline your critical CSS and lazy-load the rest.

Using a library in your webpack project? Here’s how to optimize it

Bubblewrap is a Command Line Interface (CLI) that helps developers to create a Project for an Android application that launches an existing Progressive Web App (PWAs) using a Trusted Web Activity.

PageSpeed Insights Reporting for Node

Run Lighthouse in CI, as a web service, using Docker. Pass/Fail GH pull requests.

Please use https://github.com/vuejs/preload-webpack-plugin instead.

JavaScript (engine) Version Updater

👩‍🏭 Adds native Web Worker bundling support to Webpack.

📰 Painless universal pre-rendering for Webpack.

A simple HTTP/2 server for development

Track compressed Webpack asset sizes over time.

File System Access API with legacy fallback in the browser

Clooney is an actor library for the web. Use workers without thinking about workers.

A game of proximity

A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:

PWACompat to bring Web App Manifest to older browsers

Service Worker Application Shell Architecture

A polyfill for CSS Container Queries

Helper classes and methods for implementing the idle-until-urgent pattern

Demos for different Houdini APIs

JSBI is a pure-JavaScript implementation of the official ECMAScript BigInt proposal.

A reference for the render impact of mutating CSS properties.

Literate code examples for common UI patterns.

tooling.report a quick way to determine the best build tool for your next web project, or if tooling migration is worth it, or how to adopt a tool's best practice into your existing configuration...

PageLifecycle.js is a tiny JavaScript library that allows developers to easily observe Page Lifecycle API state changes cross browser

This repository contains a suite of developer utilities and demos designed to support the adoption of the WebMCP API.

Web Audio API samples by Chrome Web Audio Team

CSS Custom Paint / Paint Worklet polyfill with special browser optimizations.

🧮 Calculate the size and performance impact of switching to modern JavaScript syntax.

A small library to detect which features of WebAssembly are supported.

WordPress feature plugin to bring Progressive Web Apps (PWA) to Core

Webpack loader to offload modules to Worker threads seamlessly using Comlink.

A text editor for ChromeOS and Chrome

A Sample WordPress-based Progressive Web App

A PWA directory, focusing on collecting PWA best practices and examples.

A list of community-built, third-party tools that can be used to improve page performance

A text editor build on the Native File System APIs

A sample that project Trusted Web Activities technology to wrap SVGOMG in an Android Application

Measure and report on your Web Vitals data in Google Analytics

Browser extension that allows for linking to arbitrary text fragments.

Puppeteer as a service

Buffer-backed objects in JavaScript.

A sample for the Cronet library

Samples and demos from the Progressive Rendering I/O talk

webm-wasm lets you create webm videos in JavaScript via WebAssembly.

An adapter for enabling Rayon-based concurrency on the Web with WebAssembly.

A mini mobile web device lab

Examples of using the SameSite cookie attribute in a variety of language, libraries, and frameworks.

Air horn

A training project for learning Webpack optimizations

AutoWebPerf provides a flexible and scalable framework for running web performance audits with arbitrary audit tools including PageSpeedInsights, WebPageTest and more.

This is a demo shell powered by WebAssembly, WASI, Asyncify and File System Access API.

A JavaScript library for measuring First Input Delay (FID) in the browser.

Time-to-interactive polyfill

"Shrine" Progressive Web App sample built with React

A fast, tiny polyfill for dynamic import() that works in all module-supporting browsers

Demo application for the Web Serial API.

Tool for testing the update flow for Chrome Extensions during development, including permission grants.

Node's url module implemented using the built-in URL API.

Demos for Adaptive Loading - differentially deliver fast, lighter experiences for users on slow networks & devices

A progressive web app to read Stack Overflow content.

It’s like import(), but runs the module in a worker.

A CSS custom property helper based on PostCSS. Supply a pool of variables and this plugin will add them to the stylesheet as they are used.

Example e-commerce site to explore PWA (Progressive Web App) use cases.

A simple file drag and drop custom-element

A TypeScript implementation of the Android Debug Bridge(ADB) protocol over WebUSB

🔊 Polyfill AudioWorklet using the legacy ScriptProcessor API.

Track mouse/touch/pointer events for a given element.

MediaStream ImageCapture polyfill. Take photos from the browser as easy as .takePhoto().then(processPhoto)

Generate a list of static resources for http2 push.

🤖 Compare your base branch to a pull request and run plugins over it to view differences

Collection of demos from the CSS and Web UI Chrome DevRel team.

Implementation of WebDriver BiDi for Chromium

Discoveries on Sustainable Loading research

passkeys-demo is a demo web application developers can have a look and try themselves to learn how to develop a similar experience.

Port of the AV1 Video codec to WebAssembly

Credential Management Sample