Introduction

Welcome to the Better Flow documentation. Better Flow is an open-source project made of two codebases: a marketing + community Landing Page and a full browser-based Screenshot Studio.

Tech Stack

• Framework: Next.js 16 (App Router)
• Styling: Tailwind CSS v4
• Animation: framer-motion, GSAP, Lenis
• Package Manager: pnpm

Quick Start

Clone the repository and start the development server:

git clone https://github.com/betterspacx/betterflow.git
cd betterflow
pnpm install
pnpm dev

Explore the Docs

• Architecture — Codebase structure, routing, animation strategy, and the Screenshot Studio rendering pipeline.
• Contributing — Setup, coding standards, animation conventions, and the PR workflow.
• Changelog — Version history and release notes for both codebases.

Better Flow is open source under the Apache 2.0 License.