styled-ppx
goober
styled-ppx | goober | |
---|---|---|
- | 5 | |
393 | 3,033 | |
- | - | |
9.3 | 3.2 | |
3 days ago | 24 days ago | |
Reason | JavaScript | |
BSD 2-clause "Simplified" 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.
styled-ppx
We haven't tracked posts mentioning styled-ppx yet.
Tracking mentions began in Dec 2020.
goober
-
A new paradigm
Then, there's goober, a minimalistic framework-agnostic css-in-js component library. You'll probably find more examples of modern yet frugal tools and libraries.
-
Zero runtime CSS-in-JS : Is this where great DX meets top-notch Web Performance? (sharing our experience)
Consider adding Goober too to the mix.
- Show HN: Goober.rocks
-
The tiniest CSS-in-JS solution for your open-source React components
The entirety of react-colorful costs about 2 KB, but installing emotion would make the size of the package almost 7 times bigger. Of course, there are tiny CSS-in-JS libraries like goober that cost about 1KB, but we didn't feel like we need the entire library since our styles are not dynamic.
-
Hey sub! I finally completed my upload component that I posted quite a while ago. (Link to the prev post in comments). Published it on NPM under react-upload-box. Check comments for complete description. Feedbacks are welcome.
Could also swap out that huge styled-components dep for something like goober
What are some alternatives?
styled-system - ⬢ Style props for rapid UI development
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
bs-mocha
vue-emotion - Seamlessly use emotion (CSS-in-JS) with Vue.js
emotion - 👩🎤 CSS-in-JS library designed for high performance style composition
react-upload-box - A minimal Upload component for React.
fullstack-reason - A demo project that shows a fullstack ReasonML/OCaml app–native binary + webapp
SauceKudasai - Get Anime info by image or URL (uses trace.moe and Anilist for animeinfo)
reason-react - Reason bindings for ReactJS
Microbundle - 📦 Zero-configuration bundler for tiny modules.
tylr - a tiny tile-based editor
tobii - An accessible, open-source lightbox with no dependencies