Popularity
2.7
Growing
Activity
0.0
Declining
169
3
11
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 -
React Photo Album
Responsive photo gallery component for React -
yet-another-react-lightbox
Modern React lightbox component
Appwrite - The Open Source Firebase alternative introduces iOS support
Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
Promo
appwrite.io
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!