BrowserUX Écosystème front-end standards-first
Une boîte à outils web native pour créer des expériences rapides, accessibles et installables avec Web Components, CSS natif, primitives PWA, APIs navigateur, et couches optionnelles Vite, React et Vue.
HTML
CSS
JS
TS
PWA
Vite
React
Vue
Le Core
Le Core est la fondation standards-first de BrowserUX : Starter pour les projets, BrowserUX CSS pour la native user interface, et une philosophie commune qui garde HTML, CSS, APIs navigateur, service workers et comportement de déploiement visibles.
-
BrowserUX Starter
HTML
CSS
JS
PWA
Vite
UX
Accessibilité
Performance
Mode sombre
Une fondation de démarrage standards-first pour sites statiques, PWA et applications client. Choisissez raw, Vite Vanilla, React ou Vue sans cacher HTML, CSS, service workers ni APIs navigateur.
Aller sur BrowserUX Starter
-
BrowserUX CSS
CSS
UX
Accessibilité
Reset
Normalisation
Mode sombre
Une fondation CSS native centrée sur les interfaces utilisateur natives, l'accessibilité, les préférences utilisateur, le HTML sémantique et les comportements de la plateforme avant les abstractions visuelles lourdes.
Aller sur BrowserUX.css
Les Web Components
Les Web Components BrowserUX sont des Custom Elements natifs construits sur les APIs navigateur. Ils ajoutent des comportements UI pratiques comme le changement de thème, le partage natif, les invites d'installation/mise à jour PWA et le lazy loading d'images, sans imposer de framework.
-
BrowserUX Theme Switcher
TypeScript
UX
Accessibilité
Mode sombre
Un Custom Element pour le changement de thème clair/sombre, la détection des préférences utilisateur et la persistance via localStorage, utilisable avec ou sans framework.
Aller sur BrowserUX Theme Switcher
-
BrowserUX Share Button
TypeScript
UX
Accessibilité
Un Custom Element autour de la Web Share API, avec un fallback accessible lorsque le partage natif n'est pas disponible.
Aller sur BrowserUX Share Button
-
BrowserUX PWA UI
TypeScript
PWA
UX
Accessibilité
Un Custom Element framework-agnostic pour les invites d'installation PWA et les flux de mise à jour, construit autour de beforeinstallprompt et du cycle de vie du service worker.
Aller sur BrowserUX PWA UI
-
BrowserUX Lazy Img
TypeScript
UX
Performance
Un Custom Element sans dépendance pour le lazy loading d'images avec IntersectionObserver et le comportement natif des images.
Aller sur BrowserUX Lazy Img
Les plugins Vite
Les plugins Vite BrowserUX sont de petits helpers de build pour sites standards-first : images optimisées, hints de preload, fichiers SEO, critical CSS et injection d'assets dans le service worker restent explicites et configurables.
-
BrowserUX Preload Assets
Vite
TypeScript
Performance
Un plugin Vite qui injecte des hints preload, modulepreload et preconnect pour les ressources critiques tout en gardant le résultat inspectable.
Aller sur BrowserUX Preload Assets
-
BrowserUX SEO Files
Vite
TypeScript
SEO
Un plugin Vite qui génère les fichiers SEO techniques comme sitemap.xml et robots.txt à partir du site buildé.
Aller sur BrowserUX SEO Files
-
BrowserUX Inject SW Assets
Vite
TypeScript
PWA
Un plugin Vite qui injecte les assets statiques dans un service worker personnalisé afin de garder le comportement hors ligne explicite avec Workbox injectManifest.
Aller sur BrowserUX Inject SW Assets
-
BrowserUX Image Optimize
Vite
TypeScript
Performance
Un plugin Vite qui génère des variantes AVIF/WebP et optimise les assets image pour garder une livraison native rapide et prévisible.
Aller sur BrowserUX Image Optimize
-
BrowserUX Critical CSS
Vite
TypeScript
Performance
Un plugin Vite qui extrait le CSS above-the-fold, l'intègre dans le head et diffère la feuille complète pour réduire les CSS bloquants.
Aller sur BrowserUX Critical CSS
Les Claude Code Skills
Les skills frontend BrowserUX aident à relire, refactoriser, documenter et auditer le code d'interface avec la même lecture standards-first : HTML lisible, CSS robuste, interactions accessibles et comportements navigateur maintenables.
-
Front Review
Claude code
Un skill Claude Code qui relit les fichiers frontend pour repérer bugs, risques d'accessibilité, problèmes de performance et maintenabilité.
Aller sur BrowserUX Front Review
-
Front Refactor
Claude code
Un skill Claude Code qui refactorise les fichiers frontend avec un nommage plus clair, une logique simplifiée, la suppression du code mort et une syntaxe moderne sans changer le comportement.
Aller sur BrowserUX Front Refactor
-
Front Comments
Claude code
Un skill Claude Code qui ajoute des commentaires structurés utiles là où ils clarifient le comportement frontend.
Aller sur BrowserUX Front Comments
-
Front A11y
Claude code
Accessibilité
Un skill Claude Code qui audite ou corrige les problèmes d'accessibilité dans les fichiers frontend selon les attentes WCAG 2.1 AA.
Aller sur BrowserUX Front A11y
Le Blog
Le Blog explique les choix derrière BrowserUX, du CSS natif et des Web Components au comportement PWA, à l'outillage Vite, à l'accessibilité et à l'architecture frontend pratique.
-
BrowserUX Blog
Des ressources pédagogiques qui accompagnent les outils du projet, avec des explications pratiques et des notes de développement frontend standards-first.
Aller sur Blog de BrowserUX
