React-masonry-view NPM

React Masonry View

React Masonry View is responsive react library for showing simple masonry.

Features

Responsive
Lightweight

Installation

Install with npm

  npm install react-masonry-view

Install with yarn

  yarn add react-masonry-view

Usage/Examples

import { MasonryView } from 'react-masonry-view'
import 'react-masonry-view/dist/index.css'

function App() {
  const imgArray = [
    {
      id: 1,
      imgUrl: "https://source.unsplash.com/random"
    },
    {
      id: 2,
      imgUrl: "https://source.unsplash.com/random"
    },
    {
      id: 3,
      imgUrl: "https://source.unsplash.com/random"
    },
    {
      id: 4,
      imgUrl: "https://source.unsplash.com/random"
    }
  ]
  return <MasonryView imgDetails={imgArray} />
}