Interactive "knob" component with different configs for each CSS filter. • sensible default value • pixel values based on user nudge preferences • ±10% shift nudge for percentage values, ±15° for degrees • round to nearest step when holding ⇧

nice - i been messin' with a similar dial/knob opting for a dot, but with similar behavior like you have matching DevTools for the nudging 😎 these kinda controls are so satisfying to build 🤓

Ohhh a dot instead of segment/tick would look great!

i should def finish it – it's a '26 refresh lol i picked it up again after recently trying to curate lots of old demos and finally making it back to 2019 😄

VST plugin vibes

clean

nice

Oh this is so good

Would love to build this omg this looks so much fun

🔥

That’s a good one. How does it fill to roll it?

Feels great! You actually get a horizontal scrubbing cursor that expands slightly on mouse press, and you cursor stays at that spot when scrubbing.

yes, that's it man. Great stuffQ

do you have data on whether users prefer to tune these with dragging vs typing? always been curious

I don't have the data available! I imagine for things that aren't strictly "numerical" like spacing or border-radius for instance, typing makes more sense. But for filters and similar "graphic" properties, dragging can be nice!