Glassmorphism & Neumorphism Generator

Generate glassmorphism and neumorphism CSS with a live preview

Generate glassmorphism (frosted glass) and neumorphism (soft UI) CSS with sliders and a live preview, then copy the code. Everything runs in your browser.

opacity 0.20blur 10pxradius 16px

background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-radius: 16px;
border: 1px solid rgba(255, 255, 255, 0.18);

Related Tools

Box-Shadow Generator Build CSS box-shadows visually with layered shadows cubic-bezier() Editor Drag a curve to build a CSS easing function CSS clamp() Calculator Generate fluid clamp() font sizes Border-Radius Generator Round corners visually and copy the CSS

Get weekly dev tools and tips