All tools
Free, instant CSS, SCSS and Sass generators, converters and minifiers.
Box Shadow Generator
Multiple shadows with live preview and CSS/SCSS/Sass export.
BordersBorder Generator
Width, style and color of your border in real time.
BordersBorder Radius Generator
Simple or complex radii, corner by corner.
ColorsGradient Generator
Linear, radial and conic gradients.
ComponentsButton Generator
Primary, secondary, outline, ghost and gradient buttons.
ComponentsCard Generator
Basic, modern, premium and SaaS cards.
EffectsGlassmorphism Generator
Frosted-glass effect with backdrop-filter.
EffectsNeumorphism Generator
Customizable soft-UI dual shadows.
LayoutFlexbox Generator
Direction, justify, align and gap, visually.
LayoutGrid Generator
CSS Grid columns, rows and gap.
AnimationTransform Generator
Translate, rotate, scale and skew.
AnimationAnimation Generator
Fade, slide, bounce, scale, rotate keyframes.
ResponsiveClamp Generator
Fluid typography with clamp().
ResponsiveMedia Query Generator
Desktop, tablet and mobile breakpoints.
TokensCSS Variables Generator
Design tokens in :root, ready to use.
TokensSCSS Mixins Generator
Button, card, flex, grid, responsive mixins.
ColorsColor Converter
HEX, RGB, RGBA, HSL, HSLA, OKLCH, LAB.
CompilationSCSS to CSS
Compile your SCSS to CSS instantly.
CompilationSass to CSS
Compile indented Sass syntax to CSS.
CompilationCSS to SCSS
Turn flat CSS into nested SCSS.
CompilationCSS to Sass
Convert CSS to indented Sass syntax.
OptimizationCSS Minifier
Compress your CSS and measure the savings.
OptimizationSCSS Minifier
Compress your SCSS files.
OptimizationHTML Minifier
Shrink the size of your HTML pages.
OptimizationJS Minifier
Minify your JavaScript with Terser.