goober
css-in-js-media
goober | css-in-js-media | |
---|---|---|
5 | 3 | |
3,033 | 139 | |
- | - | |
3.2 | 0.0 | |
22 days ago | about 1 year ago | |
JavaScript | TypeScript | |
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.
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
css-in-js-media
What are some alternatives?
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
react-native-whirlwind - Whirlwind is a utility-first styling framework specifically designed for React Native. It is heavily inspired by Tachyons and Tailwind CSS and uses low-level building blocks for rapidly building custom designs.
vue-emotion - Seamlessly use emotion (CSS-in-JS) with Vue.js
next-dark-mode - 🌑 Enable dark mode for Next.js apps
react-upload-box - A minimal Upload component for React.
SauceKudasai - Get Anime info by image or URL (uses trace.moe and Anilist for animeinfo)
Microbundle - 📦 Zero-configuration bundler for tiny modules.
tobii - An accessible, open-source lightbox with no dependencies
create-html-boilerplate - Generate a vanilla HTML/CSS boilerplate in a flash! ⚡
omgopass - *️⃣ A tiny memorable password generator for Node.js and browsers
animon - Animate DOM elements when the appear in the viewport
react-colorful - 🎨 A tiny (2,8 KB) color picker component for React and Preact apps