# react-medium-image-zoom [![npm version](https://img.shields.io/npm/v/react-medium-image-zoom.svg)](https://www.npmjs.com/package/react-medium-image-zoom) [![react-medium-image-zoom bundlejs badge](https://deno.bundlejs.com/?q=react-medium-image-zoom&badge=&config={%22esbuild%22:{%22external%22:[%22react%22,%22react-dom%22]}})](https://bundlejs.com/?q=react-medium-image-zoom) [![npm downloads](https://img.shields.io/npm/dm/react-medium-image-zoom.svg)](https://www.npmjs.com/package/react-medium-image-zoom) [![All Contributors](https://img.shields.io/badge/all_contributors-81-orange.svg)](#contributors-) The original [medium.com-inspired image zooming](https://medium.design/image-zoom-on-medium-24d146fc0c20) library for [React](https://reactjs.org). [View the storybook examples](https://rpearce.github.io/react-medium-image-zoom/) to see various usages. Features: * ``, including all [`object-fit`](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) values, any [`object-position`](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position), and [`loading="lazy"`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-loading) * `

` and `` with any [`background-image`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image), [`background-size`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size), and [`background-position`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position) * `

_{Robert Pearce} 💻 💬 ⚠️ 🐛 💡 🎨 👀 🤔 📖	_{Cameron Bothner} 💻 📖 🐛 💡 🤔 👀 ⚠️	_{Jeremy Bini} 💻 🐛	_ismay 🐛 🤔	_{Rajit Singh} 🐛	_{Roberto Saccon} 🐛	_wtfdaemon 🐛
_{Josh Sloat} 🐛 💻 💡 👀 🤔 📖 🎨 💬	_Aswin 💬	_{Alex Shelkovskiy} 🐛	_{Adrian Bindiu} 🐛	_{Kendall Buchanan} 🐛	_Kaycee 💻	_Anuj 🐛 💬
_{Ludwig Frank} 🐛 💻	_LX 🐛 🤔	_{Rosen Tomov} 🐛	_{Tom Moor} 💻 🐛	_{Johan Preynat} 💻 🐛	_{Rahul Gaba} 💻 🐛	_{Spencer Davis} 💻 🤔 👀 🎨
_dnlnvl 💻	_Madi 🤔	_{Ben Hood} 🤔 🐛 💡 👀	_Navilan 🤔	₁₃₈₀₆ 🐛	_{Akshay Kadam (A2K)} 🐛 🤔	_{Jake Stewart} 🐛 🤔
_hhh 🐛	_@davalapar 🐛	_{Sun Knudsen} 💻 🐛 🤔 💡 💬 👀 ⚠️ 📖	_{Douglas Galdino} 💻 📖 🐛 🤔 💡 👀 ⚠️	_{Mohammed Faragallah} 🐛 🤔 💡	_{Youngrok Kim} 💻 🐛	_{Nandhagopal Ezhilmaran} 🐛
_{Mattia Astorino} 🐛	_{Dan Wood} 📖	_{Zachery C Gentry} 🐛	_xmflsct 🐛	_Will.iam 💻 ⚠️	_{Gourav Goyal} 📖	_{Joshua Chen} 🐛 💻
_{David Edler} 🐛	_rikusen0335 🤔	_{Surjith S M} 🤔	_{developergunny} 🐛	_{Khan Mohsin} 💬	_{Robin Goudeketting} 🐛	_{Botros Toro} 🤔
_{Christian Guevara} 💬	_{Johan Book} 🐛	_{Paolo Di Bello} 🤔	_{Tommaso De Rossi} 📖 🐛	_Lezan 🐛 🤔	_{Ibrahim H. Sluma} 🐛	_{Ben Gotow} 🐛
_Rubon72 🐛	_wanderingme 🐛	_{Thomas Strobl} 🐛 🤔 💡 💬 👀	_Songkeys 🐛 🤔 💡 💬 👀	_AntoineS92 🐛	_{Sindre Aubert} 🐛	_mx 🐛
_{Sander Heling} 🐛	_{Yida Zhang} 🐛 💻	_Nir 🐛	_hhatakeyama 🐛	_Paco 🐛 🤔	_LichLord91 🐛	_{just-small-potato} 🤔
_walmsles 🐛	_tenshin 💬	_{Steven Tey} 🐛	_Sergey 🐛 💻 📖	_{Diego Azevedo} 📖	_{Faizan Ahmad} 🐛	_{Kunal L.} 🐛
_{Kevin Wang} 🤔	_u3u 🤔 👀	_Hong 💻	_{Wojciech Rok} 💻 🤔

react-image-magnifiers vs react-magnify vs react-medium-image-zoom

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past