Design Tool
Glass UI Playground
Design with glassmorphism in real-time. Tweak blur, opacity, colors, and glow — see results instantly. Copy the CSS.
Controls
Blur Amount 16px
Background Opacity 40%
Border Opacity 20%
Border Radius 12px
Glow Intensity 30%
Accent Color #06b6d4
Card Variant
Live Preview
← Move the sliders to change this card in real time
Email Module
ActiveThis is a live preview of a Glass UI card. Drag the sliders on the left to change blur, opacity, glow, and colors.
1,247 Emails
99.8% Uptime
18ms Latency
Dashboard 12 widgets
Monitoring 38 probes
Security All clear
This is how ArgoBox admin modules look. Every card, button, badge, and stat widget across 38 modules uses this Glass UI design system.
Presets
Click a preset to instantly load a configuration.
Component Showcase
All components inherit the active accent color from the controls above.
Buttons
Input Fields
Status Badges
Online Offline Warning
Tab Bar
Stat Cards
1,247 Requests/s
99.97% Uptime
18ms P95 Latency
Hero Panel
Welcome to ArgoBox
Your self-hosted infrastructure platform, running on Cloudflare's global edge.
Use Glass UI in Your Project
Copy the generated CSS, grab the utility classes, or explore the full component library.