Tous les outils

Générateurs, convertisseurs et minifiers CSS, SCSS et Sass — gratuits et instantanés.

Effets

Box Shadow Generator

Ombres multiples avec aperçu live et export CSS/SCSS/Sass.

 Bordures

Border Generator

Largeur, style et couleur de bordure en temps réel.

 Bordures

Border Radius Generator

Rayons simples ou complexes, coin par coin.

 Couleurs

Gradient Generator

Dégradés linéaires, radiaux et coniques.

 Composants

Button Generator

Boutons primary, outline, ghost, gradient.

 Composants

Card Generator

Cartes basic, modern, premium et SaaS.

 Effets

Glassmorphism Generator

Effet verre dépoli avec backdrop-filter.

 Effets

Neumorphism Generator

Ombres douces soft-UI personnalisables.

 Layout

Flexbox Generator

Direction, justify, align et gap en visuel.

 Layout

Grid Generator

Colonnes, lignes et gap CSS Grid.

 Animation

Transform Generator

Translate, rotate, scale et skew.

 Animation

Animation Generator

Keyframes fade, slide, bounce, scale, rotate.

 Responsive

Clamp Generator

Typographie fluide avec clamp().

 Responsive

Media Query Generator

Breakpoints desktop, tablette et mobile.

 Tokens

CSS Variables Generator

Design tokens dans :root prêts à l'emploi.

 Tokens

SCSS Mixins Generator

Mixins buttons, cards, flex, grid, responsive.

 Couleurs

Color Converter

HEX, RGB, RGBA, HSL, HSLA, OKLCH, LAB.

 Compilation

SCSS to CSS

Compilez votre SCSS en CSS instantanément.

 Compilation

Sass to CSS

Compilez la syntaxe indentée Sass en CSS.

 Compilation

CSS to SCSS

Transformez du CSS en SCSS imbriqué.

 Compilation

CSS to Sass

Transformez du CSS en syntaxe Sass.

 Optimisation

CSS Minifier

Compressez votre CSS et mesurez le gain.

 Optimisation

SCSS Minifier

Compressez vos fichiers SCSS.

 Optimisation

HTML Minifier

Réduisez le poids de vos pages HTML.

 Optimisation

JS Minifier

Minifiez votre JavaScript avec Terser.