Panda CSS@panda__css

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

panda-css.com
Joined May 2023
128 Photos and videos
Load newest
🎉 Panda CSS v0.50.0 is here! 📷 📝 Changelog here: github.com/chakra-ui/panda/d…
2
2
24
1,638
Token and Recipe usage analysis is an exciting feature we're exploring in @panda__css This is a benefit of the static nature of Panda. If you use Panda in your project, would you find this useful?
6
7
47
3,188
Our Black Friday Sales are on this week🎉 Level up your knowledge of Panda CSS with our official Panda Mastery course 🐼 Get 30% OFF with the code: PANDA30 pandamastery.com/
2
7
1,577
I released a new version of the PandaCSS color system editor, with a more advanced UI for a more fine-grained color scale generation pandacss-theme-generator.ver… Inspired by tints . dev
2
3
10
590
Panda CSS retweeted
Chris Esplin
@ChrisEsplin
17 Jul 2024
Replying to @lukeocodes
I'd ditch Tailwind. I kinda like PandaCSS. It's quite similar but with different dx.
1
3
330
Using tailwindcss ... pandacss is a million times better.
2
7
1,711
Astro & PandaCSS is a match made in heaven
1
3
555
my favorite prompt these days 😬 saves me so much time while refactoring to Astro + PandaCSS
0:35
1
1
7
944
Panda CSS retweeted
Muhammad@phonzammi
20 Nov 2024
🎉 New integration for Bati (batijs.dev) ✨PandaCSS (@panda__css)✨ 🎉 New extension for vike-react ✨vike-react-chakra (@chakra_ui)✨

Bati

Next-gen scaffolder. Get started with fully-functional apps, and choose any tool you want.

batijs.dev
4
9
703
Replying to @mikee_palacios
I‘m in love with @panda__css in combination with Astro :D
1
3
325
PandaCSS requires you to rethink the way you define styles, specially for large projects. I didn't realize how much power we have with Layer Styles, Recipes and Patterns. It's all you need to keep your components cleaner avoiding long inline css() style definitions.
1
1
5
492
zagjs + pandacssを組み合わせればvueと react両対応のデザインシステムを構築できるかも
1
1
648
Panda CSS retweeted
Yuki Kodama@kuy
4 Nov 2024
なんだかようやくPandaCSSを使いこなせてきたような気がする。
1
3
838
I‘ve created custom conditions to detect the OS with PandaCSS Like this, I can easily show and hide elements depending on the OS, like for example the "Ctrl / CMD" or "Alt / Option" Keys It’s super handy, I‘m just setting the data-os tag once, and from then it’s just CSS 🤩
1
2
13
1,115
Panda CSS retweeted
Isräĕl 🤖
@oluwadaprof
24 Oct 2024
Replying to @KingFayemi
That's where pandacss comes in .... For using utility classes and design tokens I find it easier using pandacss @panda__css cool stuff
2
2
470
Components usually come in multiple variants, and that’s where recipes in @panda__css come in handy. In this video, I show how to create a recipe for the different card variants of the Material Design System using #PandaCSS ✔ Outline ✔ Elevated ✔ Filled Check out the code Playground: play.panda-css.com/JvLLJ1hJA…
6:50
4
16
1,789
If you're building a design system, here's how to make it very flexible and avoid duplicating code using the color palette and virtual colors feature in @panda__css
2:56
5
16
939
Replying to @GSVarner @panda__css
Panda CSS is so powerful!
2
6
633
Panda CSS retweeted
Gary Varner@GSVarner
5 Oct 2024
Using variants from @panda__css is a great dev experience and the added type safety is helpful.
1
1
4
547
Panda CSS retweeted
alex@astahmer_dev
2 Oct 2024
Introducing ✨Atomic CSS Devtools✨: a better way to debug atomic classes! - For everyone (TailwindCSS, Panda CSS, StyleX, UnoCSS, etc.) - Works anywhere (DOM, iframe, shadow DOM) - Group styles by @⁠media / @⁠layer - Familiar look, just like the OG style panel 👇 link below
13
50
414
58,195
Load more