The modern styling framework without the runtime. Type-safe ⚡️ · Design Tokens 🎨 · Variants 🍭
- Tweets 600
- Following 4
- Followers 2,827
- Likes 554
This is useful when you want to split your CSS into multiple files, for example if you want to split by pages.
Use it like this:
ALT panda cssgen "src/**/pages/*.css" --minimal --outfile dist/pages.css
1
150
More info on new --minimal flag:
Thich means that the generated CSS will only contain the CSS related to the styles found in the included files.
Note that you can use a glob to override the config.include option like this:
ALT panda cssgen "src/**/*.css" --minimal
1
138
✔︎ Add closed condition &:is([closed], [data-closed], [data-state="closed"])
✔︎ Adds a new --minimal flag for the CLI on the panda cssgen command to skip generating CSS for theme tokens, preflight, keyframes, static and global css
1
2
141
Excited to announce Panda v0.16.0! 🎉
✔︎ Correct typings for Qwik JSX components
✔︎ Apply a few optmizations on the resulting CSS generated from panda cssgen command
📃 Full changelog: t.ly/VfPSO
2
3
35
2,581
Panda CSS retweeted
Today, there is MUCH better than Tailwind (hello @panda__css)
- No code in ugly strings
- Much better abstraction (recipes, patterns, JSX…)
- Typesafe design-system
- Reusable and extensible
1
10
678
Panda CSS retweeted
Yeah. I'm sold. It has to spend a bunch of time in the docs, but now it's paying off.
2
2
805
Thank you 😊💛
5
1,868
Panda CSS retweeted
Imagine a UI component library without a fixed tech stack. Fuse @reactjs , @solid_js , and @vuejs with styling frameworks like @tailwindcss or @panda__css The future is modular. Who's up for the challenge?
3
2
32
2,083
Panda CSS retweeted
PR done.
Nuxt Module for Panda CSS ( @panda__css ).
github.com/wattanx/nuxt-pand…
1
9
817
Panda CSS retweeted
if you could contribute to @panda__css (you can btw) for one day to fix something small, what would it be ? 👀📝
6
3
10
2,078
Panda CSS retweeted
We just published the public roadmap of @panda__css here panda-css.canny.io
Stay in the loop and help shape the future of the project! 🐼💛
4
11
103
10,635
shouldForwardProp allows you to customize which props are forwarded to the underlying element. By default, all props except recipe variants and style props are forwarded.
540
defaultProps allows you to skip writing wrapper components just to set a few props. It also allows you to locally override the default variants or base styles of a recipe.
1
1
590
Setting dataAttr to true will add a data-recipe="{recipeName}" attribute to the element with the recipe name. This is useful for testing and debugging.
1
187
Excited to announce Panda v0.15.4! 🎉
✔︎ Fixed preset merging, config wins over presets.
✔︎ Fixed static extraction of the Array Syntax when used with runtime conditions.
📃 Full changelog: t.ly/q3-cc
Happy coding 🚀
2
13
93
9,095
shouldForwardProp allows you to customize which props are forwarded to the underlying element. By default, all props
except recipe variants and style props are forwarded.
229
