Popularity
2.4
Growing
Activity
1.5
Declining
157
2
8
Monthly Downloads: 0
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 -
-
react-particle-image
Render images as interactive particles -
react-compare-image
React component to compare two images with a slider
Build stunning web applications quickly using Syncfusion JavaScript UI controls.
The Syncfusion JavaScript suite offers more than 65 cross-platform, responsive, and lightweight JS/HTML5 UI controls for building modern web applications.
Promo
syncfusion.com
Do you think we are missing an alternative of react-intense or a related project?
|
Scout APM: A developer's best friend. Try free for 14-days
sponsored
scoutapm.com
|
Popular Comparisons
-
react-intensevsreact-image-gallery
-
react-intensevsreact-image-lightbox
-
react-image-galleryvsreact-image-lightbox
-
react-image-galleryvsreact-images
-
react-photo-galleryvsreact-image-gallery
|
Run Linux Software Faster and Safer than Linux with Unikernels
sponsored
github.com/nanovms
|
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!