TNGDESIGN TOOLSFree · copy-paste CSS

Glassmorphism & neumorphism CSS generator

Drag the sliders, watch the card change live, and copy production-ready CSS for frosted glass or soft UI designs.

Glass card

Frosted panel that blurs whatever sits behind it.


  


  
  
Glass & Neumorphism CSS – free online tool
Create frosted-glass and soft-UI card styles with sliders and copy production-ready CSS for your website or app. Built by TNG (The Noor Group). Works on phone, tablet and desktop.


How to use Glass & Neumorphism CSS
  1. Choose glass or neumorphism
  2. Tune blur, shadow and colours
  3. Copy the CSS


Frequently asked questions
Does glassmorphism work in all browsers?
backdrop-filter works in all modern browsers. The generated CSS includes the -webkit- prefix for Safari.
Is Glass & Neumorphism CSS free?
Yes. It's 100% free with no sign-up, no watermark and no usage limits.
Is my information stored or shared?
No. Calculations run in your browser and nothing is sent to a server.


More free images & design tools
✂️ Background Remover🗜️ Image & Video Compressor🖼️ HEIC to JPG⭐ Favicon Generator🧩 SVG OptimizerAll 50 tools →
← All TNG tools · A free tool by TNG · The Noor Group · tngofficial.com · Your files stay on your device.