@panda__css

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

panda-css.com
Joined May 2023
  • Tweets625
  • Following4
  • Followers2.9K
134Media
I've spent the last week working on something fun!! 🎊 Introducing Panda Theme Explorer -> panda-theme-explorer.vercel.… I styled Ark UI components @ark_ui_ with Panda CSS @panda__css to create 6 themes that use the same components but look sooo different You can explore, switch between light/dark mode and even copy a theme you like! My favorite is Y2K 😂
2
3
1
12
524
Panda CSS retweeted
Lope
@I_am_LopeOct 17
Spent the whole day recording my SailsConf talk on rebuilding Panda's engine. During the breaks, I tried to declutter my head and… wrote another blog 😅 This one's about how every style you write in @panda__css becomes an atom, and why your stylesheet grows with what you use, not how many components you have. lope.adebesin.com/blog/every…

Every style is an atom

How Panda breaks your styles into atoms, keeps each one exactly once, and where atoms stop.

lope.adebesin.com
2
5
1
19
553
Panda CSS retweeted
Lope
@I_am_LopeOct 16
Long time no blog 🙃 I was sick today, so I finally finished an article that's been sitting in my drafts since August. It's the first in a series on how @panda__css works under the hood. More coming in the next few weeks. Build once, at build time 👇 lope.adebesin.com/blog/build…

Build once, at build time

What Panda CSS actually does with your css() call at build time, step by step, and why doing that work before the browser matters.

lope.adebesin.com
5
19
491
Sharing a component library in Panda across apps just got a lot simpler: -> give your design system a package name -> run panda lib -> set designSystem in each app's config -> the app picks up your components, tokens & recipes bye panda ship 👋
4
5
23
730
Why write so many lines of CSS just to style a scrollbar? Panda makes it much simpler 👇🏽👇🏽👇🏽
1
4
1
35
1,843
Check it out: panda-css.com/docs/reference…

Interactivity

Panda CSS provides a variety of utility classes to enhance interactivity and user experience on your web applications.

panda-css.com
2
115
My new website is liveee estheradebayo.dev/ Built it with @panda__css Loved setting up my own tokens in panda.config.ts, using textstyles and building on preset-base
2
9
1
46
1,991
Panda's new mask helpers make image fades and mask effects easier, with less CSS! ➡️ Give them a try: panda-css.com/docs/reference…
2
1
20
731
Your CSS keeps growing, but how much of it do you actually use? 👀 Panda v2 has a new optimize block that cleans things up at build time Just enable what you need!
1
7
36
1,680
More here: panda-css.com/docs/styling/o…

Optimization

Shrink the CSS Panda emits. Every optimize flag is opt-in.

panda-css.com
1
2
2
184
Panda CSS retweeted
kii@kiichi_sugiharaOct 7
Thanks for the v2 update! 🙌 I’ve been using Panda CSS for a while and really enjoying it. I’m upgrading to v2 now, and so far the migration has been smooth — no major issues. Really appreciate all the work that went into this release. Thanks! 🐼
Panda CSS@panda__cssSep 30
And we’re liveeee 🚀 🐼 Panda v2 is out and we can't wait to see what you build with it Go give it a spin and let us know what you think
2
2
195
And we are LIVE now -> youtube.com/live/5VcTX2I6Xk8

Panda CSS v2 Livestream

We chat about all things Panda v2 and take you behind the scenes of...

youtube.com
Panda CSS@panda__cssOct 6
Our livestream starts in an hour Join here → youtube.com/live/3Ww3-aQmDBQ Come hang out with us, hear the BTS of what building Panda v2 was like, what changed and get your questions answered!
1
6
651
Our livestream starts in an hour Join here → youtube.com/live/3Ww3-aQmDBQ Come hang out with us, hear the BTS of what building Panda v2 was like, what changed and get your questions answered!
Panda CSS@panda__cssOct 5
We’re going live tomorrow on Youtube! 🐼 Come hang out with us as we dive into Panda v2, what’s new, what changed + answer your questions live ➡️Tuesday, Oct 6 | 12 PM ET We’ll share the livestream link closer to the time...See you there 💛
1
1
7
1,202
We’re going live tomorrow on Youtube! 🐼 Come hang out with us as we dive into Panda v2, what’s new, what changed + answer your questions live ➡️Tuesday, Oct 6 | 12 PM ET We’ll share the livestream link closer to the time...See you there 💛
1
2
1
14
1,065
Amazing results, Eduardo 👌🏼✨
Eduardo Lopes@duedur_devOct 3
Replying to @panda__css
@panda__css Just migrated my design system to Panda v2, and the results are stunning 🐼 Same repo, v1.12 vs v2.1: - codegen 3–4x faster (0.75s → 0.19s) - cssgen 2.4x faster - peak memory roughly halved Huge thanks to the Panda team for the great work!
8
639
And we’re liveeee 🚀 🐼 Panda v2 is out and we can't wait to see what you build with it Go give it a spin and let us know what you think
Sage ⚡️
@thesegunadebayoSep 30
Panda CSS v2 is officially here @panda__css 🐼🔥 We’ve been working on this for a long time, and we’re excited to finally share it with you It's a faster and more powerful Panda for teams building and scaling design systems 🐼 Go check it out, build something and ship with Panda →  panda-css.com/
8
1
43
2,065
We're taking zero-runtime even further in Panda v2 🤯 @panda__css With our new bundler transforms, static Panda calls are compiled into class names at build time, removing the need to ship Panda runtime JavaScript to the browser! More on this 👇🏽
6
10
2
128
5,840
The official linting plugin for ESLint and Oxlint is coming in v2⚡️
Sage ⚡️
@thesegunadebayoSep 16
Panda v2 will ship our official linting plugin for ESLint and Oxlint ⚡️ Define your design system rules 🤝 and @panda__css will enforce them for your team! The plugin can help you catch invalid or raw tokens, deprecated properties, extraction issues and more See how it works 👇
3
23
1,899
Panda v2 is almost here!!! And this time, the compiler is written in Rust 🦀 👀 Who's ready for it?
Sage ⚡️
@thesegunadebayoSep 15
Panda CSS v2 is cominggggg 🐼 We rewrote Panda's compiler in Rust 🦀 @panda__css to significantly boost performance and reduce memory footprint We've been working on this for MONTHS and we're finally ready to get you to try it 😁
4
6
3
58
4,466
Really cool to see Didi Medina take Panda CSS to the ReactNext 2026 stage 🐼 He gave a talk on Building a Typesafe Styling Toolchain with Panda CSS Watch the talk 👇🏽 youtube.com/watch?v=S3D6m17X…
2
3
1
15
2,902
Load more