Impressive Scroll Home Open the builder

Help and block reference

Everything Impressive Scroll can do, and a live working example of all 88 block types. The examples below are rendered by the same engine that renders your published story, so what you see here is exactly what a block does.

Quick start Getting started Writing with AI Working with blocks Themes and look Publishing and export Credits and account Block reference

Quick start

The five steps from the first-run walkthrough in the builder, kept here so you can come back to them any time.

1

Start a story

Every story begins on the Stories screen. Hit New story for a blank page, or open one you already started. Your work saves by itself as you go.

New storyTemplates
2

Let the AI draft it for you

Describe your story in your own words: what it is, which facts must appear, and who it is for. Attach your real figures as charts and the AI writes around those exact numbers.

Write a story about our 2026 sales across three regions|
Add a chartUpload a fileDraft with AI
3

Add and arrange blocks

A story is a stack of blocks. The Blocks panel groups all 88 into six categories. Drag one into the outline to drop it exactly where you want, or click to add it at the end.

TextImageChartsMapsScrollInteractive
4

Edit any block by clicking it

Click a block in the live preview and the Edit panel opens on it. Every block gets a real form: text fields, number grids, colour pickers, dropdowns. You never write code or raw JSON.

Bar chart
Revenue by region
North   128
South   94
Colour
5

Theme it, then publish or export

Pick from 20 background themes to reskin the whole story at once. Publish puts it online at its own link. Export downloads one self-contained HTML file that works offline.

PublishExport20 themes

Getting started

A story in Impressive Scroll is a stack of blocks. You never write code. You choose blocks, fill in their fields, and the engine turns them into a scrolling page where charts draw themselves, text arrives as you reach it, and images move.

  1. Create the story. On the Stories screen choose New story. Give it a title at the top of the editor. Your work saves automatically as you type, so there is no save step to forget, and a local copy is kept in your browser as a crash net between saves.
  2. Get a first draft. Either write it yourself block by block, or use Draft with AI to generate a complete story from a brief. Most people start with AI and then edit.
  3. Shape it. Add, remove and reorder blocks in the outline on the left. Click any block in the preview to edit it on the right.
  4. Set the look. Pick one of 21 background themes to restyle the entire story at once.
  5. Share it. Publish gives the story its own public link. Export downloads one self-contained HTML file that works with no internet and no server.

Writing with AI

Draft with AI is the fastest way to a finished story. The quality of what comes back depends almost entirely on the brief you give it, so it is worth spending a minute on.

Writing a good brief

Answer three things in your own words: what the story is and why it matters now, which specific moments, facts or comparisons must appear, and who it is for and what they should remember at the end. A brief of a few sentences produces a far better story than a few words.

Using your own data

Do not paste numbers into the brief and hope. Use the chart fields instead: pick a chart type, fill in your real figures, and add it. Those figures are passed through to the story unchanged, and the AI writes the narrative around them. Anything that does not fit a chart (a pasted table, a list, loose notes) goes in the free-text data box.

Building from a document

You can upload a document and have the story drafted from its contents. Scanned pages and images are read with OCR. There is a size cap on uploads and a page cap on scanned files; both are set by the site administrator, and you will be told if a file is over.

If a generation fails, it is retried automatically on a backup AI provider before you ever see an error. If you do get an error, your credits are not spent.

Working with blocks

Finding the right block

The Blocks panel groups every block into six categories: Text, Image, Charts, Maps, Scroll and Interactive. Search by name if you know what you want. Every block in the catalogue appears in exactly one category, and all of them are documented with a live example further down this page.

Adding and reordering

Drag a block from the panel into the outline to drop it at an exact position, or click it to add it at the end. Drag outline rows up and down to reorder. On a narrow screen the three panes collapse into one column with a Build / Preview / Edit switcher at the top.

Editing a block

Click a block in the preview and the Edit panel opens on it. Every block gets a real form built for its shape: plain text fields, number fields, checkboxes, colour pickers, dropdowns, one-per-line lists, and spreadsheet-style grids for anything that is a table of numbers. Charts that reference other things in the same block (which node a flow starts at, which answer is correct, which point to highlight) give you a dropdown of the real options rather than asking you to type an index.

There are no raw JSON fields anywhere in the builder. If you ever want to see the underlying data for a block, there is an optional per-block toggle that shows it, but you never need it.

Undo

Undo and redo are on the top bar and cover structural changes as well as edits.

Themes and look

A theme sets the background, the accent colours and the type for the whole story in one click. There are 21, both light and dark. Because the engine themes everything through a single set of variables, switching theme never breaks a chart's readability.

Two settings change how the story moves. Immersive pins each block to fill the screen and advances it as you scroll, which suits a presentation. With it off, blocks flow normally down the page like an article, and still animate as they arrive.

Publishing and export

Publish puts the story online at its own link that you can share. You can unpublish at any time. Export downloads a single HTML file with the engine, the fonts and all your content inlined, so it opens from a USB stick with no internet at all. Custom branding (your own logo, title and footer) can be switched on for published stories.

Stories are capped in size. The meter on the top bar shows how large the current story is. Large embedded images are the usual reason for hitting it, so prefer reasonably sized images.

Credits and account

Actions that cost money to run cost credits: generating a story with AI, and publishing. The balance on the top bar combines your free allowance and any credits you have bought, and free credits are always spent first. Every charge is recorded, and you can open the badge to see the history. Buying more is done from the Credits screen.

Verifying your email

A new account must confirm its email address. Until it does, the account is limited and will eventually be disabled automatically. If the verification message is not in your inbox, check your spam or junk folder, since this kind of mail is very often filtered there. You can send a fresh link at any time from your account page.

Block reference

Every block type, with a live example rendered by the real engine. Scroll through them: the animated ones animate as they come into view, and the interactive ones respond to clicks and drags exactly as they will in your story.