BrowserUX Lightweight and modern front-end ecosystem
A solid foundation for building fast, accessible, and ergonomic web projects,
from the very first lines of code to production-ready PWAs.
The Core
The Core includes the essential foundations of the BrowserUX ecosystem: BrowserUX Starter, a ready-to-use front-end template
for building fast, installable websites and PWAs using Vite, React, or Vue, and BrowserUX.css, a minimalist CSS
layer focused on accessibility and enhancing the native behavior of HTML elements.
-
BrowserUX Starter
HTML
CSS
JS
PWA
Vite
🧩 UX
♿ Accessibility
⚡ Performance
🌙 Dark Mode
A ready-to-use front-end template for building fast, installable, and fully customizable websites or PWAs (Raw, Vite, Workbox, React, Vue.js).
Soon
-
BrowserUX CSS
CSS
🧩 UX
♿ Accessibility
🔄 Reset
⚙️ Normalization
🌙 Dark Mode
A minimalist CSS foundation focused on user experience and accessibility, designed to enhance the native behavior of HTML and CSS.
Go to BrowserUX.css
The Web components
The Web Components bundle brings lightweight, dependency-free elements that enhance user interaction and adaptability, from theme switching and native sharing to PWA install prompts and lazy image loading.
-
BrowserUX Theme Switcher
TypeScript
🧩 UX
♿ Accessibility
🌙 Dark Mode
A lightweight, customizable Web Component that allows users to toggle between light and dark themes, accessible and framework-agnostic.
Go to BrowserUX Theme Switcher
-
BrowserUX Share Button
TypeScript
🧩 UX
♿ Accessibility
A modern and adaptable Web Component that streamlines content sharing across all devices and platforms.
Go to BrowserUX Share Button
-
BrowserUX PWA UI
TypeScript
PWA
🧩 UX
♿ Accessibility
A universal Web Component to display an installation and update interface for Progressive Web Apps (PWA), independent of any framework or bundler.
Go to BrowserUX PWA UI
-
BrowserUX Lazy Img
TypeScript
🧩 UX
⚡ Performance
A zero-dependency Web Component for lazy-loading images with IntersectionObserver.
Go to BrowserUX Lazy Img
The Vite plugins
The Vite Plugins are performance and workflow oriented extensions.
-
BrowserUX Preload Assets
Vite
TypeScript
⚡ Performance
A Vite plugin designed to improve performance by automatically injecting preload and preconnect tags for critical resources (images, fonts, JS, and CSS).
Go to BrowserUX Preload Assets
-
BrowserUX SEO Files
Vite
TypeScript
🔍 SEO
A Vite plugin that automates the generation of essential technical SEO files (sitemap.xml, robots.txt) after the build.
Go to BrowserUX SEO Files
-
BrowserUX Inject SW Assets
Vite
TypeScript
PWA
A Vite plugin that automatically injects static assets into a custom service worker (injectManifest) for full offline support.
Go to BrowserUX Inject SW Assets
-
BrowserUX Image Optimize
Vite
TypeScript
⚡ Performance
A Vite plugin that automatically generates .avif and .webp versions of your images and optimizes all your JPG, PNG, SVG, AVIF and WebP files to improve your site's performance.
Go to BrowserUX Image Optimize
The Blog
The Blog supports the BrowserUX ecosystem with educational content, tutorials, and in-depth articles. It helps developers
understand design choices, implement best practices, and stay informed about modern front-end development techniques.
-
BrowserUX Blog
Educational resources that support the project’s tools, with in-depth explanations and front-end development tips.
Go to the blog of BrowserUX
