The modern styling framework without the runtime. Type-safe ⚡️ · Design Tokens 🎨 · Variants 🍭

Love what I do as a Developer Advocate! Sent out Swags to Panda CSS team members a few weeks ago 💫 @panda__css
3
1
18
1,318
Panda CSS retweeted
Made a library migration tool supporting: - EmotionJS → PandaCSS @panda__css - Recoil → Jotai Built with @AnthropicAI Claude 3.5 Sonnet, applied it to company codebase. And it has less frictions than I've expected (less than 10 errors in 300+ files) If anyone interested with this, maybe I could make a simple webpage you can run/apply with it.
2
3
6
1,183
🌫️ Layer Styles are a simple but powerful way to keep your designs consistent and clean. If you’re tired of repeating the same CSS styles over and over, here's a quick demo of how to create and use layer styles in @panda__css
2
12
1,379
Panda CSS retweeted
I cannot figure out why people, when able, don't adopt superior tools. These tools are ahead of the rest: 1. Solid JS (@solid_js) Ark UI (@ark_ui_) 2. Panda CSS (@panda__css) 3. Vite (@vite_js) 4. Netlify (@Netlify) 5. Playwright (@playwrightweb) 6. Superbase (@supabase)
13
5
73
8,348
There are CSS-in-JS solutions that give the benefits of the DX without the runtime cost which may gain traction. Check out @panda__css for example.
1
2
536
'Bout to make my first PR to @panda__css to document its usage in Angular CLI! 😄 This came about as I've been writing about PandaCSS for my second book!
1
1
15
995
Looking sharp in the swag 👌🏼✨
just received a very cool package from @panda__css bonus pic with the OG Yums 🐼
1
11
858
Improved support for Native CSS nesting in @panda__css when using the template literal syntax. Shipping it in the next Panda release 🚢🔥
1
6
40
2,372
Nice 🥳🥳
Received so neat-o swag from the @chakra_ui / @panda__css team!
5
648
Panda CSS retweeted
Are you team light or dark mode? 🎨 Pair up a library like “next-themes” with @panda__css to design the perfect color mode for your app. More on this ➡️ pandamastery.com/course
1
2
5
1,289
Migrating to Panda If you use CSS-in-JS solutions like styled-components, here's a quick overview of migrating a styled component button (that uses a `$primary` prop for dynamic styling) over to Panda. ➡️ Watch the full lesson at pandamastery.com/
2
14
1,601
Building a design system that supports multiple brands can be tricky, but @panda__css makes it a breeze. Here's a quick highlight on how to implement multi-brand theming across three brands using Panda. 📹 Watch the complete lesson at pandamastery.com/
1
4
14
634
Setting up a monorepo with @panda__css doesn’t have to be complex. Here’s a sneak peek of how to set up Panda CSS in your monorepo 👇🏽 📹 Watch the complete lesson at pandamastery.com/
4
22
1,755
Go check this out! 🔥🔥🔥
We’re excited to launch Panda Mastery 🐼, an in-depth course on building design systems and web applications with Panda CSS. I enjoyed collaborating with Esther @_estheradebayo on this course. It has been in the making for over six months! Get it now at pandamastery.com
13
812
Panda CSS retweeted
Les recipe de @panda__css, c'est vraiment le graal pour les composants React. On peut définir une API typée pour les styles, réutilisables partout. Kiss & DRY 😲
1
2
503
Panda CSS retweeted
#PandaCSS is really my dream CSS framework, zero runtime、atomization. Different from "stylex" and "compiled css in js", the CSS classname compilation result is meaningful rather than garbled, such as "margin-top" will compiled to "mt", same like tailwindcss.
1
7
604
Replying to @thdxr
I’ve been a fan of PandaCSS recently! You get the developer experience wins of Styled Components but without the runtime implications
1
5
569
Panda CSS retweeted
Replying to @astahmer_dev
@astahmer_dev I've been evaluating different styling libraries at my company, and I can confidently say PandaCSS is an absolute game-changer! Thank you!
1
1
7
471
Preach...
Using tailwindcss ... pandacss is a million times better.
1
6
895
We've reached 5k stars on Github 🥳🎉 The team appreciates your support and 🌟s Keep shipping amazing products with Panda CSS 🚀 github.com/chakra-ui/panda
1
7
50
3,091