Which styling library to use?
Hi, I've read the docs, checked out many website and I just got totally confused which styling library to use with Solid + Vite.
- macaron - https://macaron.js.org/ doesn't work, terminates with babel error.
- https://github.com/solidjs/solid-styled-components 2 yr no commits
- https://github.com/solidjs/solid-styled-jsx 2 yr no commits, however the main library it refers to still gets updates
- Panda CSS works but is a mess which tries to overtake everything.
- Pigment CSS doesn't support Solid, just React ATM
- should I use CSS modules in separate files? Sometimes I'd love to have it colocated with the component code, not in a separate file.
- linaria has an open PR, anyone used it? https://github.com/callstack/linaria/pull/1096
11 Replies
I'm using solid-UI with tailwind
solid-ui
Beautifully designed components built with Kobalte and Tailwind CSS.
I don't want to throw out CSS, which I would with Tailwind
it kinda sounsd like you want css modules then
I think it would be alright to have a separate css file with the same name as your component file
if you don't wanna dump css, then what are you exactly looking for that isn't css modules ?
:worryThumbs:
for panda css, I think the preprocess CLI can be done on the fly beforehand with vite config
yes, I think either css modules or vanilla-extract is what I want. Or I'll try to configure Panda not to mess with a whole design system and be like vanilla-extract
I guess I have to accept separate files or to use Panda, no way around it.
StyleX
The styling system that powers Meta.
It looks great! I'm trying to make it work with one of the unofficial vite plugins.
stylex kind of works!
🥳