A standards-first front-end ecosystem.
BrowserUX brings together native CSS, Web Components, browser APIs, PWA, Vite plugins, starter templates, and frontend skills for building explicit, accessible, installable web experiences.
BrowserUX is a toolbox for developers who want to build on the web platform first. It is not a single framework and it is not trying to replace full-stack application frameworks. It focuses on static sites, PWAs, client-side apps, reusable browser-native UI, and build-time helpers that keep the platform visible.
The ecosystem is built around:
- 📱 PWA: manifest, service worker lifecycle, Cache API, install and update flows.
- 🧩 Web Components: Custom Elements, Shadow DOM, slots, and HTML attributes.
- 🎨 Native CSS: CSS variables, media queries, native HTML elements, user preferences, and native user interface behavior.
- 🌐 Browser APIs: Web Share API,
beforeinstallprompt, View Transitions API,localStorage, Intersection Observer, and more. - 🏷️ Semantic HTML: native behavior first, proprietary abstraction only when it earns its place.
- 🤖 Workflow automation skills: Claude Code skills for reviewing, refactoring, documenting, and auditing frontend code with a standards-first lens.
| Logo | Project | Description | Links |
|---|---|---|---|
 |
browserux-starter | A standards-first starter foundation for static sites, PWAs, and client-side apps. Choose raw, Vite Vanilla, React, or Vue without hiding HTML, CSS, service workers, or browser APIs. | Repo Website |
 |
browserux.css | A native CSS foundation for accessible defaults, user preferences, semantic HTML, and platform behavior before heavy visual abstraction. | Repo Website Demo |
BrowserUX Web Components are framework-agnostic Custom Elements built on browser APIs.
| Logo | Project | Description | Links |
|---|---|---|---|
 |
browserux-theme-switcher | Light/dark theme switching with user preference detection and persistence. | Repo Website Demo |
 |
browserux-share-button | Web Share API integration with an accessible fallback. | Repo Website Demo |
 |
browserux-pwa-ui | Install prompts and update flows for Progressive Web Apps. | Repo Website Demo |
 |
browserux-lazy-img | Lazy image loading with Intersection Observer and native image behavior. | Repo Website Demo |
BrowserUX Vite plugins are small build-time helpers for standards-first sites.
| Logo | Project | Description | Links |
|---|---|---|---|
 |
vite-plugin-preload-assets | Injects preload, modulepreload, and preconnect hints for critical resources. | Repo Website |
 |
vite-plugin-critical-css | Extracts above-the-fold CSS, inlines it, and defers the full stylesheet. | Repo Website |
 |
vite-plugin-seo-files | Generates sitemap.xml and robots.txt from the built site. |
Repo Website |
 |
vite-plugin-inject-sw-assets | Injects static assets into a custom service worker for explicit offline behavior. | Repo Website |
 |
vite-plugin-image-optimize | Generates AVIF/WebP variants and optimizes image assets during the build. | Repo Website |
BrowserUX frontend skills help review, refactor, document, and audit interface code with the same standards-first lens: readable HTML, resilient CSS, accessible interactions, and maintainable browser behavior.
| Logo | Skill | Description | Links |
|---|---|---|---|
 |
Front Review | Reviews frontend files for bugs, accessibility risks, performance issues, and maintainability. | Repo Website |
 |
Front Refactor | Refactors frontend code without changing behavior. | Repo Website |
 |
Front Comments | Adds useful structured comments where they clarify frontend behavior. | Repo Website |
 |
Front A11y | Audits or fixes accessibility issues against WCAG 2.1 AA expectations. | Repo Website |
If you are discovering the ecosystem:
- Start with browserux.css for the native CSS foundation.
- Use browserux-starter when you want a standards-first project base.
- Add the Web Components you need for common browser-native UI patterns.
- Add Vite plugins to improve image delivery, SEO, critical CSS, preloading, and offline behavior.
- Use the frontend skills to review, refactor, document, or audit interface code.