Skip to content
v1.0 Public Beta is Live

Your next site starts here.

Clone the repo. Customize the tokens. Deploy by Friday. Velocity handles the tedious parts so you can focus on the work that matters.

Get Started View on GitHub
+

Used by 40+ agencies in production

terminal
Astro 6

Server islands & content layer

Tailwind v4

Zero-runtime CSS engine

TypeScript

Strict type safety defaults

React

Interactive components

Everything you need.
Nothing you don't.

We stripped away the bloat and kept the primitives that actually speed up development for agencies and freelancers.

Design Tokens & Dark Mode

Complete design system using Tailwind v4's CSS-first configuration with built-in dark mode. Semantic color tokens, system preference detection, and localStorage persistence.

src/styles/tokens/colors.css
1/* src/styles/tokens/colors.css */
2:root {
3  /* Brand Scale - International Orange */
4  --brand-500: oklch(62.5% 0.22 38);
5  --brand-600: oklch(53.2% 0.19 38);
6 
7  /* Semantic Tokens - Light Mode */
8  --background: var(--gray-0);
9  --foreground: var(--gray-900);
10  --border: var(--gray-200);
11  --primary: var(--gray-900);
12  --accent: var(--brand-500);
13}
14 
15/* Dark Mode */
16.dark {
17  --background: var(--gray-950);
18  --foreground: var(--gray-50);
19  --border: var(--gray-800);
20  --primary: var(--gray-0);
21}
One Command

Scaffold exactly what you need.

Not every project needs everything. The Velocity CLI lets you pick your starting point.

Need custom pages? Use --pages and they're generated with routes and nav already wired. Pair it with --i18n and you get localized versions too—translations scaffolded and ready.

No prompts to click through. No wizard to escape. Just flags that do what they say.

1
command to start
5
flags to customize
27+
components available
terminal
$
npm create velocity-astro@latest my-site
# Add what you need
--demo # Sample landing page + blog posts
--components # 27 production-ready UI primitives
--i18n # Multi-language routing configured
--pages # Generate pages (+ i18n versions)
-y # Skip prompts, use defaults
✓ Project created successfully!
cd my-site && npm run dev

Stop configuring. Start shipping.

Join the developers building faster, better websites with Velocity. Open source and free forever.

Read the Docs