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?
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!