goober
animon
goober | animon | |
---|---|---|
5 | 1 | |
3,033 | 32 | |
- | - | |
3.2 | 0.0 | |
22 days ago | over 1 year ago | |
JavaScript | JavaScript | |
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
animon
-
Easily animate DOM elements entering the viewport
Package's repository
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 💅
scrollreveal - Animate elements as they scroll into view. [Moved to: https://github.com/jlmakes/scrollreveal]
vue-emotion - Seamlessly use emotion (CSS-in-JS) with Vue.js
laxxx - Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll.
react-upload-box - A minimal Upload component for React.
motus - Animation library that mimics CSS keyframes when scrolling.
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
css-in-js-media - :art: Deal with responsive design simply when use CSS-in-JS (styled-components,emotion.js)