top | item 47047391

Show HN: Ambient CSS – Physically Based CSS and React Components

9 points| kikkupico | 13 days ago |ambientcss.vercel.app

Hello! AmbientCSS is a side project I started 5 years ago because I found the lack of realism in CSS shadows jarring. So, I tried to create a more realistic and consistent shadow system for CSS. It grew too complex and I gave up. Now, thanks to LLMs, I was able to revive it. As such, it's good enough to play with but might not be good enough for production use.

9 comments

order

slowmotarget|13 days ago

I dreamt about this for a long time. I started a similar endeavor thrice in the past. Congrats for making this a reality.

lateforwork|13 days ago

This is fun, but I couldn't figure out how to use the knobs. It turns in unpredictable ways.

kikkupico|13 days ago

Thanks for the feedback! Click and scroll up/down to turn the knobs. I will fix this as it isn't an intuitive way to control knobs. EDIT: Done! Please disregard this comment.

treetalker|13 days ago

For me the gesture is drag up/down (works like a vertical slider but with different chrome).

kikkupico|13 days ago

Made the knob controls more intuitive now. Please check it out!

siisee11|13 days ago

Awesome! looking forward to the production ready