Liquid Glass Sign-Up Form: VisionOS-Style Web UI
Serhii Dovhyi
A VisionOS-inspired "liquid glass" sign-up form built for real websites, not just as a static concept. It became my most viewed Dribbble shot, with 15,000+ views.
What makes it work
The glass card floats over a moving video background and bends it with real refraction, subtle dispersion and chromatic aberration
Content stays sharp and readable: soft rounded edges, gentle glow and clean typography
Fully responsive and accessible, with graceful fallbacks for weaker devices and browsers
Smooth on modern desktop and mobile hardware
Built with
HTML, CSS and JavaScript. The effect is a drop-in component for a hero section, a pricing block or a lead form, and it can wrap any content, not only a sign-up form.
Why it converts
A form that feels premium and alive gets noticed. The glass effect pulls attention to the one action that matters while the background keeps the page feeling immersive.
Want this liquid glass effect on your website or app? Message me and I will adapt it to your brand.
Like this project
Posted Oct 13, 2026
A production-ready liquid glass sign-up form in HTML, CSS and JS with real refraction and dispersion, built as a drop-in component for landing pages.
Likes
0
Views
0
