Basic Shuffle Demo

Masonry with a sizer

A deep blue lake sits in the middle of vast hills covered with evergreen trees — Lake Walchen

Lake Walchen

Looking down over one of the pillars of the Golden Gate Bridge to the roadside and water below — Golden Gate Bridge

Golden Gate Bridge

Crocodile

SpaceX launches a Falcon 9 rocket from Cape Canaveral Air Force Station — SpaceX

SpaceX

A multi-level highway stack interchange in Puxi, Shanghai — Crossroads

Crossroads

Dimly lit mountains give way to a starry night showing the Milky Way — Milky Way

Milky Way

NASA Satellite view of Earth — Earth

Earth

A close up of a turtle underwater — Turtle

Turtle

Many trees stand alonside a hill which overlooks a pedestrian path, next to the ocean at Stanley Park in Vancouver, Canada — Stanley Park

Stanley Park

An intrigued cat sits in grass next to a flag planted in front of it with an astronaut space kitty sticker on beige fabric. — Astronaut Cat

Astronaut Cat

Pier 14 at night, looking towards downtown San Francisco's brightly lit buildings — San Francisco

San Francisco

Looking down on central park and the surrounding builds from the Rockefellar Center — Central Park

Central Park

Source code for this demo

This demo uses the same code as the home page (with the filters).

Link to demo source

Shuffle.js

Shuffle.js is a package for sorting, filtering, and laying out a group of items. It’s performant, responsive, and fast. Check out the demos!