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

Panda CSS retweeted
Previously, cx in @panda__css was just a string concatenator. It's gotten smarter now.
2
20
1,844
Panda CSS retweeted
You can now customize layers in @panda__css
4
13
1,386
🚀 Pushed the boundaries of what's possible with @panda__css! Watch the video below 👇 and try it yourself at park-ui.com!
3
15
73
5,374
Panda CSS retweeted
I've said it before, but these pre-built patterns from @panda__css make life so nice. I just saw the latest release included 2 new additions: Bleed And visually hidden. Great way to kick off the weekend.
2
6
984
Panda CSS retweeted
I made a VSCode extension that helps migrating from Tailwind to Panda CSS ! just select the part you want to convert, open the command palette and select `tw2panda: Rewrite to Panda CSS` 🧙
7
18
69
15,986
3
6
922
Just cooked the @panda__css date picker recipe 📅🐼 If only picking a real date for Saturday night was this easy... 😂 Go check it out: park-ui.com/docs/components/…
6
41
2,719
We just shipped Slot Recipes in @panda__css 🚀 Now you can define style variants for different component parts in one go! Here’s a quick demo using Preact and Panda
8
30
238
23,294
Panda CSS retweeted
@panda__css is a fantastic choice for styling with type safety and RSC support. I really love the generated patterns which cover a lot of the low level primitives out of the box.
1
5
679
Just found out about @panda__css ! Although I'm a backend developer but it looks interesting to try out💯
1
1
9
965
Panda CSS retweeted
Replying to @panda__css
@panda__css is so good! If you like how Chakra UI lets you customize colors on the fly with colorScheme, you can have the same ability with virtual color(panda-css.com/docs/guides/vi…).
1
2
649
🚀 Excited to announce the launch of Park UI! A versatile collection of beautifully designed components, built with @ark_ui_ and @panda__css . Copy, paste, and customize directly into your projects. Keep your code lean and clean! 👉 Check it out at park-ui.com
11
22
124
18,534
Panda CSS retweeted
You know a library api is really well designed when you can just guess at how it might work and typescript just takes over. That seems to be the case with @panda__css and the way they've implemented responsive rules. Both top level or nested breakpoints work as you'd expect.🎉
2
11
907
If you like CSS-in-js DX then @panda__css is a no-brainer !!
This is a great example of how to migrate from styled-components to Panda. Love the setup and workflows 👌🏼✨
1
3
817
When feature conversations lead to actionable steps, it makes shipping easier! 17 commits later, we're pretty close to landing slot recipes or multipart recipes in @panda__css 🚀 Here's the link to the PR 😀 github.com/chakra-ui/panda/p…
Just had a conversation with @thesegunadebayo about multipart recipes in @panda__css. Define styles for different parts of a component, customize with variants, & apply them easily! You've got full control of your styles, neatly organized. See the example below 👇
3
6
44
5,878
🚨 Excitement alarm 🚨 We just merged a PR where we migrated our company's project template from styled-components to @panda__css 🐼 Our new setup pulls design tokens from Figma and passes them to Panda CSS which generates a powerful styled system 🎨✨ github.com/TaitoUnited/full-…
4
5
28
5,987
Panda CSS retweeted
Give @panda__css a run on a new project. And I'm REALLY liking it. Not having to mess with raw, giant strings of tailwind and being able to use properties (object or jsx) for styling to leverage typescript just feels right.
1
1
3
739
Panda CSS retweeted
Replying to @panda__css
@panda__css the best DX i've ever experienced! even type-safe with customized design tokens. unfortunately `@layer` support chrome 99 and above. ehhhh
1
1
4
790