Full page demo - page 6

Isotope v3 released: stagger in, IE8 out

Isotope v3 is Metafizzy's flagship product — the best JavaScript library for filtering and sorting dynamic layouts. It just got a whole lot better with new version 3. We dropped support for IE8 & 9, and Android 2.3. In doing so, we were able to shed 800 lines of code to make Isotope's filesize 20% smaller. We added a new option to stagger item transitions (finally).

Staggered transitions are a small change to animation behavior, but the result is subtly compelling. The reveal and hide animations appear more natural.

See the Pen Isotope - stagger by David DeSandro (@desandro) on CodePen.

We simplified using Isotope with Webpack. Now your webpack.config.js only requires two aliases.

module.exports = {
  resolve: {
    alias: {
      'masonry': 'masonry-layout',
      'isotope': 'isotope-layout'
    }
  }
};

Best part: Isotope v3 is backward compatible with Isotope v2. Upgrade worry free. All your previous code will continue to work: jQuery plugin, events, methods, etc.

Open-source projects rarely get to version 2. I'm proud that Isotope has made it all the way to version 3.

We've been pushing out a bunch major version upgrades to our projects in 2016: Masonry v4, imagesLoaded v3, Packery v2, now Isotope v3. Next up: Flickity v2.

Packery v2 released

Packery is our fantastic bin-packing layout library, first released 3 years ago. Packery can do something no other library can: draggable grid layouts. But Packery's dragging behavior had plenty of quirks: random movement, potential gaps. It worked, but it wasn't pretty.

So we fixed it. Dragging with Packery version 2 has been completely re-tooled.

It feels much more intuitive. Now dragged items fit to their drop position. No more random movement. Packery v2 is perfect for draggable Masonry layouts and draggable dashboards. We put together a fun drag & drop puzzle to show it off (with a prize!).

See the Pen Packery v2 puzzle by David DeSandro (@desandro) on CodePen.

What else is new? We dropped IE8 & 9 support for 25% smaller filesize, new shiftLayout method, simplified Webpack integration, and more. Plus completely refreshed docs with individualized demos and CodePens for every feature.

Already have a Packery v1 license? Keep an eye out for another email from us for a big discount to upgrade to v2.

Packery v2 is an awesome upgrade. Just one of several that will be happening in 2016. Up next: Isotope v3 and Flickity v2.