https://github.com/bmcmahen/react-thumbnail-zoom

Easy, breezy, beautiful thumbnail transitions for React
https://github.com/bmcmahen/react-thumbnail-zoom

image-viewer images react thumbnails

Last synced: about 1 month ago
JSON representation

Easy, breezy, beautiful thumbnail transitions for React

• Host: GitHub
• URL: https://github.com/bmcmahen/react-thumbnail-zoom
• Owner: bmcmahen
• Created: 2017-05-05T19:38:16.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2022-10-05T15:51:34.000Z (about 2 years ago)
• Last Synced: 2024-11-09T19:07:55.168Z (about 1 month ago)
• Topics: image-viewer, images, react, thumbnails
• Language: JavaScript
• Homepage: http://jagged-dinner.surge.sh/
• Size: 533 KB
• Stars: 4
• Watchers: 3
• Forks: 4
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md

Awesome Lists containing this project

README

        
#### I've released a new library that does much the same thing: [react-image-enlarger](https://github.com/bmcmahen/react-image-enlarger).

# react-thumbnail-zoom

[![Travis][build-badge]][build]

[![npm package][npm-badge]][npm]

[![Coveralls][coveralls-badge]][coveralls]

React thumbnail zoom makes transitioning from thumbnails to fullscreen images beautiful. It's the same effect you see on Medium.com. Check out the super simple [demo](http://jagged-dinner.surge.sh/).

## Install

```

yarn install react-thumbnail-zoom

```

[build-badge]: https://img.shields.io/travis/user/repo/master.png?style=flat-square

[build]: https://travis-ci.org/user/repo

[npm-badge]: https://img.shields.io/npm/v/npm-package.png?style=flat-square

[npm]: https://www.npmjs.org/package/npm-package

[coveralls-badge]: https://img.shields.io/coveralls/user/repo/master.png?style=flat-square

[coveralls]: https://coveralls.io/github/user/repo

```

import Zoom from 'react-thumbnail-zoom';

const SuperAwesomeImage = () => (

  

    

  

)

```