Lume
Clarity Tools
Home
Tools
GamesPricingAI
Tool Limit0/5
Home
Tools
Games
Pricing
AI

Glassmorphism Generator

Create stunning UI components with modern frosted glass effects.

Customize Effect

Adjust the sliders to fine-tune the glass effect.

10px
20%
10

Glass Effect

Interactive glassmorphism preview. Drag me around to see the blur update dynamically!

Generated Code

Vanilla CSS
Tailwind
/* CSS */
.glass-container {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
Ad

Unlock unlimited access — upgrade to Lume Pro

No ads, no limits. Unlimited tool & game uses every day for just $9.99/mo.

Upgrade
Lume
Clarity Tools

Lume brings clarity to daily work with a focused suite of utility tools, soft glass-inspired visuals, and thoughtful interactions that stay calm under pressure.

0

product

  • Tool Library
  • AI Assistant
  • Playful Breaks
  • Pricing Plans

resources

  • Help Center
  • FAQ
  • Privacy Policy
  • Terms of Service

support

  • Contact Us
  • Feedback
  • Bug Reports

company

  • About Lume
  • GitHub
  • dhruvin.dev
© 2026 Lume. All rights reserved.
PrivacyTermsCookies
Made with ❤️ by dhruvin.dev