Pattern

Slider

Five slider experiments consolidated into one project: background image slider, double vertical slider, image carousel, CSS-only carousel, and gallery grid pagination.

Variation

Background Image Slider

A cinematic slider with a synced page backdrop.

01

Coastal night drive

02

Forest observations

03

Desert sunrise

04

Mountain afterglow

Variation

Double Vertical Slider

Two stacked columns that move in opposite directions.

Nature flower

All in pink

Bluuue sky

With its mountains

Lonely castle

In the wilderness

Flying eagle

In the sunset

Variation

Image Carousel

Auto-advancing carousel with manual previous and next controls.

Research
Design
Build
Launch

Variation

CSS Carousel

A scroll-snap carousel that uses anchors for movement and keeps the interaction JavaScript-free.

Editorial layout
Commerce card
Analytics card
Case study cover

Variation

Gallery Grid Pagination

Grid layout with pagination dots to navigate through image groups.

01
02
03
04
05
06
07
08
09
10
11
12