Visual canvas editor
Drag, resize and snap text, images, video, audio, quotes, statistics, timelines, shapes and embeds. Edit text in place, with undo, redo and keyboard shortcuts.
Scrollytelling for everyone
Build interactive stories without code
StoryFlowBuilder is a visual editor for scroll-driven stories. Design on a canvas, add sticky backgrounds, timelines and animations, preview every screen size, and export a ready-to-publish HTML5 package — no code required.
StoryFlowBuilder editor
- layouts from one design
- +1K
- Desktop, tablet and mobile
- entrance animations
- 12
- Plus 4 looping effects
- lines of code
- 0
- Everything is visual
- click HTML5 export
- +1K
- A self-contained .zip
Features
Everything you need for scroll-driven stories
The techniques used by the best digital newsrooms, turned into simple switches and panels.
Sticky scrollytelling
Pin a background image or video while text cards scroll over it — the classic long-form storytelling effect, set with one switch.
Scroll frames & timelines
Crossfade a sequence of images as readers scroll, and tie each image to its own text card so every step of a timeline shows the right picture.
SEO & social sharing
Set the search title, description, author and social image for each story. Exports include a canonical link, Open Graph and Twitter tags, article structured data and proper H1–H3 headings.
Responsive & right-to-left
Tablet and mobile layouts are generated from your desktop design and can be fine-tuned per device. Arabic and other RTL languages are fully supported.
Animations & links
Fade, slide, zoom, flip, blur and wipe entrances that play when scrolled into view, looping effects, and an optional link on any element.
Media library
Upload images, video and audio once and reuse them anywhere. Add portrait artwork so phones get images composed for tall screens.
Export, import
Download a self-contained HTML5 package to publish anywhere, or export the editable source to continue on another computer.
How it works
From idea to published story in three steps
- 1
Start from a template
Pick a ready-made storyline — news, explainer, investigation, profile, photo essay, guided tour and more — or begin with a blank stage.
- 2
Design on the canvas
Add your words and media, turn on sticky backgrounds, frames or a camera path, and choose animations. Preview desktop, tablet and mobile as you go.
- 3
Publish anywhere
Export a single HTML5 package for your website or CMS, or keep the editable source to update the story later.
Who it's for
Made for people with stories to tell
Whether you publish investigations, reports or lessons, StoryFlowBuilder helps readers follow along — and stay until the end.
- Newsrooms. Turn investigations, explainers and data stories into immersive long-form pieces on deadline.
- NGOs & research. Present reports, field evidence and timelines in a way readers actually finish.
- Education. Build guided lessons and visual histories that unfold step by step.
- Brands & culture. Launch products, campaigns and exhibitions with scroll-driven visual stories.
FAQ
Questions, answered
What is StoryFlowBuilder?
StoryFlowBuilder is a browser-based, no-code editor for interactive stories. You arrange text, images, video and animations on a visual canvas, add scroll effects such as sticky backgrounds and timelines, and export the result as a self-contained HTML5 package.
What is an interactive story?
An interactive story is a web story where the reader’s scrolling drives what happens on screen — images change, maps zoom, timelines advance and media plays as the narrative unfolds, instead of a static page of text and pictures.
Do I need to know how to code?
No. Everything — layout, backgrounds, animations, timelines and export — is done visually in the editor.
Where can I publish my story?
Anywhere that serves web pages. StoryFlowBuilder exports a self-contained HTML5 package (index.html, script and media) that you can upload to your website, CMS or any static hosting.
Will my story work on phones?
Yes. Tablet and mobile layouts are created automatically from your desktop design, and you can adjust any element per device. You can also add portrait versions of background images for phones.
Does it support Arabic and other right-to-left languages?
Yes. Each section can be set to right-to-left, and the editor includes Arabic fonts such as Cairo and Tajawal.
Can I keep editing a story later or on another computer?
Yes. Use “Export source” to download the editable story with its uploaded media, then “Import story” to continue anywhere.
Can I move content between sections?
Yes. Select one or several elements and drag them onto another section, or use “Move to section” in the side panel.
Your next story deserves to be experienced
Create an account and open the editor — your first story is a few clicks away.