Horizontal Scrolling Website Examples (2026): Ten That Earn It

TL;DR. Benchmarks: Camille Mormal, Aristide Benoist and Richard Mille’s Below the Line at Le Mans Classic. Sites where sideways actually means something: Kwok Yin Mak (a reading direction), Persepolis Reimagined (a procession), The Size of Space (a number line), Prevint (an escalation scale). Fresh finds: Edoardo Smerilli and the Avantt type specimen. Every URL is live and was checked before publishing. And if your buyer just wants a price and a phone number, do not go sideways at all: a $399 vertical site will beat it.

Horizontal scroll is a taste decision with a usability tax. Every wheel on earth expects down; you are asking for sideways, which means you start spending your visitor's patience the moment the page loads. Spent well, people can still describe the site a week later. Spent on decoration, it is a carousel with a superiority complex.

Here is what nobody on page one of this search will tell you, because almost every result is a tool shop selling templates: the tax is real. The scrollbar disappears, back-swipe gestures pick fights with the page, keyboard users fall off the edge, and scroll restoration breaks. The ten sites below all pay that tax and earn it back, and the best of them earn it because the sideways axis actually means something: a procession, a scale, a reading direction, a strip of film.

What qualifies for this list

Three rules. The site must be live today: every URL below was loaded and checked before publishing, because half the sites in the usual roundups are dead campaign microsites. The horizontal movement must be the spine of the experience, not one token section. And it has to survive a phone, where sideways is either the most natural gesture in the world or a broken mess, with no middle ground. Ours did not make the cut, by the way: our two public scroll films travel down, not across, so this list is ten sites by other people.

The ten examples

1. Camille Mormal

What it is: The horizontal benchmark. A loader counts up, then the portfolio plays like a film strip: full-screen projects gliding sideways under huge type, with almost no interface at all. It took Awwwards Site of the Day and an FWA, and years later it still sets the bar for this pattern.

How the scroll feels: The wheel maps to a heavy lateral glide with real momentum, closer to pushing a print along a rail than flicking a page. You always know where you are because there is only one axis and a progress count. On a phone it simply becomes a swipe, so the gesture people were already making is the only one they need.

Steal this: Commit to one axis. Half horizontal, half vertical is where the usability tax catches you. Mormal goes all the way sideways and the site feels inevitable instead of clever.

2. Below the Line at Le Mans Classic

What it is: Richard Mille's Le Mans Classic site hosts a photographic tale of the 2025 race weekend: one continuous sideways rail, roughly twelve thousand pixels of it, chaptered from the morning drive down the A11 motorway to the paddock and the race itself.

How the scroll feels: The sideways axis is the story's own axis. A race weekend is a journey through time, so travelling the page IS travelling the day, and your wheel scrubs the rail while a chapter menu keeps you oriented. This is the earned version of the metaphor: the day unrolls at whatever speed your wheel gives it.

Steal this: Chapter your rail. Twelve thousand pixels with no waypoints is a corridor with no doors; the (CHAPTERS) menu is what turns this from an endurance test into a story you can navigate.

3. Kwok Yin Mak

What it is: A New York designer and developer with work for Reuters, Cowboy and Chan + Eayrs. Text runs in vertical columns you read top to bottom while the page travels sideways, in English and Chinese.

How the scroll feels: It feels wrong for about two seconds, then it clicks: this is how traditional Chinese is read, so the sideways travel is the writing system rather than a party trick. The type is live text, so it stays sharp at any scroll speed. Webby, FWA and Awwwards all noticed.

Steal this: Root the direction in meaning. When the culture, the content or the format genuinely reads sideways, the usability tax refunds itself.

4. Persepolis Reimagined

What it is: The Getty rebuilt Persepolis at its height in WebGL and put it on the open web. You travel the processional route through gates, stairways and the great audience hall while stories open along the way.

How the scroll feels: Scroll is a walk button here, not a page control. You advance along a fixed path through a city, so orientation is never in question: the architecture is the map. It runs on a phone too, with touch moving you along the same guided route.

Steal this: A place is the strongest excuse for lateral travel. Venues, showrooms, campuses, exhibitions: if people would physically walk it, let them scroll it sideways.

5. The Size of Space

What it is: Neal Agarwal's scale journey. You start at an astronaut and keep going right, object by object, until you reach the observable universe.

How the scroll feels: Arrow keys, a wheel flick or a swipe all page you one step rightward, and the travel is the argument: by the time galaxy clusters arrive, your wrist has a physical sense of how big space is. There is no menu because a line needs none, just forward and back.

Steal this: Sideways as a number line. Timelines, scales, growth stories: when the axis is the data, horizontal is not decoration, it is the chart.

6. Prevint

What it is: A Portuguese violence-prevention initiative built around a violentometer: behaviours placed along a ribbon that escalates from aggressive jokes at one end to seek professional help at the other.

How the scroll feels: The wheel drags you along the escalation, and that movement is the entire message: this is how violence progresses, one tolerated step at a time. Three labelled zones, be careful, react, seek help, keep you oriented as things darken.

Steal this: Let the axis carry the argument. When your content has severity, progression or escalation in it, a horizontal scale does half the persuasion before a single word is read.

7. Edoardo Smerilli

What it is: An Italian film director's portfolio: projects sit on a numbered rail of stills, and you hold and unroll to open one.

How the scroll feels: The rail reads like a contact sheet, or the timeline in every edit suite his clients have ever sat in, which is exactly the right literacy to borrow. Holding to open a film makes the choice feel deliberate instead of accidental, and the same press and swipe gestures carry over to touch.

Steal this: If you sell moving images, frames belong side by side. A horizontal rail says cinema in a way a stacked grid never will.

8. Avantt by Displaay

What it is: Displaay's specimen site for its Avantt typeface: weights, styles and glyphs laid out on one long strip you read along, like a proof pulled through your hands.

How the scroll feels: The wheel slides the sheet, and because the specimen is set in the font itself rather than exported as images, you are reading the product while you scroll it. A specimen is genuinely linear, light to heavy, A to Z, so the sideways read matches the object being sold.

Steal this: Products with a natural order make good strips: a type family's weights, a product line-up, a materials story. Sell the sequence, not just the item.

9. Christie Tang

What it is: A product designer's portfolio, one tidy horizontal row of projects for Facebook, Warner Bros and TrueCar. Her own line says it best: when she closes her eyes, all she sees is UI.

How the scroll feels: No 3D theatrics, just a disciplined row that moves exactly as far as you push it, and on touch it behaves like every native carousel you have ever used. It proves the look is a design decision, not a budget line.

Steal this: Horizontal on a budget. If a solo designer can ship this with restraint and a snap, the agency quoting you five figures for a card row should sharpen its pencil.

10. Aristide Benoist

What it is: An independent developer's portfolio where projects slide laterally and the images bend with scroll velocity, snapping straight the moment you stop.

How the scroll feels: The distortion is not decoration, it is feedback: with the scrollbar gone, the bend in the image is how your hands know how fast you are moving. Wheel and drag both drive it, and the distortion never gets in the way of picking a project.

Steal this: If you remove the scrollbar, replace its information. Velocity-reactive visuals, progress counts, snap points: something has to tell people where they are and how fast they are going.

The ten, side by side

What the look costs

Honest bands, same as our cost guide: campaign-grade builds like the Getty's commonly land between $20,000 and $60,000 and up at named studios. Mid-tier agency builds run roughly $8,000 to $20,000. Our Flagship builds start at a fixed $3,000, because we productized the scroll architecture instead of rebuilding it per client: a pinned section, scroll progress mapped to movement, the same pattern whether the page travels down or sideways. That is engineering reuse, not magic. Fixed price, weekly demo before each payment, and you own the code and IP from day one.

The anti-pitch, because nobody else on page one will give it to you: horizontal scroll is the wrong buy for most businesses. If your customer wants a price, proof and a phone number, sideways is friction you paid extra for, and we will say so on the first call. That case gets a $399 Overnight Site instead: sharp, fast, vertical, live in 24 hours or it is free.