Items are arranged horizontally.


This layout mode is not included in isotope.pkgd.js and must be installed separately.

horiz layout mode was previously named horizontal in Isotope v2.

Download horizontal.js on GitHub.

Install with Bower:

bower install isotope-horizontal

Install with npm:

npm install isotope-horizontal



Aligns items vertically. Set as a decimal 0 to 1.

/* default
horiz: {
  // align to origin edge
  verticalAlignment: 0
} */

horiz: {
  // align to center
  verticalAlignment: 0.5

horiz: {
  // align to opposite edge
  verticalAlignment: 1
layoutMode: 'horiz',
horiz: {
  verticalAlignment: 0.5,