Get Moduly free
Gutenberg · Media & Galleries · live demoDevice ScrollShow off a website or app screenshot inside a device frame.

Device Scroll

Core’s Image block shows a long screenshot squeezed to fit, or cropped. This block puts it in a browser window, laptop, desktop monitor, tablet or phone — all drawn in CSS, in four colours — and scrolls it: on hover (gliding to the end and back at a set pace), with the page, following the pointer, by itself in a loop, or by hand with the wheel, drag or touch. With a hint, badge, progress bar, a link over the device and a caption. Visitors who prefer reduced motion get a still frame they can scroll by hand.

Ready-made patterns

Inserter → Patterns → Moduly. The screenshots are illustrations bundled with the block.

Northwind home page
New

Northwind

A calm, fast shop for a slow-fashion label.
Read the case study
Northwind on a laptop
Northwind on a phone

Kite, a shop for one product

One page, one checkout, no menus. Conversion went up by a third in the first month.

Kite on a phone

Frames and modes

Monitor · follows the pointer · progress

Northwind home page

Tablet · silver · scroll by hand

Northwind home page

Northwind

Phone · starts at the end · hover · overlay hint

Kite home page

No frame · fixed 360 px (260 px on phones) · loops slowly

Northwind on a phone

Browser · custom frame colour · fast hover

Northwind home page

Laptop · gold · badge and caption link

Northwind home page
Case study

Northwind

Shopify to WooCommerce in six weeks.
Read more