react-on-screen
Check if a react component in the viewport (by fkhadra)
react-gallery-carousel
Carousel component 🎠🎠🎠supporting touch, mouse, keyboard, thumbnails, fullscreen, lazy loading, SSR and customisations. 👉 Live editor: https://yifanai.com/rgcd1 👉 Example: https://koalaliving.com.au/Arya-Sand-Beige-Vegan-Leather-Dining-Chair (by yifaneye)
react-on-screen | react-gallery-carousel | |
---|---|---|
1 | 20 | |
406 | 215 | |
0.2% | 0.0% | |
0.0 | 0.0 | |
over 2 years ago | over 1 year ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.
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-on-screen
Posts with mentions or reviews of react-on-screen.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2021-02-17.
-
Is an HTML element in the viewport? with React hooks
React on screen
react-gallery-carousel
Posts with mentions or reviews of react-gallery-carousel.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-01-28.
- React Carousel Component "with Batteries Included"
-
My Carousel component 🎠solves 20 common issues in other Carousels
Demo: https://yifanai.com/rgc
-
My Mobile-friendly, Detail-oriented Carousel 🎠Component
GitHub: https://github.com/yifaneye/react-gallery-carousel 👈 Demo: https://yifaneye.github.io/react-gallery-carousel/ (or https://yifanai.com/rgc) npm: https://www.npmjs.com/package/react-gallery-carousel
- After using so many carousels, I wrote a mobile-friendly carousel 🎠with batteries included, that supports touch, mouse dragging, lazy loading, thumbnails, fullscreen, RTL, keyboard navigation and customisations
- Mobile-friendly Carousel 🎠with support for touch, mouse dragging, lazy loading, thumbnails, fullscreen, RTL, keyboard navigation and customisations
-
Mobile-friendly Carousel 🎠with support for touch, mouse dragging, lazy loading, thumbnails, fullscreen, RTL, keyboard navigation and customisations.
The live demo is at https://yifanai.com/rgc.
- To learn functional components and custom hooks, I wrote a mobile-friendly Carousel component with support for touch, mouse dragging, lazy loading, thumbnails, keyboard navigation and RTL.
-
To master JS events and DOM manipulation, I wrote a mobile-friendly detail-oriented Carousel component with support for touch, mouse dragging, lazy loading, thumbnails and RTL using React.
I tried many steps to make my carousel effective and accessible. Would you like to give me some advices? The live demo is at https://yifanai.com/rgc.
What are some alternatives?
When comparing react-on-screen and react-gallery-carousel you can also consider the following projects:
react-in-viewport - Detect if React component is in viewport
bs5-lightbox - A pure JS lightbox gallery plugin for Bootstrap 5 based on the Modal and Carousel components
react-lazy-load-image-component - React Component to lazy load images and components using a HOC to track window scroll position.
Kursor - Cursor style with javascript and css
cable-shared-worker - ActionCable and AnyCable Shared Worker support
react-dynamic-sheet - A react component for an animated mobile-first dynamic action sheet (modal/sheet)