{"repo":"xiaolin/react-image-gallery","free":true,"listed":false,"github":"https://github.com/xiaolin/react-image-gallery","clone":"git clone https://github.com/xiaolin/react-image-gallery.git","description":"React carousel image gallery component with thumbnail support 🖼","language":"TypeScript","stars":3941,"topics":["image-gallery","carousel","slide-images","react-components","react","image-slider","gallery","react-carousel","react-image-gallery","react-image-slider"],"license":"MIT","category":"ui-components","readme_excerpt":"React Image Gallery A responsive, customizable image gallery component for React ▶️ VIEW LIVE DEMO ✨ Features Feature Description -------------------- --------------------------------------------------------- 📱 Mobile Swipe Native touch gestures for smooth mobile navigation 🖼️ Thumbnails Customizable thumbnail navigation with multiple positions 📺 Fullscreen Browser fullscreen or CSS-based fullscreen modes 🎨 Theming CSS custom properties for easy styling ⌨️ Keyboard Nav Arrow keys, escape, and custom key bindings 🔄 RTL Support Right-to-left language support ↕️ Vertical Mode Slide vertically instead of horizontally 🎬 Custom Slides Render videos, iframes, or any custom content 🚀 Getting Started For more examples, see example/App.jsx ⚙️ Props - items : (required) Array of objects. Available properties: - original - image source URL - thumbnail - thumbnail source URL - fullscreen - fullscreen image URL (defaults to original) - originalHeight - image height (html5 attribute) - originalWidth - image width (html5 attribute) - loading - \"lazy\" or \"eager\" (HTML5 attribute) - thumbnailHeight - image height (html5 attribute) - thumbnailWidth - image width (html5 attribute) - thumbnailLoading - \"lazy\" or \"eager\" (HTML5 attribute) - originalClass - custom image class - thumbnailClass - custom thumbnail class - renderItem - Function for custom rendering a specific slide (see renderItem below) - renderThumbInner - Function for custom thumbnail renderer (see renderThumbInner below) - o","default_branch":null,"files":null,"tree":[],"storefront":"/r/xiaolin","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/xiaolin/react-image-gallery/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}