A Slider Component with Pinch to Zoom Capabilities inspired by Instagram

react-instagram-zoom-slider

react-instagram-zoom-slider is a slider component with pinch to zoom capabilities inspired by Instagram.

Install

yarn add react-instagram-zoom-slider react-spring react-use-gesture styled-components

Usage

import React, { Component } from 'react'
import ZoomSlider from 'react-instagram-zoom-slider'

function App() {
  const slides = [<img src="..." alt="First slide" />, <img src="..." alt="Second slide" />]

  return <ZoomSlider slides={slides} />
}

GitHub

Author: skozer

Live Demo: https://skozer.github.io/react-instagram-zoom-slider/

GitHub: https://github.com/skozer/react-instagram-zoom-slider

#reactjs #javascript