react-gallery-carousel

Mobile-friendly Carousel with batteries included (supporting touch, mouse emulation, lazy loading, thumbnails, fullscreen, RTL, keyboard navigation and customisations).

Example 1: Customized carousel with user-managed slides code

This example has custom elements in slides (user-managed slides) using the children prop; and custom widget positions.

  • Introduction

    react-gallery-carousel is a mobile-friendly dependency-free React carousel component with support for touch, mouse dragging, lazy loading, thumbnails, modal, keyboard navigation, RTL and pinch to zoom.

    Demo / GitHub / npm / Documentation
  • Get Started

    npm install react-gallery-carousel --save
    or
    yarn add react-gallery-carousel
  • Usage

    The default carousel shown below as example 2 is created by:

    <Carousel images={images} />
1 / 3

Example 2: Default carousel with images code

A default carousel example has lazy loading and preloading (the 2 adjacent images on either side of the current image); touch swiping and mouse dragging on the carousel; touch swiping, mouse dragging and wheel scrolling on the thumbnails; touch swipe down to exit the maximized carousel; and keyboard navigation.

  • Dog No. 1. Dogs are domesticated mammals, not natural wild animals.Dog No. 1. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 2. Dogs are domesticated mammals, not natural wild animals.Dog No. 2. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 3. Dogs are domesticated mammals, not natural wild animals.Dog No. 3. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 4. Dogs are domesticated mammals, not natural wild animals.Dog No. 4. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 5. Dogs are domesticated mammals, not natural wild animals.Dog No. 5. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 6. Dogs are domesticated mammals, not natural wild animals.Dog No. 6. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 7. Dogs are domesticated mammals, not natural wild animals.Dog No. 7. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 8. Dogs are domesticated mammals, not natural wild animals.Dog No. 8. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 9. Dogs are domesticated mammals, not natural wild animals.Dog No. 9. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 10. Dogs are domesticated mammals, not natural wild animals.Dog No. 10. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 11. Dogs are domesticated mammals, not natural wild animals.Dog No. 11. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 12. Dogs are domesticated mammals, not natural wild animals.Dog No. 12. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 13. Dogs are domesticated mammals, not natural wild animals.Dog No. 13. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 14. Dogs are domesticated mammals, not natural wild animals.Dog No. 14. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 15. Dogs are domesticated mammals, not natural wild animals.Dog No. 15. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 16. Dogs are domesticated mammals, not natural wild animals.Dog No. 16. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 17. Dogs are domesticated mammals, not natural wild animals.Dog No. 17. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 18. Dogs are domesticated mammals, not natural wild animals.Dog No. 18. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 19. Dogs are domesticated mammals, not natural wild animals.Dog No. 19. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 20. Dogs are domesticated mammals, not natural wild animals.Dog No. 20. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 21. Dogs are domesticated mammals, not natural wild animals.Dog No. 21. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 22. Dogs are domesticated mammals, not natural wild animals.Dog No. 22. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 23. Dogs are domesticated mammals, not natural wild animals.Dog No. 23. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 24. Dogs are domesticated mammals, not natural wild animals.Dog No. 24. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 25. Dogs are domesticated mammals, not natural wild animals.Dog No. 25. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 26. Dogs are domesticated mammals, not natural wild animals.Dog No. 26. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 27. Dogs are domesticated mammals, not natural wild animals.Dog No. 27. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 28. Dogs are domesticated mammals, not natural wild animals.Dog No. 28. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 29. Dogs are domesticated mammals, not natural wild animals.Dog No. 29. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 30. Dogs are domesticated mammals, not natural wild animals.Dog No. 30. Dogs are domesticated mammals, not natural wild animals.
1 / 30
  • Dog No. 1. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 2. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 3. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 4. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 5. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 6. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 7. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 8. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 9. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 10. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 11. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 12. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 13. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 14. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 15. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 16. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 17. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 18. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 19. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 20. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 21. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 22. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 23. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 24. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 25. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 26. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 27. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 28. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 29. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 30. Dogs are domesticated mammals, not natural wild animals.

Example 3: Default carousel with images and with right-to-left (RTL) code

A default carousel example has lazy loading and preloading; touch swiping and mouse dragging on the carousel; touch swiping, mouse dragging and wheel scrolling on the thumbnails; touch swipe down to exit the maximized carousel; and keyboard navigation.

  • Dog No. 1. Dogs are domesticated mammals, not natural wild animals.Dog No. 1. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 2. Dogs are domesticated mammals, not natural wild animals.Dog No. 2. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 3. Dogs are domesticated mammals, not natural wild animals.Dog No. 3. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 4. Dogs are domesticated mammals, not natural wild animals.Dog No. 4. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 5. Dogs are domesticated mammals, not natural wild animals.Dog No. 5. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 6. Dogs are domesticated mammals, not natural wild animals.Dog No. 6. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 7. Dogs are domesticated mammals, not natural wild animals.Dog No. 7. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 8. Dogs are domesticated mammals, not natural wild animals.Dog No. 8. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 9. Dogs are domesticated mammals, not natural wild animals.Dog No. 9. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 10. Dogs are domesticated mammals, not natural wild animals.Dog No. 10. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 11. Dogs are domesticated mammals, not natural wild animals.Dog No. 11. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 12. Dogs are domesticated mammals, not natural wild animals.Dog No. 12. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 13. Dogs are domesticated mammals, not natural wild animals.Dog No. 13. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 14. Dogs are domesticated mammals, not natural wild animals.Dog No. 14. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 15. Dogs are domesticated mammals, not natural wild animals.Dog No. 15. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 16. Dogs are domesticated mammals, not natural wild animals.Dog No. 16. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 17. Dogs are domesticated mammals, not natural wild animals.Dog No. 17. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 18. Dogs are domesticated mammals, not natural wild animals.Dog No. 18. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 19. Dogs are domesticated mammals, not natural wild animals.Dog No. 19. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 20. Dogs are domesticated mammals, not natural wild animals.Dog No. 20. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 21. Dogs are domesticated mammals, not natural wild animals.Dog No. 21. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 22. Dogs are domesticated mammals, not natural wild animals.Dog No. 22. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 23. Dogs are domesticated mammals, not natural wild animals.Dog No. 23. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 24. Dogs are domesticated mammals, not natural wild animals.Dog No. 24. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 25. Dogs are domesticated mammals, not natural wild animals.Dog No. 25. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 26. Dogs are domesticated mammals, not natural wild animals.Dog No. 26. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 27. Dogs are domesticated mammals, not natural wild animals.Dog No. 27. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 28. Dogs are domesticated mammals, not natural wild animals.Dog No. 28. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 29. Dogs are domesticated mammals, not natural wild animals.Dog No. 29. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 30. Dogs are domesticated mammals, not natural wild animals.Dog No. 30. Dogs are domesticated mammals, not natural wild animals.
1 / 30
  • Dog No. 1. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 2. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 3. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 4. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 5. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 6. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 7. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 8. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 9. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 10. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 11. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 12. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 13. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 14. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 15. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 16. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 17. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 18. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 19. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 20. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 21. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 22. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 23. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 24. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 25. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 26. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 27. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 28. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 29. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 30. Dogs are domesticated mammals, not natural wild animals.

Example 4: Customized carousel with dynamic images (available from v0.1.1) code

This example has images dynamically set in the useEffect() hook. This customized example additionally has click to enter and exit the maximized carousel; custom initial index; custom widget positions; custom thumbnails, custom dot buttons and captions for the maximized carousel; custom active and passive dot buttons; and custom styles for the non-maximized carousel.

  • Dog No. 1. Dogs are domesticated mammals, not natural wild animals.Dog No. 1. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 2. Dogs are domesticated mammals, not natural wild animals.Dog No. 2. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 3. Dogs are domesticated mammals, not natural wild animals.Dog No. 3. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 4. Dogs are domesticated mammals, not natural wild animals.Dog No. 4. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 5. Dogs are domesticated mammals, not natural wild animals.Dog No. 5. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 6. Dogs are domesticated mammals, not natural wild animals.Dog No. 6. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 7. Dogs are domesticated mammals, not natural wild animals.Dog No. 7. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 8. Dogs are domesticated mammals, not natural wild animals.Dog No. 8. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 9. Dogs are domesticated mammals, not natural wild animals.Dog No. 9. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 10. Dogs are domesticated mammals, not natural wild animals.Dog No. 10. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 11. Dogs are domesticated mammals, not natural wild animals.Dog No. 11. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 12. Dogs are domesticated mammals, not natural wild animals.Dog No. 12. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 13. Dogs are domesticated mammals, not natural wild animals.Dog No. 13. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 14. Dogs are domesticated mammals, not natural wild animals.Dog No. 14. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 15. Dogs are domesticated mammals, not natural wild animals.Dog No. 15. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 16. Dogs are domesticated mammals, not natural wild animals.Dog No. 16. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 17. Dogs are domesticated mammals, not natural wild animals.Dog No. 17. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 18. Dogs are domesticated mammals, not natural wild animals.Dog No. 18. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 19. Dogs are domesticated mammals, not natural wild animals.Dog No. 19. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 20. Dogs are domesticated mammals, not natural wild animals.Dog No. 20. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 21. Dogs are domesticated mammals, not natural wild animals.Dog No. 21. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 22. Dogs are domesticated mammals, not natural wild animals.Dog No. 22. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 23. Dogs are domesticated mammals, not natural wild animals.Dog No. 23. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 24. Dogs are domesticated mammals, not natural wild animals.Dog No. 24. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 25. Dogs are domesticated mammals, not natural wild animals.Dog No. 25. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 26. Dogs are domesticated mammals, not natural wild animals.Dog No. 26. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 27. Dogs are domesticated mammals, not natural wild animals.Dog No. 27. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 28. Dogs are domesticated mammals, not natural wild animals.Dog No. 28. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 29. Dogs are domesticated mammals, not natural wild animals.Dog No. 29. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 30. Dogs are domesticated mammals, not natural wild animals.Dog No. 30. Dogs are domesticated mammals, not natural wild animals.

Example 5: Default carousel with imperative handlers (available from v0.2.0) code

To customize the carousel in a declarative manner, pass the props (e.g. isAutoPlaying, isMaximized, index). To customize the carousel in an imperative manner, use the following handlers (on the ref):

  • Dog No. 1. Dogs are domesticated mammals, not natural wild animals.Dog No. 1. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 2. Dogs are domesticated mammals, not natural wild animals.Dog No. 2. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 3. Dogs are domesticated mammals, not natural wild animals.Dog No. 3. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 4. Dogs are domesticated mammals, not natural wild animals.Dog No. 4. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 5. Dogs are domesticated mammals, not natural wild animals.Dog No. 5. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 6. Dogs are domesticated mammals, not natural wild animals.Dog No. 6. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 7. Dogs are domesticated mammals, not natural wild animals.Dog No. 7. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 8. Dogs are domesticated mammals, not natural wild animals.Dog No. 8. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 9. Dogs are domesticated mammals, not natural wild animals.Dog No. 9. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 10. Dogs are domesticated mammals, not natural wild animals.Dog No. 10. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 11. Dogs are domesticated mammals, not natural wild animals.Dog No. 11. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 12. Dogs are domesticated mammals, not natural wild animals.Dog No. 12. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 13. Dogs are domesticated mammals, not natural wild animals.Dog No. 13. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 14. Dogs are domesticated mammals, not natural wild animals.Dog No. 14. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 15. Dogs are domesticated mammals, not natural wild animals.Dog No. 15. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 16. Dogs are domesticated mammals, not natural wild animals.Dog No. 16. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 17. Dogs are domesticated mammals, not natural wild animals.Dog No. 17. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 18. Dogs are domesticated mammals, not natural wild animals.Dog No. 18. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 19. Dogs are domesticated mammals, not natural wild animals.Dog No. 19. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 20. Dogs are domesticated mammals, not natural wild animals.Dog No. 20. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 21. Dogs are domesticated mammals, not natural wild animals.Dog No. 21. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 22. Dogs are domesticated mammals, not natural wild animals.Dog No. 22. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 23. Dogs are domesticated mammals, not natural wild animals.Dog No. 23. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 24. Dogs are domesticated mammals, not natural wild animals.Dog No. 24. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 25. Dogs are domesticated mammals, not natural wild animals.Dog No. 25. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 26. Dogs are domesticated mammals, not natural wild animals.Dog No. 26. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 27. Dogs are domesticated mammals, not natural wild animals.Dog No. 27. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 28. Dogs are domesticated mammals, not natural wild animals.Dog No. 28. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 29. Dogs are domesticated mammals, not natural wild animals.Dog No. 29. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 30. Dogs are domesticated mammals, not natural wild animals.Dog No. 30. Dogs are domesticated mammals, not natural wild animals.
1 / 30
  • Dog No. 1. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 2. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 3. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 4. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 5. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 6. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 7. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 8. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 9. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 10. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 11. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 12. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 13. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 14. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 15. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 16. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 17. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 18. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 19. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 20. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 21. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 22. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 23. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 24. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 25. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 26. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 27. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 28. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 29. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 30. Dogs are domesticated mammals, not natural wild animals.

Example 6: Carousel with custom children and custom thumbnails code

  • Dog No. 1. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 2. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 3. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 4. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 5. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 6. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 7. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 8. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 9. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 10. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 11. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 12. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 13. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 14. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 15. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 16. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 17. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 18. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 19. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 20. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 21. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 22. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 23. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 24. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 25. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 26. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 27. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 28. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 29. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 30. Dogs are domesticated mammals, not natural wild animals.
1 / 30
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30

Example 7: Default carousel with custom icons code

To customize the icons, pass custom icon component to props (e.g. leftIcon, rightIcon).

  • Dog No. 1. Dogs are domesticated mammals, not natural wild animals.Dog No. 1. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 2. Dogs are domesticated mammals, not natural wild animals.Dog No. 2. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 3. Dogs are domesticated mammals, not natural wild animals.Dog No. 3. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 4. Dogs are domesticated mammals, not natural wild animals.Dog No. 4. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 5. Dogs are domesticated mammals, not natural wild animals.Dog No. 5. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 6. Dogs are domesticated mammals, not natural wild animals.Dog No. 6. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 7. Dogs are domesticated mammals, not natural wild animals.Dog No. 7. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 8. Dogs are domesticated mammals, not natural wild animals.Dog No. 8. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 9. Dogs are domesticated mammals, not natural wild animals.Dog No. 9. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 10. Dogs are domesticated mammals, not natural wild animals.Dog No. 10. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 11. Dogs are domesticated mammals, not natural wild animals.Dog No. 11. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 12. Dogs are domesticated mammals, not natural wild animals.Dog No. 12. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 13. Dogs are domesticated mammals, not natural wild animals.Dog No. 13. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 14. Dogs are domesticated mammals, not natural wild animals.Dog No. 14. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 15. Dogs are domesticated mammals, not natural wild animals.Dog No. 15. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 16. Dogs are domesticated mammals, not natural wild animals.Dog No. 16. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 17. Dogs are domesticated mammals, not natural wild animals.Dog No. 17. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 18. Dogs are domesticated mammals, not natural wild animals.Dog No. 18. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 19. Dogs are domesticated mammals, not natural wild animals.Dog No. 19. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 20. Dogs are domesticated mammals, not natural wild animals.Dog No. 20. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 21. Dogs are domesticated mammals, not natural wild animals.Dog No. 21. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 22. Dogs are domesticated mammals, not natural wild animals.Dog No. 22. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 23. Dogs are domesticated mammals, not natural wild animals.Dog No. 23. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 24. Dogs are domesticated mammals, not natural wild animals.Dog No. 24. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 25. Dogs are domesticated mammals, not natural wild animals.Dog No. 25. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 26. Dogs are domesticated mammals, not natural wild animals.Dog No. 26. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 27. Dogs are domesticated mammals, not natural wild animals.Dog No. 27. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 28. Dogs are domesticated mammals, not natural wild animals.Dog No. 28. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 29. Dogs are domesticated mammals, not natural wild animals.Dog No. 29. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 30. Dogs are domesticated mammals, not natural wild animals.Dog No. 30. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 1. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 2. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 3. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 4. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 5. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 6. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 7. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 8. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 9. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 10. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 11. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 12. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 13. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 14. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 15. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 16. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 17. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 18. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 19. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 20. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 21. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 22. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 23. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 24. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 25. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 26. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 27. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 28. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 29. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 30. Dogs are domesticated mammals, not natural wild animals.

Example 8: Default carousel with custom elements (available from v0.4.0) code

To use custom elements, set the widget props (e.g. hasLeftButton, hasRightButton) to false, then pass the custom elements to the elements prop.

  • Dog No. 1. Dogs are domesticated mammals, not natural wild animals.Dog No. 1. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 2. Dogs are domesticated mammals, not natural wild animals.Dog No. 2. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 3. Dogs are domesticated mammals, not natural wild animals.Dog No. 3. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 4. Dogs are domesticated mammals, not natural wild animals.Dog No. 4. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 5. Dogs are domesticated mammals, not natural wild animals.Dog No. 5. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 6. Dogs are domesticated mammals, not natural wild animals.Dog No. 6. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 7. Dogs are domesticated mammals, not natural wild animals.Dog No. 7. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 8. Dogs are domesticated mammals, not natural wild animals.Dog No. 8. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 9. Dogs are domesticated mammals, not natural wild animals.Dog No. 9. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 10. Dogs are domesticated mammals, not natural wild animals.Dog No. 10. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 11. Dogs are domesticated mammals, not natural wild animals.Dog No. 11. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 12. Dogs are domesticated mammals, not natural wild animals.Dog No. 12. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 13. Dogs are domesticated mammals, not natural wild animals.Dog No. 13. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 14. Dogs are domesticated mammals, not natural wild animals.Dog No. 14. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 15. Dogs are domesticated mammals, not natural wild animals.Dog No. 15. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 16. Dogs are domesticated mammals, not natural wild animals.Dog No. 16. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 17. Dogs are domesticated mammals, not natural wild animals.Dog No. 17. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 18. Dogs are domesticated mammals, not natural wild animals.Dog No. 18. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 19. Dogs are domesticated mammals, not natural wild animals.Dog No. 19. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 20. Dogs are domesticated mammals, not natural wild animals.Dog No. 20. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 21. Dogs are domesticated mammals, not natural wild animals.Dog No. 21. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 22. Dogs are domesticated mammals, not natural wild animals.Dog No. 22. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 23. Dogs are domesticated mammals, not natural wild animals.Dog No. 23. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 24. Dogs are domesticated mammals, not natural wild animals.Dog No. 24. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 25. Dogs are domesticated mammals, not natural wild animals.Dog No. 25. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 26. Dogs are domesticated mammals, not natural wild animals.Dog No. 26. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 27. Dogs are domesticated mammals, not natural wild animals.Dog No. 27. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 28. Dogs are domesticated mammals, not natural wild animals.Dog No. 28. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 29. Dogs are domesticated mammals, not natural wild animals.Dog No. 29. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 30. Dogs are domesticated mammals, not natural wild animals.Dog No. 30. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 1. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 2. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 3. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 4. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 5. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 6. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 7. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 8. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 9. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 10. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 11. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 12. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 13. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 14. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 15. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 16. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 17. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 18. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 19. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 20. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 21. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 22. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 23. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 24. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 25. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 26. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 27. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 28. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 29. Dogs are domesticated mammals, not natural wild animals.
  • Dog No. 30. Dogs are domesticated mammals, not natural wild animals.
react-gallery-carousel (v0.4.0)

Mobile-friendly Carousel with batteries included (supporting touch, mouse emulation, lazy loading, thumbnails, fullscreen, RTL, keyboard navigation and customisations).

Demo / GitHub / npm / Documentation
(The first version was published on 31st March 2021.)