BrowserUX

BrowserUX is a lightweight and modern front-end ecosystem, designed to provide a solid foundation that enhances ergonomics, accessibility, and performance from the very first lines of code.

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, Vue, or Angular; and BrowserUX.css, a minimalist CSS layer focused on accessibility and enhancing the native behavior of HTML elements.

• 

  BrowserUX Starter

  A ready-to-use front-end template for building fast, installable, and fully customizable websites or PWAs (Raw, Vite, Workbox, React, Vue.js, Angular).

  Soon
• 

  BrowserUX CSS

  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: Theme Switcher allows accessible light/dark mode toggling, Share Button simplifies cross-platform content sharing, and PWA UI provides a unified interface to guide users through the installation and update process of Progressive Web Apps.

• 

  BrowserUX
  Theme Switcher

  A lightweight, customizable Web Component that allows users to toggle between light and dark themes, accessible and framework-agnostic.

  Go to BUX Theme Switcher
• 

  BrowserUX
  Share Button

  A modern and adaptable Web Component that streamlines content sharing across all devices and platforms.

  Go to BUX Share Button
• 

  BrowserUX
  PWA UI

  A universal Web Component to display an installation and update interface for Progressive Web Apps (PWA), independent of any framework or bundler.

  Go to BUX PWA UI

The Vite plugins

The Vite Plugins are performance and workflow oriented extensions: Preload Assets improves loading speed by injecting preload/preconnect tags, SEO Files automatically generates key SEO files like sitemap.xml and robots.txt, and Inject SW Assets enables full offline support by injecting static assets into a custom service worker.

• 

  BrowserUX
  Preload Assets

  A Vite plugin designed to improve performance by automatically injecting preload and preconnect tags for critical resources (images, fonts, JS, and CSS).

  Go to BUX Preload Assets
• 

  BrowserUX
  SEO Files

  A Vite plugin that automates the generation of essential technical SEO files (`sitemap.xml`, `robots.txt`) after the build.

  Go to BUX SEO Files
• 

  BrowserUX
  Inject SW Assets

  A Vite plugin that automatically injects static assets into a custom service worker (injectManifest) for full offline support.

  Go to BUX Inject SW Assets

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