styled
goober
styled | goober | |
---|---|---|
26 | 5 | |
57 | 3,033 | |
- | - | |
0.0 | 3.2 | |
over 1 year ago | 22 days ago | |
TypeScript | JavaScript | |
GNU General Public License v3.0 or later | 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
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-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
tss-react - ✨ Dynamic CSS-in-TS solution, based on Emotion
vue-emotion - Seamlessly use emotion (CSS-in-JS) with Vue.js
components - React components for Cloudscape Design System
react-upload-box - A minimal Upload component for React.
styled-system - ⬢ Style props for rapid UI development [Moved to: https://github.com/styled-system/styled-system]
SauceKudasai - Get Anime info by image or URL (uses trace.moe and Anilist for animeinfo)
netflix-clone - Netflix Clone built using React, Typescript and SCSS Modules.
Microbundle - 📦 Zero-configuration bundler for tiny modules.
react-awesome-reveal - React components to add reveal animations using the Intersection Observer API and CSS Animations.
tobii - An accessible, open-source lightbox with no dependencies