Recently, I completed react-gallery-carousel, a "dependency-free" React carousel component with support for touch, mouse dragging, lazy loading, pinch to zoom, thumbnails, modal and keyboard navigation.
Demo: https://yifaneye.github.io/react-gallery-carousel/ (or https://yifanai.com/rgc) π
GitHub: https://github.com/yifaneye/react-gallery-carousel
react-gallery-carousel component not only supports:
- Lazy loading
- Thumbnails
- Maximization (fullscreen)
- Finger swiping and pinch zooming
- Mouse dragging
- Keyboard navigation
- Accessibility
- Instantaneous speed detection; but also supports customization with props. π
I handcrafted icons, wrote many useful custom hooks and wrote many exquisite functional components to complete this piece of work. π¨π»βπ»
Everyone is welcome to ask questions, find issues, make pull requests, make suggestions and give stars on GitHub! π
Demo: https://yifaneye.github.io/react-gallery-carousel/ (or https://yifanai.com/rgc) π
GitHub: https://github.com/yifaneye/react-gallery-carousel
npm: https://www.npmjs.com/package/react-gallery-carousel
Top comments (0)