panda
bau
panda | bau | |
---|---|---|
12 | 7 | |
4,726 | 56 | |
2.6% | - | |
9.9 | 9.7 | |
about 20 hours ago | 4 months ago | |
TypeScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
panda
- Show HN: Tailwind Nested VSCode Extension
- Panda CSS: build time and type-safe CSS-in-JS
-
Which is best for DX and efficiency, TailwindCSS, UnoCSS, PandaCSS, or the new MasterCSS
- PandaCSS: https://panda-css.com/
-
An Overview of 25+ UI Component Libraries in 2023
KumaUI : Another relatively new contender, Kuma uses zero runtime CSS-in-JS to create headless UI components which allows a lot of flexibility. It was heavily inspired by other zero runtime CSS-in-JS solutions such as PandaCSS, Vanilla Extract, and Linaria, as well as by Styled System, ChakraUI, and Native Base. ### Vue
-
Things I wish I knew before moving 50K lines of code to React Server Components
> CSS-in-JS is a non-starter
This used to be true, but there are new libraries like PandaCSS that bring CSS-in-build-time-JS, thus bringing Tailwind-like performance and React Server Components compatibility. https://panda-css.com/
- Tailwind CSS and the death of web craftsmanship
-
Trying to find some more UI component libraries. I am big fan of Chakra UI but want to try something new. Any suggestions?
Use https://panda-css.com/. It’s like ChakraUI but better and pretty similar so you don’t have to re-learn much. Definitely worth a try.
-
I've decided to go back to using the Pages Router for now (long post)
Check out Panda CSS. Created specifically to help style components without a css-in-js runtime. It was made by the creator of charka-ui. Been using it in one of my personal projects and I've really come to like it
-
Styled Components vs Tailwind vs Plain Ol' CSS
from the creators of chakra ui, https://panda-css.com joins both great DX and great performance. I’m loving it
- What's the best option these days for CSS in JS?
bau
-
I'm Done With React
Likewise, done with React. I wrote Bau, an alternative to React in less than 300 lines of code, as well as a css-in-js lib (bau-css), a router (bau-router), and a component library (bau-ui). Check it out at https://github.com/grucloud/bau
-
Recommend me a new framework
Check out my reactive ui library called bau, under 2kB, 25 times leaner than react. The philosophy is simple: easy to use and hard to misuse. There is no JSX, no Virtual Dom, no api that requires reading a long guide on how to not misuse it (useEffect can you hear me?). On top of it, there are libs to perform css in js, routers, multi-page app, components library, etc.. Available at https://github.com/grucloud/bau, feedback welcome.
-
Styled Components vs Tailwind vs Plain Ol' CSS
I built a css-in-js library under 33 lines of code: bau-css, 25 times smaller than styled-component, it is also much faster as no CSS parsing into an AST is performed. This is accomplished by using the css nested feature of modern browser.
-
What's the best option these days for CSS in JS?
Check it out at https://github.com/grucloud/bau/tree/main/bau-css
- Show HN: Bau-CSS: CSS in JavaScript in 33 lines
-
bau-css: CSS in JS in 33 lines of code
I'm stoked to announce the release of bau-css, a lean CSS in JS library that simplifies your styling needs. It's just 33 lines of code and offers an API compatible with styled-component emotion. Check it out here: https://github.com/grucloud/bau/tree/main/bau-css
-
UnsuckJS: Progressively enhance HTML with lightweight JavaScript libraries
Thanks, I've just added mine called bau, a reactive ui library under 300 lines of code, available at https://github.com/grucloud/bau
What are some alternatives?
vanilla-extract - Zero-runtime Stylesheets-in-TypeScript
shadcn/ui - Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
qiling - A True Instrumentable Binary Emulation Framework
unsuckjs.com - Progressively enhance HTML with lightweight JavaScript libraries.
linaria - Zero-runtime CSS in JS library
wasp - The fastest way to develop full-stack web apps with React & Node.js.
antd - An enterprise-class UI design language and React UI library
awesome-python-htmx - A curated list of things related to python-based web development using htmx
react-spectrum - A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
x-style - x-style (Extract Style) - A Tiny Inline Nested CSS Library