react-gallery-carousel
react-on-screen
Our great sponsors
| react-gallery-carousel | react-on-screen | |
|---|---|---|
| 20 | 1 | |
| 212 | 402 | |
| - | - | |
| 0.0 | 0.0 | |
| 4 months ago | over 1 year ago | |
| JavaScript | JavaScript | |
| 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-gallery-carousel
- 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.
react-on-screen
-
Is an HTML element in the viewport? with React hooks
React on screen
What are some alternatives?
bs5-lightbox - A pure JS lightbox gallery plugin for Bootstrap 5 based on the Modal and Carousel components
react-visibility-sensor - Sensor component for React that notifies you when it goes in or out of the window viewport.
downshift 🏎 - 🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
react-lazy-load-image-component - React Component to lazy load images and components using a HOC to track window scroll position.
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
cable-shared-worker - ActionCable and AnyCable Shared Worker support
unsliderjs - A very simple JS slider.
react-cool-inview - 😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).
Kursor - Cursor style with javascript and css
react-intersection-observer - React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
gogallery - Static Site generator but for images. Its like Hugo but for large photo galleries
react-in-viewport - Detect if React component is in viewport