← Examples Gallery

Lightbox Renderer

Same Alap config, different renderer. Click any link to open a fullscreen lightbox instead of a dropdown menu.

Panel Placement

Select a compass direction to anchor the lightbox panel in the viewport.

Click a direction again to deselect. With no direction selected, the panel defaults to centered.

Bridges

Explore all bridges, or just the NYC bridges.

Links with thumbnails show image previews in the lightbox.

Coffee

Browse all coffee spots, or narrow to SF roasters or Portland roasters.

Links without thumbnails show a text panel with description.

Landmarks

See all landmarks, or by city: London, Paris, Berlin, Sydney, Seattle, Los Angeles, Tokyo, Seoul, Melbourne, Shanghai, Mumbai.

Parks

Explore all parks from Central Park to Tiergarten.

Favorites

My personal favorites across all categories.

Sci-fi

Browse all sci-fi, just the TV shows, or sci-fi games.

Games

Check out all games.

Everything

The full collection: all items — a good stress test for the set navigator.

Expressions

NYC and SF, minus coffee — same expression language, different presentation.


Same Config, Menu Renderer

The links below use the exact same config object, but render with the standard AlapUI dropdown menu. The only difference is one line of code: new AlapUI(config) instead of new AlapLightbox(config).

Bridges (menu)

Explore all bridges, or just the NYC bridges.

Coffee (menu)

Browse all coffee spots, or narrow to SF roasters or Portland roasters.

Landmarks (menu)

See the major landmarks across both cities.