Skip to main content

Shuffle.js

Categorize, sort, and filter a responsive grid of items

Get started with Shuffle

Responsive design

Shuffle was built to make responsive design easy. Quickly update items in the grid by adding a class.

Powerful filters

Let your users find what they’re looking for with groups and custom filters.

Smooth animations

Transitions are all handled by the CSS, which lets the browser optimize them for the user’s device.

Demo

Search

Filter

Sort

DefaultTitleDate Created

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

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

animal

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

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

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

NASA Satellite view of Earth — Earth

A close up of a turtle underwater — Turtle

Many trees stand alonside a hill which overlooks a pedestrian path, next to the ocean at Stanley Park in Vancouver, Canada — 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

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

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