Columns Layout

Here is a basic example using columns layout.

import { ColumnsPhotoAlbum } from "react-photo-album";
import "react-photo-album/columns.css";

import photos from "./photos";

export default function App() {
  return <ColumnsPhotoAlbum photos={photos} />;
}

Live Demo

Hiking boots
Purple petaled flowers near a mountain
A person pointing at a beige map
Two hikers walking toward a snow-covered mountain
A silver and black coffee mug on a brown wooden table
A worm's eye view of trees at night
A pine tree forest near a mountain at sunset
Silhouette photo of three hikers near tall trees
A person sitting near a bonfire surrounded by trees
Green moss on gray rocks in a river
Landscape photography of mountains
A pathway between green trees during daytime
A man wearing a black jacket and backpack standing on a grass field during sunset
Green pine trees under white clouds during the daytime
A hiker sitting near the cliff
A tall mountain with a waterfall running down its side
Blue mountains
Green trees on a brown mountain under a blue sky during the daytime
A red flower on a green grass field during the daytime
A sign warning people not to disturb nature
A small creek in Yosemite National Park

Sandbox

Edit on StackBlitz

Source Code

View on GitHub