The modern styling framework without the runtime. Type-safe ⚡️ · Design Tokens 🎨 · Variants 🍭
- Tweets 600
- Following 4
- Followers 2,825
- Likes 554
Panda CSS retweeted
Definitely @ark_ui_ / @zag_js + @panda__css are my go-to libs for future projects, an unbeatable combo so far!
1
1
3
746
Panda CSS retweeted
We’ve added a Panda 🐼 CSS Showcase Page
➡️ panda-css.com/showcase
Now, you can see what the community has been building with @panda__css .
Using Panda in your project? Share your link in the comments 👇🏽 We’d like to feature it.
1
2
8
621
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
19
1,967
Panda CSS retweeted
I use @panda__css a lot these days - I really like the variant api and kind of just really like writing css like this. I’ve liked this sort of thing since stitches back in the day
1
5
650
Panda CSS retweeted
Haven't started the work yet, but for whatever my next project is, I want to try @panda__css out
1
2
821
🐼💨 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,931
Panda CSS retweeted
With @panda__css recipe, it’s way easier. No JS runtime, just pure CSS.
1
1
6
620
Panda CSS retweeted
thanks! its also very convenient styling these component variants with @panda__css 🐼
1
2
428
Panda CSS retweeted
utility based is very convenient while styling section level and basic layouting. when it comes to component variants or more complex layout, traditional css still the best choice for me. the best dx so far i’ve found? @panda__css 🙌
1
2
544
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,824
Amazing tip 👌🏼
Increase the click area size with a custom css prop. You can easily make your own css prop with Panda 🐼
css({ targetSize: "AA" })
if you use Panda CSS
![import { UtilityConfig } from '@pandacss/types';
export const utilities: UtilityConfig = {
targetSize: {
className: 'target-size',
values: ['AA', 'AAA', 'custom'],
transform(value) {
const size = {
AA: '24px',
AAA: '44px',
custom: '36px',
}[value];
return {
position: 'relative',
'&::before': {
content: '""',
display: 'block',
height: '100%',
left: '50%',
minHeight: size,
minWidth: size,
position: 'absolute',
transform: 'translate3d(-50%, -50%, 0)',
top: '50%',
width: '100%',
},
};
},
},
};](/pic/orig/media%2FGxo6x0_awAMevDh.jpg)
ALT import { UtilityConfig } from '@pandacss/types'; export const utilities: UtilityConfig = { targetSize: { className: 'target-size', values: ['AA', 'AAA', 'custom'], transform(value) { const size = { AA: '24px', AAA: '44px', custom: '36px', }[value]; return { position: 'relative', '&::before': { content: '""', display: 'block', height: '100%', left: '50%', minHeight: size, minWidth: size, position: 'absolute', transform: 'translate3d(-50%, -50%, 0)', top: '50%', width: '100%', }, }; }, }, };
2
16
1,537
Panda CSS retweeted
I'm using Panda for quite some time already for my landing pages .. great to see it now got its v1 release!
for me it's a great alternative to tailwind
🚀 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
1
5
589
Panda CSS retweeted
This is my styling engine of choice - I was a huge stitches fan back in the day, this picked up the mantle really nicely
🚀 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
1
4
448
Panda CSS retweeted
What a milestone, congrats @thesegunadebayo & team ✨
Thanks for your work and project 🫶
🚀 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
3
7
1,990
Panda CSS retweeted
Panda is so good, please make it popular too 🥹
🚀 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
625
🚀 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,871
Panda CSS retweeted
I'll continue using Panda CSS moving forward, thanks for the amazing library @panda__css @thesegunadebayo panda-css.com
1
2
7
798