EN | FR

Not just a reset. A browser upgrade.

browserux.css is a modern CSS base focused on user experience and accessibility. Designed to enhance native HTML and CSS behaviors, it provides a clean, modern baseline that improves usability across all devices, without utility classes, heavy frameworks, or JavaScript.

With v5, BrowserUX moves toward a more architectural CSS base: explicit cascade layers, semantic tokens, and progressive native browser enhancements that stay easy to override.

• Project website
• Demo
• Documentation
• Changelog
• npm package

• Stronger than a reset, lighter than a framework.
• Built for native UX and accessibility from the start.
• Improves focus, validation, dialogs, preferences, and browser UI details.
• Works with semantic HTML, hand-written CSS, and custom design systems.
• Simple by default, modular when needed.

npm

npm install browserux.css

import 'browserux.css/browserux.css';

CDN

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/browserux.css@5.0.0/browserux.css">

The CDN example is pinned to 5.0.0 for reproducible installs. Update the version deliberately when you upgrade.

The historical root entry stays available for compatibility. If you want more control, you can use the modular public bundles:

import 'browserux.css/core.css';
import 'browserux.css/a11y.css';
import 'browserux.css/browser-ui.css';

BrowserUX is built around four core pillars:

• 🔄 Reset: removes problematic browser defaults while preserving useful behavior
• ⚙️ Normalization: aligns rendering across browsers
• 🧩 Usability: improves forms, dialogs, scrolling, layout stability, and native browser ergonomics
• ♿ Accessibility: supports dark mode, reduced motion, contrast preferences, visible focus, and better validation timing

The base is organized into four parts:

• 🔣 tokens and layer declaration
• ⚙️ user preferences
• 🧩 native browser interface
• 🧱 browser default styles

browserux.css is easier to understand as a stack of layers:

• core.css = the least opinionated base
• a11y.css = the base plus modern user-preference support
• browser-ui.css = the most opinionated BrowserUX layer
• browserux.css = the complete BrowserUX experience

BrowserUX sits in a different place from most CSS starting points:

• broader than modern-normalize
• more UX and accessibility oriented than sanitize.css
• less prescriptive than classless frameworks such as Pico CSS or Water.css

For the full breakdown, see the Comparison guide.

BrowserUX is no longer just documented manually. The project now includes a clearer validation story:

• Browser Support: baseline support, progressive enhancements, and limited-support features
• Demo Validation Matrix: what the demo covers and what should be automated
• Playwright Validation: how to install and run the cross-browser validation setup and distribution contract

The current validation setup includes Playwright smoke coverage across Chromium, Firefox, and WebKit, scenarios for focus, validation, dialog animation, scrollbar gutter, and color scheme behavior, plus a Node-based distribution contract for the v5 bundle surface.

• Getting Started
• When To Use BrowserUX
• Modular Bundles

• Comparison
• Integration Recipes
• Customization

• CSS Variables
• User Preferences
• Browser Interface
• Default Styles

• Changelog
• Contributing

MIT © 2026 Effeilo