Taking web UI to another level with custom shaders! 💧✨ This Liquid Glass Carousel renders an inf...Taking web UI to another level with custom shaders! 💧✨ This Liquid Glass Carousel renders an inf...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Taking web UI to another level with custom shaders! 💧✨
This Liquid Glass Carousel renders an infinite project row through a distorted slab of interactive glass, creating a high-end, tactile depth effect directly in the browser.
🛠️ Tech Stack: ▫️ Three.js & GLSL: Real-time glass distortion & refraction shaders ▫️ React: Modular component architecture ▫️ Tailwind CSS: Clean layout & responsive UI
A perfect blend of creative coding and modern web aesthetics 🚀
30+ pages, 3 weeks, and honestly one of my favorite projects in a while.
I'd been wanting to design something more tech-driven for a long time, and Gryd, a platform turning construction permit data into intelligence for insurers, lenders, and real estate teams, was exactly that.
Wireframes first, then UI across every page, fully responsive, with animation on the key screens, all built inside the brand the client had already set.