Quand tu découvres @panda__css et que tu te sens le roi du monde 🐼 youtube.com/watch?v=meGnmAnW…

I'm on board with Panda too. It's very well thought out.

I had high hopes for Macaron as well, but lately I've found @panda__css to be the best successor. I don't use any of the react component wrappers or fancy shortcuts, just pure CSS class generation with syntax as close to CSS as possible. Works great!

So I've been playing around with panda css and vanilla extract over the past few days to get impressions of tailwind alternatives and here are my general thoughts and opinions 👇 I think the clear winner for me right now if i was to start a new project would be panda css, its very straight forward to setup & customise which is something vanilla extract didn't do the same for me, it was just...complicated. Tailwind is completely fine and I do still use it but I have come to learn that my brain doesn't do well with code horizontally, It's much more manageable for myself to read the styles in a js object type of format. I also really like in panda css that you can choose to write the styles inline with the tag or separate it into it's own file or above the component, which is something vanilla extract does lack because of the need of .css.ts files to generate the styles during build time. Obviously with tailwind you can stick in a variable in another file with the string of styles but you lose autocompletion which you don't with panda css. Okay maybe I just really like panda css hmm, it's just honestly so good tho like it's best of both worlds. The tokens thing that they have going on, multiple different ways to write styles (example _dark outside or per css property, same with _hover, _focus...etc) just gives you so much flexibility and customisation. It's honestly so great massive shoutout to the @chakra_ui team for delivering on this wonderful project!

TIL about @panda__css from the @chakra_ui team - really excited about it! I now feel silly about giving a talk on styled systems that mentions Chakra but not Panda 😅 but hey the space is evolving rapidly. Stitches, Vanilla Extract, etc - lots of goodness. (thanks greebo7574!)

Shoutout to @grizzly_codes for creating Park UI! The combo of @panda__css and @ark_ui_ is incredible! Congrats on the amazing work!

@ark_ui_ + @panda__css = 🔥🔥🔥

Check out park-ui.com🚀 Ark UI recipes with @panda__css & @tailwindcss 🔥

Just in case, you are wondering about the tech stack, it is @reactjs with Typescript & @vite_js , @panda__css, @apollographql and #redux toolkit on frontend. Backend - @turborepo running a 7 node services running Apollo GraphQL server under the hood & a shared @prisma instance

Bon cette semaine ça part sur une petite landing page 🚀 J’en profiter pour essayer @panda__css et @astrodotbuild 💪🏻

Quick @panda__css 🐼 x @astrodotbuild 🚀 x @vuejs 💚 tip If you set up Panda CSS with Astro and also want to use Panda CSS in the Vue components you have in the Astro project. Just add `vue` to the list of files where Panda CSS will look for CSS declarations. And let's go!💪

Such a fantastic idea! Thanks for organizing this 💛