Remix.run Logo
Ambient CSS v3 – Blender meets CSS(ambientcss.vercel.app)
76 points by kikkupico 2 hours ago | 25 comments
alexaholic an hour ago | parent | next [-]

We used to do this during the Web 2.0 era with PNGs, GIFs and `progid:DXImageTransform` because back then you couldn't do it with standard CSS alone. Then as CSS (and MS!) evolved to enable it, the world moved on to flat UIs. It's ironic, isn't it?

dleeftink an hour ago | parent [-]

Remember motiongerm and the whole sleek 60fps flash design thingamabob? Bespoke interfaces everywhere

alexaholic 31 minutes ago | parent [-]

> Bespoke interfaces everywhere

From bespoke to Bootstrap, to Tailwindshitification

phoronixrly 6 minutes ago | parent [-]

... To Claudification... All of this project is completely vibecoded.

graypegg an hour ago | parent | prev | next [-]

Nitpick, but elevation would make much more sense if you assumed a base plane + set a perspective, and then translate3d'd upwards on the Z axis. It would grow the size of the element as well.

Saying that, probably annoying to work with transformed DOM nodes, but the background being the only thing moving in the "bounce" example just stood out to me as weird.

Also, the texures seem to be just gradients or embedded texture data. Was thinking this would use https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/V... and fall back to gradients/premade images for firefox.

CSSer an hour ago | parent | prev | next [-]

I really dislike how the dribbble/envato style somehow escaped containment into Claude and now I’m seeing it everywhere mixed with mediocre design layouts. I think to myself that maybe stuff like this will help counteract that but then I see it in use with 12px typography (the kubernetes 3D dashboard thing) and I recoil in horror. Please consider this a PSA: Claude doesn’t understand UX or good design principles out of the box. Please go hug a designer.

graypegg an hour ago | parent [-]

UI greebling [0] is something I'm not looking forward to.

People always miss out the fact that older information-dense UIs were... information dense. We get this weird simulacrum of information density where the LLM has slapped on "every pod has a machine", a made-up PDU for pods with a watt rating somehow, and random status labels EVERYWHERE. All it's missing is the green circle "LIVE" label that every claude app seems to have...

[0] https://en.wikipedia.org/wiki/Greeble

charlesrice an hour ago | parent | prev | next [-]

My favorite is the knobs where some of them you can grab and rotate like they are physical but other ones only react to the vertical position of the cursor so you feel like a crazy person trying to use them

irickt 14 minutes ago | parent | prev | next [-]

https://github.com/kikkupico/ambientcss

isodev an hour ago | parent | prev | next [-]

I love the concept but (at least on mobile Safari) most of it feels unusable.

esperent 6 minutes ago | parent | next [-]

[delayed]

fwip an hour ago | parent | prev [-]

The knobs are especially difficult to use (on desktop here). The first two knobs only respond to click & vertical drag - moving up rotates clockwise, moving down rotates ccw. Moving left or right does nothing. The second knob's grab handle is just totally wrong, appearing in only about the 4 o'clock to 6 o'lock position.

SwellJoe an hour ago | parent [-]

Round knobs are just a terrible idea. They never work comfortably with a mouse or touchpad, and are often an accessibility challenge.

tuvix an hour ago | parent | prev | next [-]

Reminds me of VST GUIs, looks great! But, like other commenters have noted, I think a number of these controls might be desktop only, which is totally fine. There’s too much UI stuff centered around mobile anyway these days

SwellJoe an hour ago | parent [-]

Counterpoint: I hate VST GUIs. They're often skeuomorphic hell.

They love fiddly round knobs which are terrible to control with a mouse or touchpad, and are bad for accessibility. They also tend to have a bunch of mystery meat navigation because the historic hardware UIs they're emulating were forced to bury stuff behind menus due to limitations of the technology, and cost limitations, at the time. Some are better than others, but the priority is often looking cool in screenshots rather than being comprehensible and discoverable.

I don't mind shadows and shapes that look three dimensional; affordances that indicate what you can do with an interactive element is great and an improvement over the flat trend. But, VST GUIs are among the worst examples to copy. And, round knobs are probably never the right choice for a computer GUI.

tuvix an hour ago | parent [-]

Haha yeah I think I’m mostly speaking from nostalgia. I do remember wrestling with knobs in Massive or whatever free VSTi back in the day was pretty terrible.

I can’t deny I love the look, though.

__alexs 2 hours ago | parent | prev | next [-]

This has mid 2000's LiteStep theme vibes.

yboris 27 minutes ago | parent [-]

LiteStep forever in our hearts ♥

troupo an hour ago | parent | prev | next [-]

Isn't this just short-lived neumorphic design from a few years back? https://neumorphism.io/#e0e0e0

smallnix 3 minutes ago | parent [-]

It does take the idea further by anchoring the design system in real world objects.

inexcf an hour ago | parent | prev | next [-]

God this site has atrocious scrolling behavior. Allowing me to scroll halfway to the next "page" but then forcing me to stop scrolling and start again to get to the next one made me close the page half way through.

SwellJoe an hour ago | parent | next [-]

When a page about a new GUI thing fucks around with well-defined behaviors, back-button, scrolling, widget interaction, I know I can't trust their judgement. We don't want the same things and it's best if I move on.

cluckindan 40 minutes ago | parent | prev [-]

Isn’t it just scroll-snap?

varispeed an hour ago | parent | prev | next [-]

Looks cool, but I can't see myself using something like this. The readability is poor, it is difficult to gauge if button was pressed or what is selected.

But still, I love it!

drcongo 2 hours ago | parent | prev [-]

You see a lot of this kind of look in AUv3 plugins on the iPad and I love it - it's so nice to have visually tactile interfaces rather than the flat shit that OSs have been forcing on us.