Pockit

🚀 Pockit is now on Chrome!

Stop searching on Google. Access tools instantly with 1-click.

Add to Chrome - It's Free

Privacy Guaranteed

All processing happens locally in your browser. Your data never leaves this device.

Glassmorphism Generator

Create modern frosted glass effects. Design glassmorphism UI visually and get CSS code instantly.

Presets

10px
25%
180%
18%

CSS Code

background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(10px) saturate(180%);
-webkit-backdrop-filter: blur(10px) saturate(180%);
border-radius: 12px;
border: 1px solid rgba(255, 255, 255, 0.18);

Preview

Glassmorphism

A modern design trend that creates transparent and blurred glass-like effects.

Tip: Safari requires -webkit-backdrop-filter, which is included in the generated code!

Glassmorphism CSS Generator

Create the trendy 'Glassmorphism' effect (frosted glass) for your UI. Adjust blur, transparency, and saturation to generate the perfect CSS.

1When to use this tool?

💡Designing trendy websites
💡Creating stylish card UIs or modals
💡Needing transparent panels over background images

2Features

  • Real-time visual editor
  • Generates backdrop-filter CSS
  • Includes WebKit compatibility prefix
  • Customizable background color

3How to Use

  • Adjust the blur and transparency sliders.
  • Tweak saturation and border opacity.
  • Preview the effect on the card.
  • Copy the CSS code.

FAQ

Q. Does this work on all browsers?

A. Most modern browsers support `backdrop-filter`. We include `-webkit-backdrop-filter` for better compatibility with Safari.

Recommended Tools

Try Now

HTML to Markdown Converter
Convert HTML to clean Markdown instantly. Extract content from web pages, blogs, and documents. Customizable heading styles, code blocks, and list formats. 100% browser-based.
Try it
CSS Border Radius
Design unique shapes with ease. Visually tweak border-radius and copy the code instantly.
Try it
Meta Tag Generator
Boost your SEO and social sharing instantly. Generate perfect meta tags for your site in seconds.
Try it