saas-starter

react-starter-kit: Fast Web Apps

Name: react-starter-kit: Fast Web Apps
Author: kriasoft

Build fast web apps with react-starter-kit, a production-ready monorepo.

intermediate⏱ 1-2 hours💵 Free ( self-hosted )

23,678 stars4,202 forksTypeScriptGuide quality 9/10Updated 9/14/2026100% free · open source

What it is

Build fast web apps with a pre-designed starter kit.

Real use case example

"A founder wanting a minimum viable product (MVP) can use this starter kit to create a website in just a few hours. They would select a design, set up Tailwind CSS, and link it to their Cloudflare Workers account. This enables fast and secure hosting, allowing them to focus on user testing and feedback."

When to use it

•Building a SaaS product that needs rapid initial setup
•Creating a web app with integrated authentication and payment flows
•Wanting a scalable monorepo architecture with best-practice tooling

Ready-to-paste prompt

git clone https://github.com/kriasoft/react-starter-kit my-saas-project && cd my-saas-project && bun install

Saves to your device

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

🛠️ Technical setup

Expect 20–40 minutes in a terminal — or let your AI agent drive it.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/react-starter-kit && curl -fsSL https://workflowstacks.com/api/skills/react-starter-kit/claude-skill -o ~/.claude/skills/react-starter-kit/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How react-starter-kit: Fast Web Apps works

Codeflow

Free to inspect

React-starter-kit: Fast Web Apps is a medium TypeScript project (~8.5k lines across 135 code files). Expect some technical setup — comfortable with a terminal, or ask a developer. Last commit this month, MIT license, has a test suite.

Size

Medium codebase

~8.5k lines · 135 code files · ~1 h to skim

Setup

Some technical setup

Comfortable with a terminal? 20–40 min. Otherwise ask a dev.

Runs on

Node.js

No API keys detected

TypeScript 80%Astro 11%HCL 4%CSS 3%HTML 1%

Where to start reading

1
README.md
Start here — what it does and how to install it
2
AGENTS.md
The instructions the AI actually follows
3
db/index.ts
Where the program starts running
4
package.json
Dependencies and the commands it exposes

What's in each folder

apps/Sub-packages / plugins119 files

packages/Sub-packages / plugins46 files

docs/Documentation61 files

db/Folder29 files

infra/Deployment / infrastructure11 files

scripts/Helper scripts5 files

.agents/Tool / agent settings16 files

.github/CI / automation (GitHub Actions)10 files

READMEHas testsDocumentedCI checksMIT licenseUpdated this month

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

🛠️ Technical setup

Expect 20–40 minutes in a terminal — or let your AI agent drive it.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/react-starter-kit && curl -fsSL https://workflowstacks.com/api/skills/react-starter-kit/claude-skill -o ~/.claude/skills/react-starter-kit/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions

Details

Creator

kriasoft

Language

TypeScript