Popularity
2.6
Declining
Activity
0.0
Stable
175
4
10
Programming language: CSS
License: MIT License
react-intense alternatives and similar libraries
Based on the "Photo / Image" category.
Alternatively, view react-intense alternatives based on common mentions on social networks and blogs.
-
react-image-gallery
React carousel image gallery component with thumbnail support 🖼 -
react-images
🌄 A mobile-friendly, highly customizable, carousel component for displaying media in ReactJS -
-
react-svg-pan-zoom
:eyes: A React component that adds pan and zoom features to SVG -
-
yet-another-react-lightbox
Modern React lightbox component -
react-particle-image
Render images as interactive particles -
react-compare-image
React component to compare two images with a slider -
React Photo Album
Responsive photo gallery component for React
Amplication: open-source Node.js backend code generator
An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.
Promo
amplication.com
Do you think we are missing an alternative of react-intense or a related project?
|
A Non-Cloud Alternative to Google Forms that has it all.
sponsored
surveyjs.io
|
Popular Comparisons
-
react-intensevsreact-image-gallery
-
react-intensevsreact-image-lightbox
-
react-intensevsreact-svg-pan-zoom
-
react-image-galleryvsreact-image-lightbox
-
yet-another-react-lightboxvsreact-image-gallery
|
Appwrite - The open-source backend cloud platform
sponsored
appwrite.io
|
README
react-intense
This component is a port of Intense Image Viewer for use with React.
Demo.
Usage
Simply replace your <img> element with a <ReactIntense> component:
import ReactIntense from 'react-intense'
...
<ReactIntense src='img.jpg' />
Optional Props
| Name | Type | Description |
|---|---|---|
| title | string | Renders in corner in maximized view. |
| caption | string | Renders below title in maximized view. |
| trigger | Component | Option to override the thumbnail image as the trigger to maximize the image. Passed onClick as prop to trigger maximized view. |
| vertical | boolean | Images lock to scrolling either horizontally (default) or vertically. |
| moveSpeed | number | How fast to scroll images when following mouse. |
| loader | string | The class for the loading animation that shows when the image is being loaded for maximized view. Default is in loader.css. |
Styling
Feel free to use and/or customize the provided styles in lib/ReactIntense.css.
Issues
If you find any issues with this component, please report them!