saas-starter

react-starter-kit: Launch a fast SaaS app with Bun, TS & Tailwind

Name: react-starter-kit: Launch a fast SaaS app with Bun, TS & Tailwind
Author: kriasoft

A production‑ready monorepo that gives founders a ready‑made React, TypeScript, Bun, tRPC and Stripe stack with Cloudflare Workers—24k+ GitHub stars.

From the repo · “Modern React starter kit with Bun, TypeScript, Tailwind CSS, tRPC, Stripe, and Cloudflare Workers. Production-ready monorepo for building fast web apps.”

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

23,696 stars+6★ this week4,199 forksTypeScriptGuide quality 9/10 · reviewed Oct 5Updated 10/19/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: Launch a fast SaaS app with Bun, TS & Tailwind works

Codeflow

Free to inspect

React-starter-kit: Launch a fast SaaS app with Bun, TS & Tailwind 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

Do this with a working workflow

Pages we wrote and tested that put a skill like this to work — importable n8n templates, outcome guides and Claude Desktop configs.

Outcome guide

Write bulk product descriptions for your Shopify store

Export your products to a Google Sheet, run the workflow once, and it fills in a description for every product without one — in your chosen tone. Import the results back into Shopify.