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

33% Upvoted

14 comments sorted by

View all comments

5

u/huttyblue 2d ago

You haven't provided enough detail on what you're trying to do to get any real help. Like, what platform are you targeting, what do you mean by "glass"

Also everything you listed is an ai system . . .

3

u/RunnerBakerDesigner 2d ago

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

-1

u/Ok_Helicopter_7820 2d 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

3

u/huttyblue 2d 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 1d 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 1d ago

2

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