2025 June 23
7pm – 9pm
Helen Panfilova
Senior Product Designer
Design concept that represents a combination of technological advancements in rendering transparency and designers' desire to create interfaces that feel both tactile and delicate
Blend in
Clarify
Mimic
Emphasise
Modernise
Glassmorphism
About
About
Glassmorphism is a trend in user interface design that creates the visual effect of frosted or blurred glass to give an elegant and modern look to interfaces.
This effect is widely used in interfaces where clarity and focus are important. It is often seen in dashboards, mobile apps, and websites aiming to convey a sleek and professional look.
This style works particularly well in designs that require users to interact with cards, modals, or navigation menus as it enhances the user experience by creating a sense of visual hierarchy.
Visual appeal and modern aesthetic of glassmorphism make it suitable for use in digital art as well as physical products such as elements in architecture for both exterior and interior design.
Design
Design
The glass effect is achieved through a delicate balance of settings, including precise blur and gradient applications, optimal opacity levels, soft shadows and subtle borders.
Use the interactive design settings panel to edit interface elements and to see how the frosted glass effect works.
4km
95%
On
Off
Off
On
On
Off
Off
On
Opacity
Blur
Shadow
Borders
Design settings panel
Reset settings
Download CSS
Light rain is expected to stop in 15 min
Rain Stopping
Feels like 8
12˚
Examples
Examples
Free online event about glassmorphic design in user interface
Webinar
2025
June 23
7pm – 9pm
Helen Panfilova
Senior Product Designer
EDUIX
  • Study real cases of increased conversion to sales after redesign
Marketing analyst
  • Get inspiration for graphic design and photography ideas
Digital art creator
  • Learn how to create frosted glass menu and alerts
  • Get chance to get an internship in EDUIX
Web developer
  • Learn how to create frosted glass menu and alerts
  • Get chance to get an internship in EDUIX
Beginner UX/UI designer
Student Account
Предоставляется для создания учебных проектов. Не предназначен для коммерческого использования
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website
Student