Addy Osmani Claim this profile

Production-grade engineering skills for AI coding agents.

Extract & Inline Critical-path CSS in HTML pages

:book: A creative-commons book on Backbone.js for beginners and advanced users alike

Repo for my 'Learning JavaScript Design Patterns' book

An aggregation of tooling for using ES6 today

A script and resource loader for caching & loading files with localStorage

Agent Skills for optimizing web quality based on Lighthouse and Core Web Vitals.

WIP - ES6 Equivalents In ES5

Gemini CLI Tips and Tricks

Automating Web Performance testing with Puppeteer 🎪

Accessibility audit tooling for the web (beta)

TMI (Too Many Images) - discover your image weight on the web

Navigation Timing API measurement helpers

Tools to prioritize above-the-fold (critical-path) CSS

Squish - Batch Browser-based Image Compression

Free image background removal - private, client-side and powered by Transformers.js

Shim for getUserMedia(). Uses native implementation for modern browsers and a Flash fallback for everyone else.

ChattyUI - your private AI chat for running LLMs in the browser

Fireworks in your terminal 🎆

CLI tool to convert GitHub repositories to text files for LLMs

Above-the-fold CSS generation + inlining using Critical & Gulp

📹 Record is an open-source web app to record screen and camera directly in your browser | No installation required | No tracking | Fully local

My dot files (in need of updating to my latest)

Backbone.js stack boilerplates demonstrating integration with Express, Ruby, PHP, Grails and more.

Agent Engineer - a practical course for software engineers

Repro of "The Tunnel Bear" login page

Say - A Whisper AI Notes app

Learning JavaScript Design Patterns: 2nd Edition - The Examples

A Webpack plugin for Lighthouse

Agentic SEO / Agentic Engine Optimization (AEO) tools

SublimeText package for FixMyJS

Improve performance by predictively fetching pages a user is likely to need

🗃 Comparing storage options for the open web in 2016

Video compression in the browser using FFMPEG.wasm

A cross-browser Page Visibility API shim

Filter - Web Image Editor

A repo of up to date examples using Yeoman

Sublime Text build systems

Extract URLs to stylesheets, scripts, links, images or HTML imports from HTML

A bookmarklet for prettifying your CSS

Another Pub/Sub implementation

A Polymer.js template for building fast, robust web apps using Web Components

A Backbone.js + jQuery Mobile sample app using AMD for separation of modules, Require.js for dependency management + template externalisation and Underscore for templating

A Polymer element for syntax highlighting with Prism.js

A simple, git-clone friendly starting point for personal projects.

A faster JavaScript memoizer

Enhance and upscale your images using AI - right in your browser

Scalable JS architecture demo for #jqcon

Sample Gulp project using PSI

🗞 Preact Hacker News

Network emulation / throttling conditions (2G, 3G, 4G, Wifi etc) ☎️

Bubble Sort implementation with O(n^2) complexity.

Angular 1 Dribbble Progressive Web App demo

Polymer filters for formatting values of expressions.

Ember.js Zuperkulblog PWA (built with FastBoot and ember-cli)

Vanilla JavaScript for React developers

Smaller Pics Progressive Web App

V8 memory mysteries (sample app)

GitHub README

[Deprecated] A Polymer element for querying the Instagram API (Note: not yet updated to Polymer 0.5.x)

Responsive images using Imager.js and Polymer

A Backbone, Underscore and jQuery Templates based image gallery (early early beta)

Experiments in multi-platform model serving

Angular 4.x TodoMVC implementation

SocketChat - a beginners chat app using SocketStream

An Embeddable GitHub 'Watchers' Button For External Pages

[Deprecated] Use gulp-uncss instead please.

A YouTube Jukebox element built with Polymer & Yeoman

Free document to PDF scanner

Above-the-fold CSS generation + inlining using Critical, Gulp & Angular

Draft proposal for browser-level media resizing

Polymer + Grunt

Recursive Binary Search with O(log N) complexity

Selection sort with O(n^2) time complexity

Polymer + Material Timer/Countdown/Countdown app (alpha)

Another compact micro-templating solution

<sparkle-trail> Polymer element - useful as a pre-loader

A Polymer element for paginating model data

Context Buddy is a quick educational aid for understanding Context Engineering

The highest-scoring AI memory system ever benchmarked. And it's free.

Todo app using vanilla Web Components

AI agent skill that researches any topic across Reddit, X, YouTube, HN, Polymarket, and the web - then synthesizes a grounded summary

JARVIS built using the Gemini Live API

Network-aware adaptive loading with Lottie Web

(WIP) - A DevTools extension for multi-page unused CSS auditing

A11y WebApp built with Polymer (WIP)

ADK apps for Product Engineers

Multi-agent adversarial code review for any coding agent

Angular GitHub client for Firefox OS

Backbone Koans for QUnit

Yeoman generator with grunt-uncss

A Polymer element for Video.js

ES2015 TodoMVC app that works without a transpiler

(Demo app) A Spine.js Bit.ly client for shortening URLs and archiving references to these links offline.

🦖 Google Chrome Dino 3D with AI

A visual bookmark organizer for Chrome using built-in AI

Critical-path CSS optimized weather app

A React Coverflow component using Scroll-driven Animations

contextMenu plugin & polyfill

A real-time 3D fluid simulation implemented in WebGPU (immersive version)

Cover Flow effect implemented with Three.js

A tutorial app for generator-polymer

Browser-friendly helper for parsing DevTools Timeline traces into structured profiling data models

A movie browsing/favoriting app (fork using react-window)

A set of jasmine powered koans for learning Backbone.js.

A simple Yeoman generator using Git submodules to clone over a boilerplate hosted elsewhere on GitHub

Demo of Polymer + Paper elements working off npm3

A jQuery plugin for plotting interactive content galleries in a circle form

A Polymer element for Mozilla's localForage (async storage via IndexedDB or WebSQL)

A special build of mustache that works in Chrome Apps under CSP

A minimal VLC port that works in the browser

Active view routing for Polymer extending <template>

Accessibility-friendly version of TMDB Viewer (load-more)

TodoMVC built using the Vue.js 2.0 CLI 🍰

A Polymer element for <video> with playback speed controls

Experimental VLC for the browser built using a VLC WASM port

A minimalist JavaScript library for drawing objects around a Circle or Ellipse

Use Gemini to decide which Pexels videos to download for your project

:fire: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.

A Client-side ANT Build File Example

A small utility for parsing URLs of all types.

Free full-featured web-based audio & waveform editing tool (with AI features)

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

Quick module for getting Lighthouse reports in JSON form

Demo of ElevenLabs new Scribe ASR model

A compact Google Viewer plugin

Agent Skills official site

Toy Web layout engine written in Rust

A scalable, event-driven JavaScript architecture for developing widget-based applications. Works with Backbone.js and other frameworks.

A Polymer event emitter element with support for wildcards, many and once.

CSS3 Transition Fallback demos

[Deprecated] An AMD-compatible startup pack for developers using Require.js and Backbone.js in their projects.

No description.

Lighthouse for agents - score an agent run, then tell it how to get faster and cheaper.

List movies from TMDB API. Made with Remix, and NextUI.

Next.js View Transitions - Movies demo

Experiments with Mutation Observers & Object.observe()

Bootstrap themed jQueryUI date range picker

An Undo/Redo manager as a Polymer element

🎩 A helper for working with individual Progressive Web App metrics (via Lighthouse)

A collection of helpful snippets to use inside of browser devtools

[Deprecated] A validation plugin for Backbone.js

HTML5 Video Face Detection with the CCV Javascript Library

Give your JS App some Backbone with Models, Views, Collections, and Events

The frontend, backend, and content source code for developer.chrome.com

A quick example of how one can "synchronize" a 3d scene across multiple windows using three.js and localStorage

Module bundling study (with Lighthouse)

A todo app in Meteor.js, inspired by todomvc

No description.

No description.

Raw browser/feature support data from caniuse.com

Cam

A tabs component using Polymer core-elements

Next.js supports 4 rendering strategies to generate, deliver and render a React Single Page App on the client side: SSG, SSR, ISR and CSR.

dotfiles for Windows, including Developer-minded system defaults. Built in PowerShell

Miscellaneous small jQuery plugins and code fragments

ElevenLabs Diarization Demo

A site providing a list of secrets for the Browser Developer Tools in Chrome, Firebug, Firefox, Internet Explorer, Opera and Safari.

Demos for upcoming issues of .NET magazine

A demonstration project showing how a simple yet effective 'hover-focused' UI can be implemented

No description.

A browser API to enable developers signal the priorities of the resources they need to download.

jQuery Community Updates

No description.

A VSCode extension to host the chrome devtools inside of a webview.

Build blazing fast, modern apps and websites with React

😺 Your next Preact PWA starts in 30 seconds.

Auto chunking and dynamic loading of routes with React Router and Webpack 2

I don't even.

jQuery JavaScript Library

Brunch skeleton with structure of Chaplin

NoJs HTML5 Template is a cross-browser JavaScript-less webpage template

A project to provide playlist capabilities around the LongTail HTML5 Video Player

Fake fork of Paul Irish's image loaded method for jQuery

A Simple Todo app written with JavaScriptMVC

Instrument your JavaScript to measure parse & execution time on any device or browser

Create EPUBs with markdown or plain HTML (and more). Built on 11ty.

Automated auditing, performance metrics, and best practices for the web.

No description.

Long Task API

Traces 😘

Hash history/routing management

📉 Visualisation layer and data store for SpeedTracker

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

Yeoman generator for Chrome App

The source code of v8.dev, the official website of the V8 project.

"Shrine" Progressive Web App sample built with React

No description.

Robin - build a web browser engine from scratch in Rust

Remove unused styles from CSS

Run browser-perf on websites

A declarative, efficient, and flexible JavaScript library for building user interfaces.

A simple tags input with typeahead (autocomplete) built with Vue.js 2.

No description.

:book: Preact documentation website.

Enhances html-webpack-plugin functionality with different deployment options for your scripts including 'async', 'defer', 'module' and inlining.

Leaking future secrets

The place to share queries, ideas, or issues related to the Chrome UX Report

Default channel file for Package Control. Follow the directions at:

dotJS website