I‘ve created custom conditions to detect the OS with PandaCSS. Like this, I can easily show and hide elements depending on the OS, like for example the "Ctrl / CMD" or "Alt / Option" Keys. It’s super handy, I‘m just setting the data-os tag once, and from then it’s just CSS 🤩

Just styled the Ark UI @ark_ui_ Accordion component using both Vanilla CSS and Panda CSS. Here’s a quick preview from Storybook🔥. 📽️ Full blog post drops soon. In the meantime, catch up on the full design system blog series here 👉 #ArkUI #PandaCSS

今フルスクラッチでアプリ作ってって言われたら技術選定どうするかな。.Remix/CloudflarePages/Auth.js/PandaCSS or shadcn-ui/Supabase + Prisma Edge Client あたりが丸そうな気がする.

팀원 3명이서 1주일에 걸쳐서 class name 2475개를 unocss 문법에서 pandacss 문법으로 옮기는 대장정이 끝났다

Tailwind VS PandaCSS 😈.

En fait pandacss c'est la couche d'abstraction parfaite au dessus de tailwind. Avec tailwind je transpire à écrire à la main ce que panda génère pour moi: une abstraction DX-friendly, mindpeace-friendly. Perfection.

Join us for a LIVE event where we'll build a notification center using Novu's headless library and style it with PandaCSS 🐼. With @thesegunadebayo, the Founder of ChakraUI and @pearce_emil . Plus, there's a SWAG GIVEAWAY! 🎁. 📅 Date: October 5th, 2023 .🕒 Time: 3 PM UTC .🔗

Watch me convert an alert recipe made with @panda__css to an Alert component that uses style props 👇. #React #JSX #Pandacss #CSS

Love seeing some new @QwikDev migration success stories. 🤩. Check out their site:.. P.s. - they used PandaCSS as well 🤘🏽

For those who doesn't know yet! .The Headless Component library, Ark UI (@ark_ui_) works seamless with #vuejs and @nuxt_js ! 💚 . 📦 40+ headless components .🎨 Integrates with your favorite styling solution, CSS, PandaCSS, Tailwind, . 🚀 Ready to use in your next project!

hero section migrated to Astro ✅. honestly, it's refreshing to implement such functionality with Vanilla JS again. and PandaCSS is a pure blessing when it comes to styling . no real difference to how I style my components in my React Apps 👌

Components usually come in multiple variants, and that’s where recipes in @panda__css come in handy. In this video, I show how to create a recipe for the different card variants of the Material Design System using #PandaCSS. ✔ Outline.✔ Elevated.✔ Filled. Check out the code

my favorite prompt these days 😬. saves me so much time while refactoring to Astro + PandaCSS

🎉 PandaCSS v0.38.0 is here! 🐼🚀. Full Changelog:

Great evening at the @fronteersbe meetup once again. Talks about optimization of SVG and an intro to panda css with astro, a live code session with @Carwack and @ElianCodes #fronteers #astrojs #pandacss

Panda CSSのレシピと抽象化層で、HTMLへ直接スタイル適用する設計らしい。DOMが整理され、デザインシステム構築が楽になるかも。. yug1224 starred Dendai-man/PandaCSS-React.

CursorのComposer(claude-3.7-sonnet)に「SolidJS+TypeScript+Vite+PandaCSSでこんな感じのやつつくって～」って言ってみたら5往復くらいでここまで作ってくれたから結構やるじゃんってなった

🚀 Introducing PandaCSS v0.37.0! 🐼🎉. Full changelog:

DiniiさんのアンケートにPandaCSSを追加リクエストをしたのはわたしです。.(PandaCSSめっちゃいいよ.#tskaigi #tskaigi_toggle