Pevlika Browser Apps

Glassmorphism Generator

Tune blur and transparency to get the frosted-glass look, then copy the CSS.

Runs in your browser — nothing is uploaded
Glass cardFrosted, translucent UI

How to use Glassmorphism Generator

  1. Adjust the controls — the preview updates live.
  2. Copy the generated CSS.
  3. Paste it into your stylesheet.

Questions

Does backdrop-filter work everywhere?

It works in all current major browsers; older Safari needs the -webkit- prefix, which the generated CSS includes.

Neumorphism GeneratorSoft UI shadows: flat, concave, convex and pressed shapes. Box Shadow GeneratorDesign CSS box shadows visually, with layered and inset shadows. CSS Gradient GeneratorDesign linear, radial and conic CSS gradients and copy the code. Text Shadow GeneratorCSS text shadows: drop shadow, neon glow, outline and retro 3D.