Betterflow is a free, fully browser-based screenshot editor that lets you transform plain screenshots into polished, professional visuals — without installing anything, creating an account, or dealing with watermarks. Whether you need a striking product shot, an animated demo, or a multi-slide presentation, Betterflow handles it all directly in your browser using a powerful canvas engine built on Next.js, React 19, and Konva.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/betterspacx/app/llms.txt
Use this file to discover all available pages before exploring further.
Key Features
100+ Backgrounds
Choose from gradients, solid colors, images, blur, and noise overlays to set the perfect scene for your screenshot.
Browser Mockups
Wrap your screenshot in realistic Safari or Chrome mockups (light/dark) with adjustable toolbars, header size, and a custom URL bar.
Device Frames
Apply Arc browser, Polaroid, glass, outline, and border frame styles to give your screenshot a finished, polished look.
3D Transforms
Apply 30+ perspective presets with realistic depth to give your screenshots dramatic, eye-catching angles.
Draw & Markup
Annotate your screenshots with arrows, shapes, blur regions, and text overlays to highlight exactly what matters.
Tweet & Code Snippets
Import tweets and generate styled code images directly inside the editor for beautiful social content.
Animations
Choose from 20+ animation presets across five categories — Reveal, Flip, Perspective, Orbit, and Depth — and fine-tune them with a full timeline editor and keyframe controls.
Video Export
Export your animated designs as MP4, WebM, or GIF using hardware-accelerated encoding via WebCodecs, with FFmpeg WASM as a fallback for broader browser support.
High-Res Export
Download PNG or JPG exports at up to 5× scale, processed entirely in the browser with no server round-trips.
Chrome Extension
Record your screen directly from the browser with one click. Recordings upload automatically to the editor so you can jump straight into editing.
Multi-Slide Support
Build slideshow presentations by combining multiple images into a single animated sequence and exporting the whole thing as a video.
IndexedDB Auto-Save
Your work is automatically saved to your browser’s local IndexedDB storage. Drafts and exports persist across sessions — no cloud account needed.
How It Works
Betterflow follows a straightforward three-step workflow:Upload your screenshot
Drag and drop an image onto the canvas, use the file picker, or capture a website screenshot directly from the editor. The Chrome extension also lets you record your screen and send the recording straight to the editor.
Style and animate
Pick a background, add device frames or borders, apply 3D perspective transforms, drop in text or image overlays, and optionally attach an animation preset from the timeline panel. Every control updates the canvas in real time.
Free, Open Source, No Watermarks
Betterflow is released under the Apache License 2.0 and is completely free to use. There is no account to create, no subscription to manage, and no watermark added to your exports. The live version is available at betterflow.site, and the full source code is on GitHub.Quickstart
Run Betterflow locally in under five minutes.
Self-Hosting
Deploy Betterflow on Vercel or Docker for your team.