u/stacherski

I'm building a design system in vanilla CSS and web components (11ty, no framework), and I'm trying to find out where other people lose the most time. For me it was token naming, accessible date pickers, and carousels.

What's the one problem that cost you the most, and what did you wish existed to fix it?

Some detail on mine, in case it helps:

• Token naming and tiers (primitive → semantic → component). I rewrote my icon variables twice before the structure stopped fighting me.
• Accessible date pickers. Native input vs custom, ISO values, min/max, keyboard behaviour.
• Carousels. Moving to native scroll-snap deleted a lot of JS.

I'm thinking about writing short guides that each solve one specific problem like these, instead of another "complete guide". I'd rather hear what's actually painful before I write anything.