panda__css's profile picture. The Modern CSS-in-TS framework without the runtime. Create modern websites with ease.

Type-safe  ⚡️  ·  Design Tokens 🎨   ·   Variants 🍭

Panda CSS

@panda__css

The Modern CSS-in-TS framework without the runtime. Create modern websites with ease. Type-safe ⚡️ · Design Tokens 🎨 · Variants 🍭

Panda CSS أعاد

Definitely @ark_ui_ / @zag_js + @panda__css are my go-to libs for future projects, an unbeatable combo so far!


Panda CSS أعاد

prose styling with @panda__css

enjidev's tweet image. prose styling with @panda__css

Panda CSS أعاد

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.


Panda CSS أعاد

definitely @panda__css and the wider Chakra UI/Ark community!


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/…

panda__css's tweet image. 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/…

Panda CSS أعاد

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


Panda CSS أعاد

Haven't started the work yet, but for whatever my next project is, I want to try @panda__css out


Panda CSS أعاد

Building something magical with Panda css

developedbyola's tweet image. Building something magical with Panda css
developedbyola's tweet image. Building something magical with Panda css
developedbyola's tweet image. Building something magical with Panda css

🐼💨 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/pand…

panda__css's tweet image. 🐼💨 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/pand…

Panda CSS أعاد

With @panda__css recipe, it’s way easier. No JS runtime, just pure CSS.

enjidev's tweet image. With @panda__css recipe, it’s way easier. No JS runtime, just pure CSS.

Panda CSS أعاد

thanks! its also very convenient styling these component variants with @panda__css 🐼


Panda CSS أعاد

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 🙌


Docs for the new style context feature are out! panda-css.com/docs/concepts/… Slot recipes -> compound components 🪄

panda__css's tweet image. 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/pand… #PandaCSS #CSS #WebDev #DesignSystems

panda__css's tweet image. 🚀 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/pand…

#PandaCSS #CSS #WebDev #DesignSystems


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

enjidev's tweet image. if you use Panda CSS


Panda CSS أعاد

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/pand… #PandaCSS #CSS #WebDev #DesignSystems

panda__css's tweet image. 🚀 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/pand…

#PandaCSS #CSS #WebDev #DesignSystems


Panda CSS أعاد

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/pand… #PandaCSS #CSS #WebDev #DesignSystems

panda__css's tweet image. 🚀 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/pand…

#PandaCSS #CSS #WebDev #DesignSystems


Panda CSS أعاد

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/pand… #PandaCSS #CSS #WebDev #DesignSystems

panda__css's tweet image. 🚀 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/pand…

#PandaCSS #CSS #WebDev #DesignSystems


Panda CSS أعاد

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/pand… #PandaCSS #CSS #WebDev #DesignSystems

panda__css's tweet image. 🚀 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/pand…

#PandaCSS #CSS #WebDev #DesignSystems


🚀 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/pand… #PandaCSS #CSS #WebDev #DesignSystems

panda__css's tweet image. 🚀 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/pand…

#PandaCSS #CSS #WebDev #DesignSystems

Panda CSS أعاد

I'll continue using Panda CSS moving forward, thanks for the amazing library @panda__css @thesegunadebayo panda-css.com


Loading...

Something went wrong.


Something went wrong.