WEBDEV-UI — Lightweight CSS/JS Framework

INSTALLATION

Téléchargement rapide

Charge uniquement ce dont tu as besoin, ou embarque tout en une seule fois.

PROJET COMPLET ZIP

Sources SCSS, JS, build system Docker + Gulp. Idéal pour personnaliser et compiler.

— Sources SCSS structurées
— Sources JS modulaires
— Dockerfile + Gulpfile
— dist/ pré-compilé inclus

Télécharger le projet

CSS MINIFIÉ .min.css

Bundle CSS complet, minifié et prêt à l'emploi via CDN ou lien direct.

— Variables + reset + base
— Tous les composants
— Toutes les utilitaires
— Un seul fichier

Télécharger app.min.css

CSS NON MINIFIÉ .css

Bundle CSS lisible, non compressé. Idéal pour déboguer ou explorer le code source compilé.

— Variables + reset + base
— Tous les composants
— Toutes les utilitaires
— Code lisible et commenté

Télécharger app.css

JS MINIFIÉ .min.js

Bundle JS complet, minifié. Contient tous les composants interactifs du framework.

— Accordion / Collapse
— Alert / Dialog
— Dropdown / Tab
— Un seul fichier ESM

Télécharger bundle.min.js

JS NON MINIFIÉ .js

Bundle JS lisible, non compressé. Idéal pour déboguer ou inspecter les comportements interactifs.

— Accordion / Collapse
— Alert / Dialog
— Dropdown / Tab
— Code source lisible

Télécharger bundle.js

DÉMARRAGE RAPIDE

Intégration en 2 lignes

HTML CDN / extérieur minifié

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/laurent-webdev/webdev-ui@v1/dist/css/app.min.css">  <script type="module" src="https://cdn.jsdelivr.net/gh/laurent-webdev/webdev-ui@v1/dist/js/bundle.min.js"></script>

HTML CDN / extérieur non minifié

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/laurent-webdev/webdev-ui@v1/dist/css/app.css">  <script type="module" src="https://cdn.jsdelivr.net/gh/laurent-webdev/webdev-ui@v1/dist/js/bundle.min.js"></script>

ℹ️ Chargement à la carte

Tu peux charger uniquement les fichiers dont tu as besoin. Respecte l'ordre : variables → base → layouts → components → utilities. Consulte la documentation pour la liste complète.