Get Moduly free
Gutenberg · Interactive & Motion · live demoMulti ScrollTell a story in split-screen sections that scroll apart.

Multi Scroll

Core can put two columns side by side, and a Cover can stay fixed behind its content, but nothing in core moves two halves in opposite directions. This block pins a split screen in the page while you scroll through it: the left half moves up as the right half moves down (or both together), one slide after another, and then the page carries on. It can also step one slide at a time with the wheel, a swipe, the keyboard, dots, numbers, a menu of names, arrows or autoplay. Each half holds any blocks, an image, colours and a text position; an overlay title can stay over both halves; and on phones the halves simply stack.

With photos, pinned while the page scrolls

Scroll on: the photos come down as the text goes up. The slow zoom is on.

New in

The everyday hoodie

Brushed cotton, a roomy hood and pockets that fit a phone.

Best seller

The Oxford shirt

Crisp enough for work, soft enough for the weekend.

Basics

The heavy tee

A 240 gram cotton tee that keeps its shape.

Outerwear

The field jacket

Waxed canvas with a corduroy collar.

Brown sand under blue sky during daytime
Black textile
A large group of sand dunes in the desert
Brown sand dunes under white sky during daytime

Ready-made patterns

Inserter → Patterns → Moduly. Below: a portfolio with numbers and a counter, a product story whose halves move together, and a collection that steps one slide at a time with a menu, arrows and an overlay title.

Brand identity

Northwind Coffee

A warm, hand-drawn identity for a roastery in Bristol.

02

Packaging

Harbour Tea

Tins that stack into a lighthouse on the shelf.

04

Motion

Orbit Bank

An animated system for an app used by millions.

03

Web design

Lumen Lighting

A fast shop that shows every lamp in real rooms.

01

The page carries on after the slides.

Step one

Grind fresh

Burrs set for pour-over in one turn.

Step two

Let it bloom

Thirty seconds of patience, and the flavour opens up.

Step three

Pour slowly

In circles, to a total of 250 grams.

1

2

3

The page carries on after the slides.

Collection

Spring

Light linen and soft colour.

S

Collection

Autumn

Wool, tweed and warm layers.

A

Collection

Summer

Cool cotton for long days.

S

ATELIER

The page carries on after the slides.