25 outils · 100% gratuit · open-source friendly
La boîte à outils CSS pour développeurs & designers
Générez, convertissez et optimisez votre CSS, SCSS et Sass en quelques secondes. Aperçu en temps réel, export multi-format et copie en un clic — directement dans votre navigateur.
Générateurs
Générateurs CSS visuels
Construisez vos styles à la souris et récupérez un code propre, prêt pour la production.
Box Shadow Generator
Ombres multiples avec aperçu live et export CSS/SCSS/Sass.
BorduresBorder Generator
Largeur, style et couleur de bordure en temps réel.
BorduresBorder Radius Generator
Rayons simples ou complexes, coin par coin.
CouleursGradient Generator
Dégradés linéaires, radiaux et coniques.
ComposantsButton Generator
Boutons primary, outline, ghost, gradient.
ComposantsCard Generator
Cartes basic, modern, premium et SaaS.
EffetsGlassmorphism Generator
Effet verre dépoli avec backdrop-filter.
EffetsNeumorphism Generator
Ombres douces soft-UI personnalisables.
LayoutFlexbox Generator
Direction, justify, align et gap en visuel.
LayoutGrid Generator
Colonnes, lignes et gap CSS Grid.
AnimationTransform Generator
Translate, rotate, scale et skew.
AnimationAnimation Generator
Keyframes fade, slide, bounce, scale, rotate.
ResponsiveClamp Generator
Typographie fluide avec clamp().
ResponsiveMedia Query Generator
Breakpoints desktop, tablette et mobile.
TokensCSS Variables Generator
Design tokens dans :root prêts à l'emploi.
TokensSCSS Mixins Generator
Mixins buttons, cards, flex, grid, responsive.
Convertisseurs
Convertisseurs & couleurs
Passez de SCSS à CSS, de CSS à SCSS/Sass, et convertissez vos couleurs entre tous les formats modernes.
Color Converter
HEX, RGB, RGBA, HSL, HSLA, OKLCH, LAB.
CompilationSCSS → CSS
Compilez votre SCSS en CSS instantanément.
CompilationSass → CSS
Compilez la syntaxe indentée Sass en CSS.
CompilationCSS → SCSS
Transformez du CSS en SCSS imbriqué.
CompilationCSS → Sass
Transformez du CSS en syntaxe Sass.
Optimisation
Minifiers
Réduisez le poids de vos fichiers CSS, SCSS, HTML et JS pour des sites plus rapides.
Rapide & sans friction
Aucune installation, aucune inscription. Ouvrez un outil, réglez, copiez.
Privé par conception
Tout est calculé côté navigateur. Votre code ne quitte jamais votre machine.
Export multi-format
Chaque générateur exporte en CSS, SCSS et Sass, avec une syntaxe propre.
Pensé pour les devs
Dark mode, design soigné, copie rapide : une UX faite pour votre workflow.
Prêt à accélérer votre CSS ?
25 outils gratuits vous attendent. Commencez par le plus populaire.
Ouvrir le Box Shadow Generator