Most front-end projects start with a reset.css or normalize.css. Yet you almost always end up adding your own adjustments on top: removing margins, box-sizing: border-box, typography tweaks, focus management…
But the web has evolved. User experience has become a central concern, and modern browsers offer native CSS capabilities that are often underused: customizable scrollbars, keyboard focus management, support for system preferences like dark mode, reduced motion, or high contrast.
browserux.css goes further than a simple reset. It provides a modern, lightweight, 100% native base designed to improve ergonomics, accessibility, and visual consistency of native browser elements, without JavaScript, without utility classes, without overhead.
- Introduction : philosophy, four pillars, positioning
- Comparison :
browserux.cssvsmodern-normalizevs Tailwind Preflight - Getting started : CDN, npm, local install
- When To Use BrowserUX : quick decision guide
- Integration Recipes : stack-specific setup examples
- Modular Bundles : public bundles, use cases, import paths
- Playwright Validation : installing and running the demo validation suite and distribution contract
- Customization : overriding CSS variables, creating a theme
- CSS Variables : complete variable table by group
- User Preferences :
prefers-color-scheme,prefers-reduced-motion,prefers-contrast,prefers-reduced-transparency,forced-colors - Browser Interface : text selection, scrollbar, forms, keyboard focus, dialog
- Default Styles : reset, box model, typography, embedded content, tables, forms, print
- Browser Support : compatibility table by feature
- Demo Validation Matrix : feature-to-demo coverage and automation priorities
- Contributing : report a bug, suggest an improvement, submit a PR