🌟 Added
🧰 Introducing utils functions in the config:resolved hook for easy transformations.
📜 New --logfile flag in panda, panda codegen, panda cssgen, and panda debug commands.
🐞🛠️ logfile option in the PostCSS plugin for streamlined debugging.
Made a video on how to style @ark_ui_ Tabs component using Slot Recipes in @panda__css.
Give it a watch 👇🏻
youtube.com/watch?v=zjo-77I0…
🐼 Panda = atomic style primitives
🚀 Ark UI = headless accessible primitives
I didn't expect my article to be featured in This Week In React 😅
I used @panda__css for the first time a few weeks ago, and it was enough for me to fall in love and write my thoughts.
It's probably the power of the tools that will make the future.
My first impressions of Panda CSS - @BDevessier
Author likes Tailwind but now prefers Panda for multiple reasons:
- type-safety
- group styles, more readable
- out-of-the-box support for tailwind-merge / cva
Related note: @panda__css v0.29 is out
It's been an absolute joy to work with. I've started aimd.app with styled-components and migrated to panda. Took a bit of learning, but everything now is so tidy. I cannot express the level OCD satisfaction having everything strictly typed too.
I used @panda__css for the first time to build XState by Example and found it remarkable.
Coming from Tailwind CSS, I dedicated the last issue of my newsletter to showcasing the most impactful differences between Tailwind and Panda.
You can read it here: newsletter.baptiste.devessie…
Upgrade your projects to Panda CSS v0.29.1 today and enjoy a more robust and feature-packed styling experience! 🚀
Feel free to share your thoughts, feedback, or any cool use-cases with Panda CSS. Happy coding! 🐼✨
📦 Container Queries Theme
Enhanced support for CSS container queries with new containerNames and containerSizes theme options.
📏 Container Query Pattern
To make using container queries a breeze, we've added a new cq pattern to @pandacss/preset-base.
🌈 Color Opacifier
Revamped utilities connected to colors tokens in the @pandacss/preset-base!
🎨 Media Query Curly Braces Tokens
Introduced support for token references with curly braces in media queries. Now you can leverage {path.to.token} in media queries.
🚀 New Additions
✨ Config Validation
We've added a powerful config validation feature to catch potential issues early on.
🎨 Default Values in Patterns
Now, you can set and override defaultValues in pattern configurations.
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
Weekend project, NEW PORTFOLIO!
I have built myself a new portfolio website using @astrodotbuild and @panda__css. Went for a super minimalistic, only grayscale coloured website this time.
Check it out! elsakaan.dev/
A lot more still to be done, but it's a quick W.