react-cool-inview
animate-css-grid
Our great sponsors
react-cool-inview | animate-css-grid | |
---|---|---|
1 | 2 | |
1,461 | 1,344 | |
- | - | |
3.9 | 0.0 | |
9 months ago | 6 days 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.
react-cool-inview
-
React Hooks for infinite scroll: An advanced tutorial
As the purpose of this article is infinite loading, we’re not going to go into the implementation details of the Intersection Observer API, and instead use an existing React Hook that provides that functionality for us, react-cool-inview.
animate-css-grid
-
Creating smoother CSS transitions with Animate CSS Grid
As of this writing, nearly all of the CSS grid properties are included in the Animatable CSS Properties. However, for this article, we will not animate the grid properties by writing CSS animation for our transitions. Instead, we’ll use the Animate CSS Grid open source package.
-
how can i achieve this style of responsivness?
False, you can do it with css animation, no need to bloat the website with big framework for such an easy task: https://github.com/aholachek/animate-css-grid
What are some alternatives?
react-cool-virtual - 😎 ♻️ A tiny React hook for rendering large datasets like a breeze.
svu - Svultimate Svelte(Kit) Svutilities
react-intersection-observer - React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
qwik-transition - Light-weight custom Qwik hook for adding smooth CSS transitions to your Qwik components.
react-awesome-reveal - React components to add reveal animations using the Intersection Observer API and CSS Animations.
pro-gallery - Blazing fast & beautiful galleries built for the web
svelte-inview - A Svelte action that monitors an element enters or leaves the viewport.🔥
axentix - The framework mixing fully customizable components and utility-first classes, leaving the design choice to the developer.
use-local-storage-state - React hook that persists data in localStorage
hamburger-react - Animated hamburger menu icons for React.js weighs only 1.5 KB.
useInfiniteLoading - An infinite loading hook example for React applications
stimulus-transition - Enter/Leave transition for stimulusJS, inspired by Vue/Alpine syntax