Flow — Website

Marketing site, changelog, and patron listing for Flow, an open-source YouTube client.

flow.aedev.me  ·  Flow (Android)  ·  Flow (Desktop)

---

Stack

• React 18 + TypeScript, bundled with Vite
• Tailwind CSS for styling, with the theme defined as CSS variables in src/styles/globals.css
• Framer Motion for animation
• React Router for routing
• Lucide for icons

Routes

Path	Page
/	Home — hero, features, engine, FAQ, support
/changelog	Release notes, split by platform
/patrons	Patrons, grouped by support tier
/about	Project background
/privacy	Privacy policy
/dmca	DMCA notice

Getting started

Requires Node.js 18 or newer.

npm install      # install dependencies
npm run dev      # start the dev server
npm run build    # type-check and build to dist/
npm run preview  # serve the production build locally

Project layout

src/
├── components/
│   ├── layout/     Header, Section
│   ├── sections/   Home page sections (Hero, Features, NeuroEngine, …)
│   └── ui/         Button, reveal animations
├── pages/          Route-level pages
├── styles/         Global CSS and theme variables
└── lib/            Small helpers
public/             Static assets, content JSON, sitemap, robots

Content

A few pages read their content from static JSON in public/ instead of hardcoded markup, so routine updates don't require touching component code.

File	Used by	Purpose
public/changelogs.json	/changelog	Per-version release notes, one entry per platform build.
public/patrons.json	/patrons	Supporters, grouped by tier. See the file's _note field for the exact format.
public/stats.json	Header	Star and download counts (see below).

GitHub stats

Star and download counts are read from public/stats.json rather than the GitHub API, so no requests are made from the browser. The file is refreshed hourly by the workflow in .github/workflows/update-stats.yml, which fetches the latest numbers and commits them back.

Related repositories

• Flow-Tube/Flow — the Android app
• flowneuro/flow-desktop — the desktop app (Rust, Tauri 2)

License

GPL-3.0. See LICENSE.

Note

The website was built with the assisstance of claude code

Credits

Parts of this website's redesign (the two-tone sections, tone-aware buttons, navigation dropdowns and footer layout) were inspired by the design of Zen Browser's website.