Development Tools Progressive Web Apps

Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app including HTML, CSS, JavaScript, PHP, Ruby, Python, Go, C, C++, and many more.

The best regex debugger on the web. Real-time explanation, match highlighting, test strings, and a library of saved patterns. Supports PCRE2, JavaScript, Python, Golang regex. It explains each token in plain language beside the pattern, which turns debugging into reading rather than guessing.

Google's image compression tool — compare formats (WebP, AVIF, MozJPEG) side by side with live quality sliders. All processing is client-side. A must-have for web developers.

Drag-drop SVG optimizer with live preview. Uses SVGO under the hood — remove metadata, clean paths, reduce file size by 30-80%. Essential for frontend developers.

Check the bundle size of any npm package before installing it. Enter a package name, get instant size stats (minified + gzipped). A critical tool for keeping JS bundles lean.

Full browser-based IDE running Node.js via WebAssembly. Open GitHub repos instantly, run npm packages without installation, share working demos with a URL. No local setup needed.

Browser-based development environment for React, Vue, Angular, and more. Instant previews, collaborative editing, deploy with one click. Ideal for prototyping and sharing demos. It boots a full npm dependency tree in the browser, so a shared link opens a running project rather than a snippet.

Generate color themes for your editor, terminal, wallpaper, and more from a single color palette. Supports VS Code, iTerm, Vim, Slack, and dozens of other apps.

Convert between web formats — JSON to TypeScript, HTML to JSX, CSS to Tailwind, SVG to React component, and 30+ other transformations. Indispensable for frontend developers.

Create beautiful screenshots of your code snippets. Customizable themes, backgrounds, and window decorations. Share code visually on social media — like Carbon.sh but installable. Syntax highlighting follows the language you pick rather than a screenshot, so the result stays legible when scaled down.

Visualize JSON data as an interactive graph. Paste any JSON and instantly see the structure as nodes and edges. Essential for understanding complex nested API responses.

Search across half a million public GitHub repositories in real-time. Regex-powered code search with language filters. Find how real projects implement patterns. Results show the surrounding lines, so you can judge whether a pattern is idiomatic before copying it.

Instantly get a unique URL to inspect and debug webhooks. See incoming HTTP requests in real-time — headers, body, params. Essential for building and testing webhook integrations.

Decode, verify, and generate JSON Web Tokens in the browser. Paste a JWT and instantly see the header, payload, and signature. The go-to debugging tool for auth developers.

The cron schedule expression editor. Type a cron expression and get a plain English explanation plus next execution times. Loved by every DevOps engineer and backend developer.

Community-maintained quick reference cheat sheets for 100+ tools — Linux, Git, Docker, Vim, Python, JavaScript, and more. Offline-capable, searchable, printable. Sheets are cached on install, so a Git or Docker reminder is available with no connection at all.

Paste any shell command and get a visual breakdown of every flag and argument. Each part links to the relevant man page section. Essential for learning and verifying complex commands.

Create beautiful images of your source code. Customizable syntax themes, fonts, window styles, and backgrounds. Share code snippets as stunning visuals — the original code screenshot tool.

Social development environment for front-end code. Build and share HTML/CSS/JS demos, explore thousands of community creations. The go-to for frontend prototyping and experimentation. Pens run entirely client-side, which makes it a fast way to reproduce a bug before filing it.

Open-source product analytics, session replay, feature flags, and A/B testing. Self-hostable alternative to Mixpanel/Amplitude — know how users really use your product. Session replays link to the events that triggered them, so a funnel drop can be watched rather than inferred.

Self-hosted WakaTime alternative — track your coding time by language, project, and editor. Open-source, GDPR-friendly, free for unlimited data. Know exactly where your dev time goes.

Collaborative browser IDE with AI assistance. Spin up a Python, Node, Java, or 50+ other language environment in seconds. The fastest way to start coding without local setup.

Drag a folder onto the page to deploy a website instantly. Get a live URL in seconds with a free SSL certificate. The fastest way to share a static site — no CLI, no git.

Official documentation for the PWABuilder tooling suite, guiding web developers through building progressive web apps. Covers the tooling for manifests, service workers, and packaging, so an existing website can become an installable app. Useful for developers evaluating or adopting PWABuilder for shipping PWAs.

A React starter kit that bundles commonly requested application features into a single boilerplate, built with create-react-app. Intended for developers who want a ready-made foundation for a web app rather than assembling routing, tooling, and structure from scratch, as its Most Wanted name suggests.

A set of JavaScript libraries described as a Swiss Army knife for service workers, with this site hosting its documentation. Serwist helps web developers add precaching, runtime caching, and offline behavior to their sites, continuing the approach popularized by Google's Workbox.

A demonstration progressive web app that shows core PWA capabilities working together: offline support, push notifications, background sync, a splash screen, and add-to-home-screen installation. Useful for developers who want to try these behaviors in a live app before implementing them in their own projects.

A GitHub repository that collects HTML meta tags and web app manifest properties into one curated reference. Aimed at web developers configuring page metadata and installable web apps, it offers a quick lookup covering the tags and properties scattered across various platform documentation.

A demo e-commerce application built with Angular 10 and Firebase and delivered as a progressive web app. Features include a shopping cart, drag-and-drop, Bootstrap-based styling, and internationalization. Mostly of interest to developers studying how these pieces fit together in an Angular storefront.

A Webpack 3 boilerplate for building single-page apps, PWAs, and offline front-end applications with Preact, the lightweight React alternative. It hands developers a preconfigured build setup so they can skip initial tooling work; this deployment shows the starter running as a live app.

PurePWA is an ultra-lean boilerplate for building Progressive Web Apps without a build step, framework, or router. It relies on vanilla JavaScript enhanced with Web Components, giving developers a minimal starting structure for modern web projects. Suited to developers who want PWA fundamentals without tooling overhead.

PWA APIs is the documentation site for pwafire, a project that packages Progressive Web App capabilities into a single API of APIs for developers. It collects resources and reference material for building PWAs, aimed at web developers who want a consolidated guide to progressive web app features.

PWA Boilerplate is a starter template designed to help developers kick-start new Progressive Web App projects. It provides a scalable project foundation so teams can begin building features instead of assembling setup and configuration from scratch. Aimed at web developers who want a ready-made structure for their next app.

Simple PWA is a template that provides the minimum file structure needed to create a Progressive Web App. It skips frameworks and extra tooling, offering only the bare essentials, which makes it useful for developers learning how a PWA is put together or starting a lightweight project.

Remember is a progressive web app built with React and Redux that demonstrates the browser's geolocation and device orientation APIs. It combines your location with the direction your device is facing, serving as a working example for developers exploring sensor-based web applications.

WebDen is an online code playground for testing HTML, CSS, and JavaScript, similar to CodePen. It is optimized for mobile and tablet devices, so front-end snippets can be written and tried out away from a desktop. Suited to web developers experimenting with code or sketching quick prototypes.

React Product Card is a small demo showing an animated product card interface built with React and SCSS, packaged as a Progressive Web App. It serves as a reference for front-end developers studying component animation and styling techniques rather than a full application.

PWAtter is a workshop project demonstrating how to build a Progressive Web App with Angular and Workbox, Google's service worker library. It exists as a learning exercise for developers who want hands-on practice adding caching and offline behaviour to an Angular application.

A web-based demo that performs real-time object detection in the browser using a YOLO model. It shows how modern machine learning can run directly on the web, and is aimed at developers and students exploring computer vision without installing native software.

Bagisto's Laravel eCommerce PWA turns an online store built on the open-source Bagisto platform into a progressive web app, giving shoppers an app-like mobile experience without a separate native app. It targets merchants and Laravel developers seeking cost-effective mobile commerce.

Jet is an Angular starter kit for building quality web apps fast, now with Supabase integration for backend services. It gives developers a preconfigured project foundation so they can skip repetitive setup and boilerplate and begin building application features immediately.

A minimal example showing how to turn a PHP website into a progressive web app using a service worker. It is aimed at PHP developers who want a concrete, working reference for adding installability and offline behaviour to an existing site.

A sandbox for testing the Web Push API in the browser. Developers can walk through the entire notification flow, from requesting user permission to sending the notification itself, making it a practical playground for learning and debugging web push implementations.

Documentation for PWAinit, a command-line tool installed via npm that converts an existing website into a Progressive Web App or scaffolds a new PWA project with a single command. Aimed at web developers who want a quick PWA setup with minimal manual configuration.

An example Progressive Web App built with React, Redux, and Create React App for the WWWID Performance Challenge. It demonstrates how to structure a performance-focused PWA on a standard React stack, making it a useful reference for developers learning PWA techniques in React.

Developer documentation for pwafire's Progressive Web App APIs, described as an API of APIs. It gathers resources that help web developers add PWA capabilities to their sites, serving as the reference hub for the pwafire project. Aimed at developers building or upgrading progressive web apps.

An example Progressive Web App written completely from scratch, without frameworks. It demonstrates the core pieces of a PWA in plain code, making it a learning reference for web developers who want to understand how installable, offline-capable web apps work under the hood.

A very simple, reusable Progressive Web App template for developers starting a new project. It provides a minimal boilerplate with the basic pieces a PWA needs, so you can copy it and build on top rather than wiring up installability and service worker basics yourself.

A Chinese lorem ipsum generator that produces Chinese placeholder text for mockups and layouts. Built with ReactJS as a side project by a Hong Kong web developer. Useful for designers and developers who need realistic-looking Chinese filler text instead of the standard Latin lorem ipsum.

A test and examples page for MarkSimple, a simple Markdown parser written in PHP. It shows how the parser renders various Markdown input, which helps developers evaluate the library before adopting it or verify its output while working on PHP projects that need Markdown rendering.

A starter template for building Trusted Web Activities, combining Next.js, TailwindCSS, and shadcn/ui. Aimed at web developers who want to package a web app for Android via TWA without assembling the stack themselves. Clone it to skip the initial setup of these commonly paired tools.

Open source, multiplatform alternative to Authy. An authenticator and 2fa code generator to use across multiple devices and platforms in a form of a PWA

A browser-based JavaScript playground for writing and testing code online, in the vein of JSFiddle or CodePen but focused on JavaScript. It is optimized for mobile and tablet devices, so developers can experiment with snippets away from a desktop. Suited to quick prototyping, learning, and trying out language features.

A personal progressive web app called pwabuzz, published by pwafire.org, a project known for open-source tools that help developers build PWAs. It presents a simple installable personal home page and serves as an example of an app from the pwafire ecosystem, most relevant to developers exploring that toolkit.

The Progressive Web App version of Tilepieces, an open-source visual editor for HTML documents and web application projects. Developers and designers can modify documents and front-end projects online through a visual interface instead of hand-editing markup, bringing a WYSIWYG-style workflow for building and maintaining web pages in the browser.

A Progressive Web App built with the SvelteKit framework and deployed on Netlify. The available information gives only the name, so it appears to be an example or starter project showing how a SvelteKit site can work as an installable PWA, most useful to web developers exploring that setup.

caption.now helps you quickly and efficiently caption an image dataset for AI training. Machine-learning practitioners, researchers, and dataset curators can label images at speed, producing the text captions needed to train or fine-tune vision and image-generation models, with the emphasis on making a normally repetitive annotation workflow fast.

A demonstration progressive web app showing how an offline-capable PWA can automatically update itself on every visit while still working without a connection. Intended for developers who want a working reference for update behavior in offline-first web apps rather than an end-user product.

A starter template for building progressive web apps with Angular 6. It ships a ready-to-use project structure following recommended practices, with commonly used libraries preconfigured, so developers can begin an Angular PWA project without assembling boilerplate themselves. Note that it targets the now-dated Angular 6 release.

A small practice application built for a hands-on progressive web app workshop. Rather than being a finished consumer product, it exists as teaching material: workshop participants use it to learn and apply PWA techniques. Useful mainly to developers following the workshop or studying its code.

An installable Progressive Web App that collects practical code recipes covering the most common PWA use cases. Aimed at web developers rather than cooks, it serves as a reference playground for studying how progressive web app capabilities are implemented before adding them to your own projects.

A collection of developer tools bundled into a single progressive web application. Instead of hunting for separate single-purpose sites, developers can access multiple utilities from one installable app. Aimed at programmers who want common everyday tooling gathered in one browser-based workspace.

A starter template for building Progressive Web Apps with React, giving developers a preconfigured project baseline instead of wiring up PWA behavior by hand. Aimed at React developers of any level who want to begin a new installable web app from a working foundation.

A Markdown editor that opens and saves files directly on your device, built as a demo of the browser's File System Access API. Useful for writers who want to edit local Markdown documents in a browser, and for developers studying how the API handles local file workflows.

Reactive Miner is a data-mining tool built with React and delivered as a Progressive Web App, so it runs and installs from the browser. It is aimed at students, analysts, and developers who want to experiment with data-mining techniques on their datasets without installing dedicated desktop software.

A developer utility that generates starter code for Progressive Web Apps, including the web app manifest, so you can make a site installable without writing the boilerplate by hand. Aimed at web developers who want to add PWA support to a project quickly.

A minimal starter template for building Progressive Web Apps with Next.js 15, TailwindCSS v4.0 and Serwist. Web developers can use it as a boilerplate to scaffold installable apps with service-worker support instead of configuring the stack from scratch. Useful for anyone starting a new Next.js PWA project.

An experimental progressive web app built to explore PWA capabilities together with React. Created as a learning and testing project, it demonstrates how a React application can adopt progressive web app features such as installability. Mainly of interest to developers curious about combining React with PWA techniques.

A sample order-tracking progressive web app created for the Pluralsight course Testing Progressive Web Apps. It simulates tracking customer orders for the fictional fitness retailer Carved Rock Fitness and serves as hands-on material for developers learning how to test progressive web app features.

An interactive CHIP-8 emulator that runs in the browser, letting users load and run programs written for the classic 1970s virtual machine. It includes debugging tools for inspecting execution, making it useful for retro-computing enthusiasts and developers learning emulator internals or writing their own CHIP-8 programs.

A starter scaffold for developers building Progressive Web Apps with Vue.js, using ES6 and a Gulp-based build pipeline. Rather than an end-user product, it is a demo and project template that provides the basic structure and tooling needed to begin a new PWA project quickly.

A browser-based IDE for writing and compiling Python, C, and Java code that works offline, letting students and developers program anywhere without installing a local toolchain. Comparable to online editors like Replit, but designed to keep functioning without an internet connection.

A demonstration project showing how a Progressive Web App can be built and hosted on Firebase. Aimed at developers exploring PWA fundamentals, it serves as a minimal reference example rather than a finished consumer product, useful for studying basic setup and project structure.

A minimal installable Progressive Web App boilerplate hosted on GitHub Pages. It offers developers a bare-bones starting point for building their own installable web apps, demonstrating basic PWA setup rather than providing end-user features, and is best suited for learning or bootstrapping new projects.

An events-listing demo application built with Next.js and packaged as a Progressive Web App. Created as a learning project to explore the React-based Next.js framework, it is the PWA version of an open-source GitHub project and is mainly useful as a reference for developers.

This is a weather app made with JavaScript that fetches Weather Data from an API and displays it on a beautiful UI. It is also installable as a PWA (Progressive Web App)

A demonstration website showing how classic React class components can be combined with Astro, which stitches the components together into a modern site. Aimed at web developers curious about mixing older React patterns with newer framework tooling rather than at end users.

Golden Paddy is a demonstration progressive web app built with React, structured around atomic design principles, with Firebase handling authentication and Netlify hosting the deployment. Mainly of interest to developers looking for a working reference of how these pieces fit together in a PWA.

A demonstration site that implements a range of progressive web app techniques in one simple project. Rather than a consumer product, it serves as a working example for developers who want to see PWA features applied in practice and borrow the patterns for their own sites.

PWA for Offline PDF Uploads with Background Sync, IndexedDB, and Workbox. React app that queues PDFs offline and auto-uploads on reconnect. Includes Express + multer example API and Firebase Hosting deployment.

This is a Progressive Web Quiz App with push notification, created with React Typescript, Service Worker, Hooks, Context API, Style Components and also deploy this App on Netlify.

A live demo and reference implementation of the conditional pre-lift fix for the iOS PWA keyboard scroll-jump bug. Web developers can toggle the fix on and off, watch viewport metrics change in real time, and read the source to apply the technique in their own apps.

A simple demonstration Progressive Web Application built as a JavaScript course assignment. It registers a Workbox-powered service worker for caching, so the page continues to work offline, and it serves as a minimal reference for students learning how installable, offline-capable web apps are structured.

A minimal example progressive web app that can be installed on a phone's home screen like a native app. Its published details describe it as a simple demonstration, making it most useful for developers or students studying how basic PWA installability works rather than as an everyday tool.

A React based progressive web app that uses Open Weather Map API to fetch the weather data and display it in a beautiful card. This web app is also available offline. Obviously it can't fetch new weather data but it can display a warning message to suggest user to connect to the

A demonstration progressive web app that shows off the platform's headline capabilities, including offline support, background sync, and push notifications. It is aimed at developers who want a working reference for how these service-worker features behave rather than at end users seeking a finished product.

The free playground where developers meet the Gemini API — prototype prompts on the newest models, stream live video conversations, tune parameters and export working code with a free API key. Ships a standalone manifest, so aistudio.google.com installs as a dedicated dev tool window from the browser.

Tenderly is a full-stack infrastructure for the entire dapp lifecycle, offering the only node RPC with built-in development environments and tools. Sign up now!. Installs to your home screen from any modern browser — no app store, no download, its manifest declares standalone display with a 512px icon, and it caches nothing for offline use, so it needs a connection. Checked by hand on 8 August 2026.

Login. Infura Developer Dashboard provides instant and scalable API access for web3 dapp developers. Installs to your home screen from any modern browser — no app store, no download, its manifest declares standalone display with a 512px icon, and it caches nothing for offline use, so it needs a connection. Checked by hand on 8 August 2026.