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

(ambientcss.vercel.app)

7 points | by kikkupico 2 days ago ago

9 comments

  • slowmotarget 2 days ago 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 2 days ago ago

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

    • kikkupico 2 days ago 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.

      • lateforwork 2 days ago ago

        Works very well now, but initially I was confused by why it was getting stuck occasionally. Turns out you can't move it between 4'o clock and 8'o clock, which is reasonable, but there is no visual indication of these limits, so it is hard to understand.

        • kikkupico 2 days ago ago

          Thanks for the feedback! I agree there needs to be visual indication for the knobs' min and max points. I'm thinking about how to do this without adding visual clutter.

    • treetalker 2 days ago ago

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

      • kikkupico 2 days ago ago

        Thank you! I just changed the knob control gesture/drag logic and it doesn't work like a vertical slider anymore.

    • kikkupico 2 days ago ago

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

  • siisee11 2 days ago ago

    Awesome! looking forward to the production ready