The modern styling framework without the runtime. Type-safe ⚡️ · Design Tokens 🎨 · Variants 🍭
- Tweets 609
- Following 4
- Followers 2,868
- Likes 575
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 👇🏽
piped.video/watch?v=S3D6m17X…
2
3
15
2,878
Shipped in v1.9.0 🎉
Panda can track any JSX prop ending with *Css. So, if you pass things like inputCss, it's now automatically tracked for static extraction.
✅ Zero config needed
1
7
44
4,028
Kicking off 2026 with something special 🎉
🐼Panda CSS now has an MCP server to help you:
- Query design tokens & values
- Explore recipes & variants
- Analyze token usage & more
➡️Get started: `pnpm panda init-mcp`
Learn more: panda-css.com/docs/ai/mcp-se…
1
4
23
4,943
🚀 Announcing CSS Splitting in Panda CSS (v.1.7.0)
Now, panda can emit your generated css as separate files instead of bundling everything into a single styles.css file
Run ➡️ panda cssgen --splitting
For selective loading & easier debugging
Read more: panda-css.com/docs/docs/refe…
5
9
2,009
Announcing LLMs.txt support 🎉
We now support the llms.txt standard, making the docs accessible and optimized for AI agents as Cursor, GitHub Copilot, ChatGPT, Perplexity, etc.
Learn more here: panda-css.com/docs/overview/…
1
6
20
1,992
🐼💨 Panda v1.1 updates!
✨ New hook: preset:resolved (pick & omit theme properties from any preset)
✨ Add TS support for new WebKit props (-webkit-user-drag, -webkit-app-region, spacing + text security)
Read the changelog: github.com/chakra-ui/panda/b…
4
33
1,948
Docs for the new style context feature are out!
panda-css.com/docs/concepts/…
Slot recipes -> compound components 🪄
🚀 Panda CSS just hit v1.0!
The modern, themeable, and atomic-first styling engine for design systems — now stable 🐼✨
Read more here 👉🏽 github.com/chakra-ui/panda/d…
#PandaCSS #CSS #WebDev #DesignSystems
2
8
30
4,844
🚀 Panda CSS just hit v1.0!
The modern, themeable, and atomic-first styling engine for design systems — now stable 🐼✨
Read more here 👉🏽 github.com/chakra-ui/panda/d…
#PandaCSS #CSS #WebDev #DesignSystems
4
65
205
25,948
Say hello to Panda Analytics 🐼🪄
Panda Analytics gives you instant insights into the usage of tokens and recipes — fast and easy!
1
8
72
8,839
🔄 Improved inference of slots in slot recipes when spreading and concatenating slot names. This now handles cases like:
ALT Panda will now correctly infer the slots from the anatomy and add them to the recipe.
1
1
313
🆕 Support for semantic tokens in composite shadow properties like blur, offsetX, offsetY, and spread.
This allows you to use semantic tokens in composite shadow properties for greater flexibility in your design system.
1
1
280
🆕 Static analysis for used tokens and recipe variants. This feature provides insights into your design system's usage, helping answer questions like:
What tokens are most used?
What recipe variants are most used?
How many hardcoded values vs tokens do we have?
1
232
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,584
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,097
🎉 Panda CSS v0.43.0 is here! 📷
✅ Support for globalFontface in panda config and presets.
📝 Changelog here: github.com/chakra-ui/panda/d…
1
5
40
4,156
🔄 Changed
🔒 Ensure classnames are unique across utilities to prevent potential clash
📊 Minor changes to panda analyze --output coverage.json file format
🧩 Recipes className now optional for recipes and slotRecipes, fallbacks to its name
1
108
🔥 Changed
💥 BREAKING: Removed linkBox pattern, use position: relative with linkOverlay instead:
1,635
✨ Added
📔 Support for more typography properties in text styles like fontFeatureSettings, fontPalette, etc.
📥 Allow passing arrays of SystemStyleObject to the css function
This is useful when creating styled components to benefit from recent css array property support.
1
1
434
🔄 Added support for array values in the special css property for the JSX factory and JSX patterns.This makes it even easier to merge styles from multiple sources.
1
3
346
Added
✨ Introduced a new helper getVariantProps to the slot recipes API (sva and config slot recipes).
1
53
Changed
🔄 divideX and divideY now map to the borderWidths token group.
🔄 Changed default selectors for _light and _dark to target parent elements for consistent behavior with pseudo elements.
1
1
277
Added
✨ Added missing typings for CSS vars in properties bound to utilities (not affected by strictPropertyValues).
✨ Now supports multiple importMap entries, allowing usage of multiple styled-system sources.
1
1
68
Changed
🔧 When using strictTokens: true, if you didn't have tokens (or semanticTokens) on a given Token category, you'd still not be able to use any values in properties bound to that category. Now, we will only restrict properties that have values in their token category
1
1
648
Added
✨ Introducing a new globalVars config option to define type-safe CSS variables and custom CSS @property.
Related 🛠️
Typings for strictPropertyValues now correctly allow for CssVars, including predefined global variables or any custom CSS variable.
1
2
85
🚀 PandaCSS v0.36.0 is here with a plethora of fixes, additions, and changes!
Full changelog: github.com/chakra-ui/panda/d…
2
3
23
2,649
Fixed
🛠 Fixed negative semanticTokens generation. Now, negative values will be generated correctly.
🛠 Resolved the extraction of JSX styled factory when using namespace imports.
1
71
🚀 Introducing PandaCSS v0.35.0! 🚀
This update brings some exciting fixes, additions, and changes to enhance your development experience! 🐼🎉
Check out the full changelog and discuss the release here:
github.com/chakra-ui/panda/d…
1
6
33
1,969
🛠 Resolved a false positive with the validation check that reported "Missing token" when using a color opacity modifier in config tokens or semanticTokens.
1
63
🔧 What's Fixed:
🛠 Fixed strictPropertyValues with border* properties.
Now, border* properties are not restricted by strictPropertyValues unless they specifically end with Style
1
77
🎉 Panda CSS v0.34.2 Release 📷
Check out the full changelog and discuss the release here:
github.com/chakra-ui/panda/d…
1
1
17
1,505
🌟 Added Features:
🚨 Config validation check to prevent using spaces in token keys and improved error logs for CSS parsing errors.
🚨 Warning when using value twice in config.
1
69
🔧 What's Fixed:
🛠 Fixed an issue where the text accent color token was nested incorrectly.
🛠 Resolved typings for splitCssProps to avoid union type complexity errors.
🛠 Fixed "missing token" warning when using DEFAULT in tokens path.
1
1
65
🎉 Panda CSS v0.34.0 Release 📷
Check out the full changelog and discuss the release here:
github.com/chakra-ui/panda/d…
1
5
27
1,874
🎉 Panda CSS v0.33.0 Release 📷
Check out the full changelog and discuss the release here:
github.com/chakra-ui/panda/d…
2
2
22
1,501
- Allow using multiple aliases for the same identifier for the /css entrypoints just like /patterns and /recipes
1
187
🎉 Panda CSS v0.32.0 Release 📷
Check out the full changelog and discuss the release here:
github.com/chakra-ui/panda/d…
2
7
34
2,896
🎉 Panda CSS v0.32.0 Release 📷
Check out the full changelog and discuss the release here:
github.com/chakra-ui/panda/d…
1
5
30
2,209
🎉 Panda CSS v0.31.0 Release 📷🐼
Check out the full changelog and discuss the release here:
github.com/chakra-ui/panda/d…
1
7
42
3,015
[DEMO]
✅ Disallow the usage of hardcoded colors. No need to manually scan your code for custom color usage.
1
4
449
We're excited to announce our ESLint plugin [Beta]
You can now enforce styling best practices for your teams.
✅ Disallow the usage of hardcoded colors. No need to manually scan your code for custom color usage.
✅ Catch invalid token usage in your editor.
...and more 🧵
4
12
83
6,191
🎉 Panda CSS v0.30.0 Release 🐼🚀
Check out the full changelog and discuss the release here:
🔗 github.com/chakra-ui/panda/d…
1
4
34
1,663
Hey fellow developers, we're thrilled to announce the latest release of Panda CSS 🎉
In this release, we've packed a bunch of exciting features and improvements that will make your styling workflow even smoother.
Full changelog: t.ly/zLd6t
1
7
36
3,412
🐼 Introducing Panda CSS v0.28.0 🐼
Hey devs, we're thrilled to roll out the latest version of Panda CSS! 🎉
Check out the awesome changes, fixes, and additions in this release:
Full changelog: t.ly/D9sTb
1
3
36
2,566
[Docs Update] 🥳
Migrating from Styled Components or Emotion just got easier!
We've published the guide to writing tagged template literal styles in Panda. Yes, we support that, too!
Learn more 👇🏻
panda-css.com/docs/concepts/…
7
30
3,723
Learn how to build a themeable button recipe using the color palette feature in #pandacss
piped.video/gwJjq7w_msA
5
16
2,757