All widgets
Carousel
A carousel lets readers swipe or click through a row of image cards — perfect for showing off fe…
Stacking cards
Stacking cards pin to the top of the screen and pile up one behind another as the reader scrolls…
Slideshow
A slideshow shows one full-width slide at a time, with arrows and clickable dots to move through…
Split scroll
Split scroll pairs scrolling text with a pinned image column that updates scene by scene — the c…
Sticky split
A sticky split holds one column in place while the other scrolls past it — a pinned headline bes…
Interactive map
An interactive map pins to the screen while labelled markers pop in one after another as the rea…
Stacking images
Stacking images are large, full-bleed photos that pin and pile up as the reader scrolls, each wi…
Bento grid
A bento grid is one large featured square beside four smaller ones — every tile an image with a …
Process
A process section walks the reader through your steps: as they scroll, each step comes forward, …
Focus text
A focus text section holds one sentence on screen and keeps a single word sharp while the rest s…
Word roller
A word roller lists your offerings, materials, places or values as a column of words that rolls …
Process rail
A process rail puts your steps in one row on a single line. As the reader scrolls, a bead rides …
FAQ cards
FAQ cards lay your questions out as a row of equal cards under a title, a one-line intro and two…
FAQ accordion
An FAQ accordion keeps a long list of questions compact: each question is a pill, and tapping on…
Expanding strip
An expanding strip lines up three to six photos edge to edge and lets the reader open one at a t…
Step wipe
A step wipe pins one screen while the reader scrolls through a handful of chapters: each step's …
Grid chapters
Grid chapters lays a story out as numbered chapters on a twelve-column skeleton. Every chapter i…
Chart
A chart turns numbers into a point. Bars grow, lines draw, and pies sweep into view as the reade…
Scroll video
Scroll video ties a full-screen video to the scrollbar, so the footage advances frame-by-frame a…
Video background
A video background plays full-screen behind your headline and content — an instant way to make a…
No widgets match — try another word, or build it in the editor.
Use these widgets from your coding agent. The Scrollytelling MCP server gives Claude Code, Cursor and VS Code the same library — your agent searches it and pulls the finished, paste-ready HTML.
Set it up →Prefer a head start?
Every widget also lives inside our ready-made templates and free story makers — pick a starting point and make it yours.