🎛️ Presets


🖼️ Viewport Background

Image Solid Color

🔮 Glass Configuration

Dark Frost (Tint Blend)
Borders & Reflection Reflection

✍️ Content Customization

Show Text
Show Icon
GlassLint
Contrast Ratio
4.5:1
WCAG AA Pass
Normal Text (WCAG 4.5:1) Pass
Large Text (WCAG 3.0:1) Pass
EXPORTED GLASS CSS
backdrop-filter: blur(20px);
background: rgba(255, 255, 255, 0.40);
border: 1px solid rgba(255, 255, 255, 0.25);
color: #FFFFFF;

Frequently Asked Questions

How do you check WCAG contrast over glassmorphic elements?

GlassLint extracts pixel colors directly under your text preview layer, applies standard alpha-blending math with your selected glass opacity, and calculates the resulting contrast ratio mathematically in your browser.

What is the WCAG 2.2 AA accessibility contrast ratio standard?

WCAG 2.2 AA requires a minimum contrast ratio of 4.5:1 for normal text (under 24px) and 3:1 for large text (24px or larger).

Does GlassLint store or upload my mockup designs?

No. GlassLint operates 100% client-side in your local browser using HTML5 Canvas. Your images never leave your local computer, ensuring complete privacy compliance.