Bring static visuals to life.

Create engaging visual stories with motion, focus, transitions, and guided attention. Ready to embed anywhere or export as video.

● Free forever plan● No credit card required● 2-minute setup
How it works

From a static image to a finished Story in under two minutes.

STEP 01

Drop a still image in

Upload a photo, scan, diagram, slide, or UI screenshot. Paste from clipboard or drag a file in. Steplens arranges your inputs into a Story.

+
STEP 02

Direct the eye

Mark the focus area for each step. Place a cursor if you want. Add a caption. Steplens animates the motion, easing, and transitions.

STEP 03

Embed or export

Embed the Story anywhere with two lines of HTML, or export as 1080p or 1440p video. One source, two outputs. Updates propagate instantly.

GUIDEGUIDE
Examples

See what Steplens can do.

A few Stories made with Steplens, playing live.

See all examples →
What's inside

Everything you need to make a story worth watching.

Drop in any still image: a screenshot, a photo, a scan, a diagram. Steplens handles the rest: highlights, cursor movement, transitions, and a player that feels native anywhere you embed it.

Spotlight what matters

Drag a box around any element. Steplens darkens the rest and highlights the selection so the viewer always knows where to look.

Buttery-smooth motion

A real-time WebGL renderer with shader-driven vignette and depth-of-field blur. Transitions, zooms, and reveals run at 60fps on a laptop - no jank, no pre-rendering.

Guided cursor, auto-routed

Steplens animates a natural cursor path between steps, complete with easing and an optional click ripple on arrival.

Drop in any still image

Screenshots, photos, scans, diagrams, slides. Paste from clipboard or upload PNGs. A browser extension for capturing full screens, regions, or window frames is on the way.

01
02
03
04

Embed anywhere

Two lines of HTML. Works in Notion, docs, and your marketing site. Free plan includes 1,000 embed views per month.

<steplens-story id="TbXmCbOPfNG0"></steplens-story>
<script type="module" src="https://steplens.dev.sooniverse.com/embed.js"></script>

Export as video

Render any story as MP4 - 720p up to 1440p, 30 or 60fps, with quality presets from balanced to near-lossless. No timeline editor required.

Size720p1080p1440p
Frames30fps60fps
QualityBalancedHighLossless
Embeds

One tag. Works anywhere HTML does.

Your story stays in one place - Steplens. Embeds auto-update the moment you edit.

index.html
<!-- Drop anywhere in your page -->
<steplens-story id="TbXmCbOPfNG0"></steplens-story>

<script
  type="module"
  src="https://steplens.dev.sooniverse.com/embed.js"
></script>
docs.yourapp.com/getting-started

Getting started

Set up your workspace in under two minutes.

Demo story URL: /s/TbXmCbOPfNG0

The Steplens Guide Editor
Made for

Made for anyone who works with static visuals.

Product showcases

Turn flat UI screenshots into launch teasers, feature reveals, changelog announcements, and hero videos. No screen recording, no editor.

Educational explanations

Guide attention through diagrams, maps, slides, and documents. One detail at a time, with motion.

Documentary storytelling

Animate historical photos, letters, clippings, and timelines with focus movements. Ken Burns, as a drag-and-drop scene.

Portfolios & design presentations

Present branding, UI, architecture, photography, and creative work as a motion-driven story instead of a static gallery.

Social & marketing content

Transform screenshots, infographics, testimonials, and comparison charts into short videos for X, LinkedIn, TikTok, and Instagram.

Plans

Start free. Upgrade when you outgrow it.

Free covers your first stories, public embeds, and basic video export. Pro lifts the limits, removes Steplens branding from your embeds and videos, and unlocks production-quality export.

Free
$0/ forever

Everything you need to publish your first stories.

  • 3 stories
  • 10 steps per story
  • 100 MB media storage
  • 10 MB per upload
  • Public share links & embeds
  • Remove Steplens watermark on video exports
  • Hide the Steplens link on embeds
  • Priority support
Get started free
Pro
Pro
$4.99/ month

Unlimited stories, no Steplens branding.

  • Unlimited stories
  • Unlimited steps per story
  • 1.0 GB media storage
  • 25 MB per upload
  • No Steplens watermark on video exports
  • Hide the Steplens link on embeds
  • Priority support
Upgrade to Pro
FAQ

Questions we hear a lot.

Do I need to record video? +

No. Steplens works from any still image. Drop in screenshots, photos, scans, diagrams, or slides, and we generate the transitions, cursor movement, and highlights between them automatically.

What's included on the free plan? +

Free covers up to 3 stories, 10 steps per story, 100 MB media storage, and full-quality video export - with a "Made with Steplens" watermark on video exports and a Steplens link on embeds. Pro adds unlimited stories and steps, 1 GB media storage, larger uploads, removes the watermark from video exports, and lets you hide the Steplens link on embeds.

Can viewers interact with the story? +

Yes - viewers can pause, scrub, step forward/back, and jump to any section. Stories can be embedded in autoplay-on-scroll mode or as a click-to-play player.

Will my stories stay in sync when I update an image? +

Yes. Swap an image in the editor and every embed and share link updates instantly - no need to re-export or change any HTML.

Is it accessible? +

Stories render keyboard-navigable controls and each step supports a text caption that doubles as an accessibility track for screen readers.

What about analytics? +

Customer-facing story analytics are on the roadmap - per-story views, completion rate, drop-off by step, and CTA click-through. They'll land alongside Pro, which is coming soon.

Get started free

Start your first story.

No credit card. No video editor. Just still images in, a polished story out.