niftycss
react-awesome-reveal
niftycss | react-awesome-reveal | |
---|---|---|
2 | 5 | |
18 | 1,055 | |
- | - | |
0.0 | 7.0 | |
almost 3 years ago | about 13 hours ago | |
TypeScript | 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.
niftycss
- Open-sourcing a CSS-in-JS, framework-agnostic library to create reusable designs
-
Writing a CSS-in-JS library to rapidly create reusable designs
That's it for this first article about NiftyCSS, thanks for reading it. Feel free to comment below your thoughts on these features, and to visit (maybe star if you enjoyed) the GitHub repo: https://github.com/QuiiBz/niftycss
react-awesome-reveal
- Top 7 Next.js Animation Libraries in 2023
-
Best Animation Libraries For Reactπ
React Awesome Reveal has more than 873 GitHub stars and 10,000 weekly NPM downloads.
-
React Animation Library
Hi! A new major version of React Awesome Reveal, an animation library for React apps for easily adding revealing effects, is now out π Give it a try!
-
Top 7 React Animation Libraries in 2022
React Awesome Reveal is a TypeScript package that provides reveal animations using the Intersection Observer API to detect when elements appear in the viewport. Its animations are provided by Emotion and implemented as CSS animations to benefit from hardware acceleration.
-
I made Starbucks ! ππ₯
Here is the GitHub repo if your interested https://github.com/dennismorello/react-awesome-reveal
What are some alternatives?
rosebox - CSS in Typescript [Moved to: https://github.com/rosebox/rosebox]
rx-effects - Reactive state and effect management with RxJS
rosebox - CSS in Typescript
react-intersection-observer - React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
typestyle - Making CSS Typesafe πΉ
styled-system-example - An introduction to styled-system.
frontend-bootcamp - Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux
motus - Animation library that mimics CSS keyframes when scrolling.
panda - πΌ Universal, Type-Safe, CSS-in-JS Framework for Product Teams β‘οΈ
react-cool-inview - π π₯οΈ React hook to monitor an element enters or leaves the viewport (or another element).
react-insta-stories - A React component for Instagram like stories
aesthetic - π¨ Aesthetic is an end-to-end multi-platform styling framework that offers a strict design system, robust atomic CSS-in-JS engine, a structural style sheet specification (SSS), a low-runtime solution, and much more!