Comment by rglullis
1 day ago
> I've also just never seen the separation of CSS and HTML actually provide practical value.
I would pay really good money to have a library of web components that implemented only the document structure using semantic HTML and the Javascript interactivity, and kept all the styling on a separate CSS file. Something like headless-ui, but without any of the utility classes.
Then we could move on from these template marketplaces (where each dev has to reimplement their own widgets for each different javascript framework), and we would have a simpler marketplace of "Web Component Themes".
You should check out Radix UI (https://www.radix-ui.com/). Same idea as headless ui, but it doesn't assume that you will use Tailwind. I _think_ they add css classes to all of their components to allow you to choose any styling method you want, but I'm usually working with ShadCN (which is one level up and uses tailwind).
Though, I'll say that I agree with OP that a lot of functionality already exists within HTML and browsers.
But Radix UI is still based on React. Maybe someone could take a shot at porting them to "pure" Web Components.