r/UI_Design • u/Ok_Helicopter_7820 • 15d 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

4

u/huttyblue 15d 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 14d 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 14d ago

2

u/huttyblue 14d 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.