Preview image. Unlock full-res
A modern glassmorphism UI component featuring a rounded pill-shaped container with frosted glass effect, containing two circle icons flanking a plus symbol.
Summary
A contemporary glassmorphism UI button component with a frosted glass effect backdrop, centered around a simple iconographic composition of two circles with a plus symbol between them.
Visual description
The primary element is a soft, rounded pill-shaped container with a semi-transparent frosted glass appearance. The background gradient transitions from cool blue-gray to light gray. Inside the container, three black icons sit centered: a circle outline on the left, a plus symbol in the middle, and another circle outline on the right. All icons are rendered in solid black with clean lines and consistent stroke weight. The overall composition is centered both horizontally and vertically against a neutral gray gradient background. The frosted glass effect creates subtle depth and luminosity, suggesting a modern, premium UI aesthetic.
Key takeaway
Glassmorphism combines transparency, blur, and subtle color gradients to create lightweight, sophisticated UI components that feel contemporary without heavy visual weight. The simplicity of icon arrangement paired with the complex material effect creates visual interest through restraint.
Reuse notes
Perfect for modern app interfaces, creative software dashboards, or contemporary web applications. The technique works particularly well for interactive states (hover, active). Pair with geometric sans-serif typography. Consider using similar frosted containers for form inputs, cards, or navigation elements. The cool color palette keeps the design feeling tech-forward and approachable.