Developer preview / 0.2

A gallery layer built for the moments people remember.

Drop a production-ready media experience into your React product. This demo shows the provider, gallery, asset, and lightbox APIs working together in one operational surface.

Explore the collection

02 / Components

One provider. Composable primitives.

The same provider powers data access, tracking, focus management, and the interactive preview. Use the primitives separately when your product needs a more tailored composition.

GalleryProviderClient + query contextGalleryResponsive gallery layoutsAssetStandalone media primitiveLightboxAccessible image preview

Standalone Asset

Use one image anywhere.

01 / 08

Click the image to exercise the provider-backed Asset callback and Lightbox flow.

03 / Layout system

One collection, four expressions.

Switch layouts without changing your content model. Each view is powered by the same local gallery data and provider context.

Grid

Grid / Product Index

06 assets

Grid / Product Index

A curated sample collection that keeps the integration playground useful before a live gallery is connected.

6 images · Click any image to explore

A balanced matrix for browsing a complete collection.

Justified

Justified / Editorial Feed

06 assets

Justified / Editorial Feed

A curated sample collection that keeps the integration playground useful before a live gallery is connected.

6 images · Click any image to explore

A fluid rhythm that preserves the character of every frame.

Single

Single / Campaign Hero

06 assets

Single / Campaign Hero

A curated sample collection that keeps the integration playground useful before a live gallery is connected.

6 images · Click any image to explore

A focused presentation for a hero image or campaign moment.

Carousel

Carousel / Story Sequence

05 assets

A tactile sequence for guided storytelling and presentations.

04 / Runtime

Ready for your environment.

This page is intentionally offline-first. The provider is mounted with safe placeholder values, while every gallery and asset is rendered from local demo data.

API originhttps://api.placeholder.degallery.dev
Gallery IDdemo-gallery-placeholder
Access modePlaceholder credential