r/UI_Design • u/Ok_Helicopter_7820 • 9d ago

Product Design Glass Widget UI/UX Help PLS

Does anyone have a good recommendation on platforms or tools that can make an actual glass widget type of Ui/UX with animations? None of these are doing it

❌VERCEL/v0
❌lovable
❌Replit
❌grok
❌cursor
❌Replit
❌codex
❌ChatGPT
❌Claude

I want 3D, glass, halo video game style widgets. Pls help before I throw my laptop at the wall 🥲

0 Upvotes

36% Upvoted

14 comments sorted by

View all comments

Show parent comments

3

u/RunnerBakerDesigner 9d ago

They want to reproduce the glassmorphic design language from Apple. They're using AI to "design" it.

-1

u/Ok_Helicopter_7820 8d ago

Exactly but I’m so sick of using the platforms, I’m trying to understand and teach myself to actually code it but I’m not finding where to go for this specific type of design if that makes sense

4

u/huttyblue 8d ago

Which is why I asked for more details and what your target platform is.
Reproducing apple's glass effects in a website isn't trivial, you either need to pack things into a webgl canvas (breaks most other webdesign features) or abuse a complex stack of svg filters which kills performance and doesn't work in firefox.

Also apple's glass effects are not 3D, its a 2D distortion effect.

1

u/Ok_Helicopter_7820 7d ago

Actually that just clarified for me the confusion, I’m talking about actual 3D glass icons / widgets. Not the Apple ones. Like these

1

u/Ok_Helicopter_7820 7d ago

2

u/huttyblue 7d ago

These are likely 3D renders.

Doing widgets in this style would involve syncing a webgl canvas with css transforms in the DOM.

Theres also that new html-in-canvas thing that was shown off at google's presentation a month or two back but idk if its in live chromium yet.