after some digging, i've decided to migrate my current Tailwind setup to @panda__css.
im still looking for better DX and to minimize maintenance overhead that fits my coding style.
That’s the plan at Zillow! We’re taking it one component at a time, starting with our design system. I respect styled-components and its history, but performance and business needs have led us to Panda CSS 🐼
At my workplace we built our own shadcn with @radix_ui and @panda__css and its the most sexiest thing ever with great dx....
I hope to share some sexy UI snippets soon.
I've just released two new lessons to the Panda Mastery course✨
✅ Recipe Analytics - learn how to analyze config recipe usage and optimize your design system ➡️ pandamastery.com/course/conf…
✅ Token Analytics - gain insights into your design tokens, spot hardcoded values, and improve consistency ➡️ pandamastery.com/course/desi…
If you're building with @panda__css you want to check these out!
Il ne m'a pas fallu longtemps pour être convaincu par @panda__css 🐼
Tous les avantages de tailwind (classes utilitaires optimisées, design tokens, reset, etc...)
Sans la manière d'écrire alien en one-line+shortcuts ?
J'en suis panda-css.com/
Join Sage and me tomorrow for a YT livestream as we build the @Sourcegraph landing page using Panda @panda__css 🐼
We'll break down styling, theming, and best practices for building modern interfaces.
⏰Time: 5pm GMT
📹Livestream link: youtube.com/live/Ro0jxe0pVdY…
ICYMI, we recently launched Panda Analytics @panda__css to give you insights on how tokens and config recipes are being used in your Panda CSS projects.
Here’s a quick demo of how it works 👇🏽
Working on some utilities / helpers for @panda__css ✨ will be a repository with useful shorthands, minimal syntax to support newest CSS features:
- @starting-style / transitioning display: block|none;
- Color generate plugin, for palettes, w/ helpers
- Shadow plugin, create smooth shadows w few params
- View Transition API support
- Anchor & positioning utilities
- and many more...
🆕 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.
🆕 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?