Masonry Layout For React JS – xmasonry

Responsive, minimalistic and full-featured native masonry layout (grid) for React JS.

Features:

  • Native masonry layout implementation for React JS with no dependencies.
  • Minimalistic by design and simple use case.
  • Responsive, mobile-friendly approach (so there is no “fixed block width in pixels” option).
  • Ability to control blocks width (in columns), columns targeting width in pixels, maximum number of columns, centering, etc.
  • Fully customizable: use CSS animations and transitions you wish (use .xmasonry and .xblock selectors).
  • Works with the server rendering.

Installation:

npm install react-xmasonry –save-dev

Preview:

xmasonry

Download Details:

Author:

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website:

License:

You Might Be Interested In:

Add Comment