Web Frontend

Default
TanStack Router icon
TanStack Router

Modern type-safe router for React

Unavailable: Next.js fullstack requires Next.js frontend
React Router icon
React Router

Declarative routing for React

Unavailable: Next.js fullstack requires Next.js frontend
React + Vite icon
React + Vite

Client-routed React SPA powered by Vite

Unavailable: Next.js fullstack requires Next.js frontend
Vite (Vanilla TypeScript) icon
Vite (Vanilla TypeScript)

Framework-free TypeScript, HTML, and CSS powered by Vite

Unavailable: Next.js fullstack requires Next.js frontend
Vue 3 + Vite icon
Vue 3 + Vite

Standalone Vue 3 SPA with first-class TypeScript support

Unavailable: Next.js fullstack requires Next.js frontend
TanStack Start icon
TanStack Start

Full-stack React and Solid framework powered by TanStack Router

Unavailable: Next.js fullstack requires Next.js frontend
Next.js icon
Next.js

React framework with hybrid rendering

Vinext icon
Vinext

Next.js framework powered by Vite

Unavailable: Next.js fullstack requires Next.js frontend
Nuxt icon
Nuxt

Vue full-stack framework (SSR, SSG, hybrid)

Unavailable: Next.js fullstack requires Next.js frontend
SvelteKit icon
SvelteKit

Full-stack Svelte framework for modern web apps

Unavailable: Next.js fullstack requires Next.js frontend
Solid icon
Solid

Simple and performant reactivity for building UIs

Unavailable: Next.js fullstack requires Next.js frontend
SolidStart 2 icon
SolidStart 2

Vite-native full-stack Solid framework with SSR

Unavailable: Next.js fullstack requires Next.js frontend
Astro icon
Astro

Content-focused with Island Architecture

Unavailable: Next.js fullstack requires Next.js frontend
Qwik icon
Qwik

Resumable framework with instant load times

Unavailable: Next.js fullstack requires Next.js frontend
Angular icon
Angular

Enterprise-grade TypeScript framework by Google

Unavailable: Next.js fullstack requires Next.js frontend
RedwoodJS icon
RedwoodJS

Opinionated fullstack (React + GraphQL + Prisma)

Unavailable: Next.js fullstack requires Next.js frontend
Fresh icon
Fresh

Deno-native framework with islands architecture

Unavailable: Next.js fullstack requires Next.js frontend
No Web Frontend

No web-based frontend

Css Framework

Tailwind CSS icon
Tailwind CSS

Utility-first CSS framework

SCSS icon
SCSS

CSS preprocessor with variables and nesting

Unavailable: 'shadcn-ui' is not compatible with the 'scss' CSS framework.
Less icon
Less

Backwards-compatible CSS extension

Unavailable: 'shadcn-ui' is not compatible with the 'less' CSS framework.
PostCSS Only icon
PostCSS Only

Minimal CSS with PostCSS plugins

Unavailable: 'shadcn-ui' is not compatible with the 'postcss-only' CSS framework.
styled-components icon
styled-components

CSS-in-JS with tagged template literals for React

Unavailable: 'shadcn-ui' is not compatible with the 'styled-components' CSS framework.
No CSS Framework

Plain CSS only

Unavailable: 'shadcn-ui' is not compatible with the 'none' CSS framework.

Ui Library

shadcn/ui icon
shadcn/ui

Re-usable components built with Radix and Tailwind

shadcn-svelte icon
shadcn-svelte

Svelte components styled with Tailwind CSS

Unavailable: 'shadcn-svelte' is not compatible with the 'next' frontend.
daisyUI icon
daisyUI

Tailwind CSS component library

Radix UI icon
Radix UI

Unstyled, accessible UI components

Headless UI icon
Headless UI

Unstyled, accessible components by Tailwind Labs

Park UI

Beautifully designed components built on Ark UI

Chakra UI icon
Chakra UI

Simple, modular React component library

NextUI icon
NextUI

Beautiful, fast and modern React UI library

Mantine icon
Mantine

Full-featured React component library

MUI icon
MUI

Popular React component library implementing Material Design

Ant Design icon
Ant Design

Enterprise-class React UI component library

Base UI icon
Base UI

Unstyled components from MUI team (Radix successor)

Ark UI

Headless UI for React, Vue, Solid, and Svelte

React Aria

Adobe's accessible, unstyled UI components

No UI Library

Build custom components

Base Library

Radix UI icon
Radix UI

Battle-tested headless primitives (130M+ monthly downloads)

Base UI icon
Base UI

MUI's headless library with cleaner APIs

Visual Style

Vega

Classic shadcn/ui look

Nova

Compact layout with reduced padding

Maia

Soft, rounded with generous spacing

Lyra

Boxy and sharp, pairs well with mono fonts

Mira

Dense, made for data-heavy interfaces

Luma

Modern shadcn/ui v4 preset

Sera

Modern shadcn/ui v4 preset

Icon Library

Lucide icon
Lucide

Default — clean, consistent icons

Tabler Icons icon
Tabler Icons

2000+ open-source SVG icons

HugeIcons icon
HugeIcons

Modern icon set with wrapper component

Phosphor Icons icon
Phosphor Icons

Flexible, consistent icon family

Remix Icon icon
Remix Icon

Open-source neutral style icons

Heroicons

Tailwind Labs SVG icon set

React Icons icon
React Icons

Popular wrapper for many icon packs

Color Theme

Neutral

Clean and minimal

Stone

Warm neutral tones

Zinc

Cool neutral tones

Gray

Blue-tinted neutral

Blue

Trust and reliability

Violet

Creative and modern

Green

Growth and success

Red

Bold and energetic

Rose

Warm and inviting

Orange

Friendly and vibrant

Amber

Warm and golden

Yellow

Bright and optimistic

Lime

Fresh and lively

Emerald

Rich and luxurious

Teal

Calm and sophisticated

Cyan

Cool and refreshing

Sky

Light and airy

Indigo

Deep and focused

Purple

Royal and elegant

Fuchsia

Playful and bold

Pink

Soft and expressive

Base Color

Neutral

Pure neutral grays

Stone

Warm-tinted grays

Zinc

Cool-tinted grays

Gray

Blue-tinted grays

Font

Inter

Clean variable sans-serif (default)

Geist icon
Geist

Vercel's modern typeface

Figtree

Friendly geometric sans-serif

Noto Sans

Google's universal typeface

Nunito Sans

Rounded, balanced sans-serif

Roboto

Google's Material Design typeface

Raleway

Elegant thin-weight display font

DM Sans

Low-contrast geometric sans

Public Sans

Neutral, US government typeface

Outfit

Modern geometric variable font

JetBrains Mono icon
JetBrains Mono

Developer-focused monospace

Geist Mono icon
Geist Mono

Vercel's monospace typeface

Border Radius

Default

Use the style's default radius

None

Sharp corners (0)

Small

Subtle rounding (0.45rem)

Medium

Moderate rounding (0.625rem)

Large

Generous rounding (0.875rem)

App Platforms

Electron icon
Electron

Package compatible Vite frontends as cross-platform desktop apps

Unavailable: electron requires a compatible Vite SPA frontend.
Tauri icon
Tauri

Build native desktop apps

Capacitor icon
Capacitor

Ship compatible Vite frontends to iOS and Android

Unavailable: capacitor requires a compatible Vite SPA frontend.
PWA icon
PWA

Make your app installable and work offline

WXT

Build browser extensions

OpenTUI

Build terminal user interfaces

Backend

Default
Hono icon
Hono

Ultrafast web framework

Elysia icon
Elysia

TypeScript web framework

Express icon
Express

Popular Node.js framework

Fastify icon
Fastify

Fast, low-overhead web framework for Node.js

NestJS icon
NestJS

Progressive Node.js framework for enterprise apps

Encore.ts icon
Encore.ts

Type-safe backend with built-in infrastructure

AdonisJS icon
AdonisJS

Full-featured MVC framework for Node.js

Nitro icon
Nitro

Universal server framework (powers Nuxt)

feTS icon
feTS

TypeScript HTTP Framework with e2e type-safety

Effect icon
Effect

Effect-first service backend with layers and schema

Convex icon
Convex

Reactive backend-as-a-service

Fullstack Next.js icon
Fullstack Next.js

Use Next.js built-in API routes

Fullstack Vinext icon
Fullstack Vinext

Use Vinext server routes

Unavailable: Requires Vinext frontend
Fullstack TanStack Start icon
Fullstack TanStack Start

Use TanStack Start's built-in API routes

Unavailable: Requires TanStack Start frontend
Fullstack Astro icon
Fullstack Astro

Use Astro's built-in API routes with SSR

Unavailable: Requires Astro frontend
Fullstack Nuxt icon
Fullstack Nuxt

Use Nuxt server routes and Nitro runtime

Unavailable: Requires Nuxt frontend
Fullstack SvelteKit icon
Fullstack SvelteKit

Use SvelteKit's built-in server routes

Unavailable: Requires SvelteKit frontend
Fullstack SolidStart icon
Fullstack SolidStart

Use SolidStart's built-in server routes

Unavailable: Requires SolidStart frontend
No Backend

Skip backend integration (frontend only)

Runtime

Default
Bun icon
Bun

Fast JavaScript runtime & toolkit

Unavailable: Next.js fullstack uses built-in API routes
Node.js icon
Node.js

JavaScript runtime environment

Unavailable: Next.js fullstack uses built-in API routes
Cloudflare Workers icon
Cloudflare Workers

Serverless runtime for the edge

Unavailable: Next.js fullstack uses built-in API routes
No Runtime

No specific runtime

Api

tRPC icon
tRPC

End-to-end typesafe APIs

oRPC icon
oRPC

Typesafe APIs Made Simple

ts-rest

RPC-like client for REST APIs

Garph

Fullstack GraphQL Framework for TypeScript

GraphQL Yoga icon
GraphQL Yoga

Batteries-included GraphQL server with Pothos schema builder

Apollo Server icon
Apollo Server

Schema-first GraphQL server for Node.js runtimes

Unavailable: Apollo Server is currently available for web frontends, not React Native
OpenAPI icon
OpenAPI

REST endpoints with OpenAPI 3.1 and Scalar docs

Unavailable: OpenAPI is currently available for web frontends, not React Native
No API

No API layer (API routes disabled)

Validation

Zod icon
Zod

TypeScript-first schema validation (default)

Valibot

Smaller bundle alternative to Zod (~1KB)

ArkType

TypeScript-first validation, 2-4x faster than Zod

TypeBox

JSON Schema type builder for TypeScript

Typia

Super-fast validation via compile-time transform

Runtypes

Runtime type validation with composable validators

Effect Schema

Merged into the main effect package as effect/Schema

No Validation

Use Zod internally only (no additional library)

Effect Services

Effect Core icon
Effect Core

Add Effect services and layers to the selected stack

Effect Platform + SQL icon
Effect Platform + SQL

Core plus Platform, browser/server adapters, SQL, and Vitest

None

No additional Effect services

Backend Utilities

Backend Utilities

Generated handlers, responses, and error helpers.

Unavailable: Backend Utils requires a compatible TypeScript server stack.

API Code Generation

GraphQL Code Generator icon
GraphQL Code Generator

Generate typed GraphQL operations.

Unavailable: GraphQL Code Generator requires a GraphQL API selection.
openapi-typescript icon
openapi-typescript

Generate types from OpenAPI.

Unavailable: openapi-typescript requires the OpenAPI API selection.

Database

SQLite icon
SQLite

File-based SQL database

PostgreSQL icon
PostgreSQL

Advanced SQL database

MySQL icon
MySQL

Popular relational database

MongoDB icon
MongoDB

NoSQL document database

EdgeDB icon
EdgeDB

Graph-relational database with built-in query builder

Redis icon
Redis

In-memory data store for caching and real-time data

No Database

Skip database integration

Orm

Drizzle icon
Drizzle

TypeScript ORM

Prisma icon
Prisma

Next-gen ORM

Mongoose icon
Mongoose

Elegant object modeling tool

Unavailable: Mongoose only works with MongoDB
TypeORM icon
TypeORM

Traditional ORM with Active Record/Data Mapper

Kysely icon
Kysely

Type-safe SQL query builder

MikroORM icon
MikroORM

Data Mapper ORM for DDD

Sequelize icon
Sequelize

Mature ORM with wide adoption

No ORM

Skip ORM integration

Unavailable: Database requires an ORM

Db Setup

Turso icon
Turso

Distributed SQLite with edge replicas (libSQL)

Cloudflare D1 icon
Cloudflare D1

Serverless SQLite-compatible database for Cloudflare Workers

Unavailable: D1 database setup requires Workers runtime.
Neon Postgres icon
Neon Postgres

Serverless Postgres with autoscaling and branching

Unavailable: 'neon' database setup requires PostgreSQL.
Prisma PostgreSQL icon
Prisma PostgreSQL

Managed Postgres via Prisma Data Platform

Unavailable: 'prisma-postgres' database setup requires PostgreSQL.
MongoDB Atlas icon
MongoDB Atlas

Managed MongoDB clusters in the cloud

Unavailable: MongoDB Atlas setup requires MongoDB.
Supabase icon
Supabase

Local Postgres stack via Supabase (Docker required)

Unavailable: 'supabase' database setup requires PostgreSQL.
PlanetScale icon
PlanetScale

Postgres & Vitess (MySQL) on NVMe

Unavailable: PlanetScale setup requires PostgreSQL or MySQL.
Upstash icon
Upstash

Serverless Redis with REST API and global replication

Docker icon
Docker

Run Postgres/MySQL/MongoDB/Redis locally via Docker Compose

Unavailable: SQLite does not need Docker database setup.
Basic Setup

No cloud DB integration

Caching

Upstash Redis icon
Upstash Redis

Serverless Redis with REST API for edge and serverless

Redis icon
Redis

Self-hosted Redis via ioredis with the full command surface

No Caching

Skip caching layer setup

Search

Meilisearch icon
Meilisearch

Lightning-fast search engine with typo tolerance and instant results

Bleve icon
Bleve

Embedded, server-less full-text search for Go (no external service)

Typesense icon
Typesense

Fast, typo-tolerant search with built-in vector search

Elasticsearch icon
Elasticsearch

Distributed full-text search and analytics engine for local or cloud deployments

OpenSearch icon
OpenSearch

Open-source search and analytics suite for self-managed or managed clusters

Algolia icon
Algolia

Hosted search API with instant results, typo tolerance, and analytics

No Search

Skip search engine setup

Vector Db

pgvector icon
pgvector

Self-hosted Postgres + pgvector extension for embeddings and semantic search

Qdrant icon
Qdrant

High-performance open-source vector database for AI embeddings

Chroma icon
Chroma

Lightweight open-source embedding database for AI applications

Pinecone icon
Pinecone

Fully managed serverless vector database for production AI

No Vector DB

Skip vector database setup

File Storage

AWS S3 icon
AWS S3

Amazon S3 object storage - scalable and reliable

Cloudflare R2 icon
Cloudflare R2

S3-compatible storage with zero egress fees

Cloudinary icon
Cloudinary

Image and media storage with transformations

Supabase Storage icon
Supabase Storage

S3-compatible object storage with signed URLs and RLS

No File Storage

Skip file storage setup

Auth

Better-Auth icon
Better-Auth

The most comprehensive authentication framework for TypeScript

Better Auth + Organizations icon
Better Auth + Organizations

Better Auth with the Organizations plugin for teams and multi-tenant apps

Clerk icon
Clerk

More than authentication, Complete User Management

Auth.js (NextAuth) icon
Auth.js (NextAuth)

Open source authentication for Next.js

Stack Auth icon
Stack Auth

Open-source Auth0/Clerk alternative with user management

Supabase Auth icon
Supabase Auth

Open-source Auth with Supabase platform integration

Auth0 icon
Auth0

Flexible identity platform for authentication and authorization

WorkOS AuthKit icon
WorkOS AuthKit

Enterprise auth with SSO, SCIM, organizations, and audit logs

Kinde icon
Kinde

Authentication, organizations, roles, and permissions for SaaS apps

Passport.js icon
Passport.js

Strategy-based authentication middleware for Express applications

Unavailable: Passport.js is currently scaffolded for the Express backend
No Auth

Skip authentication

Bot Protection

Vercel BotID icon
Vercel BotID

Invisible bot detection for Vercel-hosted Next.js applications

Cloudflare Turnstile icon
Cloudflare Turnstile

Privacy-friendly challenge with mandatory server verification

No Bot Protection

Skip bot protection setup

Rate Limit

Arcjet icon
Arcjet

Bot detection, shield, and rate limiting for API routes

Upstash Ratelimit icon
Upstash Ratelimit

Redis-backed sliding-window rate limiting

No Rate Limiting

Skip rate limiting setup

Ai

Vercel AI SDK icon
Vercel AI SDK

Unified AI SDK for streaming responses and multiple providers

Mastra icon
Mastra

TypeScript-native AI agent framework with workflows

VoltAgent icon
VoltAgent

AI Agent framework with memory, workflows, and observability

LangGraph.js icon
LangGraph.js

Graph-based agent orchestration with stateful workflows

OpenAI Agents SDK icon
OpenAI Agents SDK

Official multi-agent framework with handoffs and guardrails

OpenAI SDK icon
OpenAI SDK

Official OpenAI JavaScript and TypeScript API client

Anthropic SDK icon
Anthropic SDK

Official Anthropic TypeScript client for Claude

Google ADK icon
Google ADK

Code-first agent development kit for building AI agents

ModelFusion icon
ModelFusion

Type-safe AI library for multi-provider text generation

LangChain icon
LangChain

Build context-aware reasoning applications

LlamaIndex

Data framework for LLM applications

TanStack AI icon
TanStack AI

Unified LLM interface for AI-powered apps (Alpha)

AI CLI icon
AI CLI

Terminal CLI for generating text, images, and video

Default
No AI SDK

Skip AI SDK integration

AI Tooling

Ruler

Centralize and distribute AI coding rules.

MCP Guidance icon
MCP Guidance

Generate stack-aware MCP recommendations.

Agent Skills

Install curated stack-aware agent skills.

Ai Docs

CLAUDE.md

Claude Code CLI documentation

AGENTS.md

Generic AI assistant docs

.cursorrules

Cursor IDE rules file

None

Skip AI documentation

Testing

Vitest icon
Vitest

Blazing fast Vite-native unit test framework with Testing Library support for React/Vue/Svelte

Jest icon
Jest

Classic testing framework with Testing Library support for React/Vue/Svelte

Mocha icon
Mocha

Flexible Node.js test framework with TypeScript support via tsx

Playwright icon
Playwright

End-to-end testing framework by Microsoft

Vitest + Playwright icon
Vitest + Playwright

Both unit and E2E testing with Testing Library support for complete coverage

Cypress icon
Cypress

E2E testing with time travel debugging

No Testing

Skip testing framework setup

Testing Support

MSW

Network-level API mocking.

Storybook icon
Storybook

Component workshop and visual testing.

Code Quality

Default
None

Do not generate a linting and formatting profile.

Biome icon
Biome

Biome linting and formatting.

ESLint + Prettier

ESLint flat config with Prettier formatting.

Oxlint + Oxfmt icon
Oxlint + Oxfmt

Oxc linting and formatting.

Ultracite icon
Ultracite

Opinionated Biome profile with AI support.

Git Hooks

None

Do not generate a Git hook manager.

Lefthook

Fast language-independent Git hooks.

Husky

JavaScript-native Git hooks.

Static Analysis

Knip icon
Knip

Find unused files, exports, and dependencies.

Gitleaks icon
Gitleaks

Detect secrets in Git history and changes.

Documentation

Starlight icon
Starlight

Build stellar docs with Astro

Fumadocs icon
Fumadocs

Build excellent documentation site

Workspace Shape

Monorepo

apps/* + packages/* workspaces

Single App

Flat root app (no workspaces); thin self apps only

JavaScript Toolchain

Modular

Choose each JavaScript tool independently.

Vite+ icon
Vite+

Unified Vite, Vitest, Oxlint, Oxfmt, Rolldown, tsdown, and workspace runner (Beta).

Workspace Runner

None

Use package-manager workspace scripts only.

Turborepo icon
Turborepo

Task runner with remote caching.

Nx icon
Nx

Task runner with a project graph and caching.

Package Manager

npm icon
npm

Default package manager

pnpm icon
pnpm

Fast, disk space efficient

bun icon
bun

All-in-one toolkit

yarn icon
yarn

Safe, stable, reproducible

Developer Environment

Dev Container icon
Dev Container

Generate a containerized editor environment.

Local Containers

None

Do not generate local container orchestration.

Docker Compose icon
Docker Compose

Run project services in local containers.

API Gateway

None

Do not generate an API gateway.

Kong Gateway icon
Kong Gateway

DB-less gateway for containerized APIs.

Continuous Integration

None

Do not generate CI automation.

GitHub Actions icon
GitHub Actions

Repository CI for install, check, and build.

Web Deploy

Cloudflare icon
Cloudflare

Deploy to Cloudflare Workers using Alchemy

Fly.io icon
Fly.io

Deploy globally with Fly.io edge platform

Railway icon
Railway

Deploy with Railway cloud development platform

Render icon
Render

Deploy with Render's Blueprint and Docker builds

Netlify icon
Netlify

Deploy static and SSR frontends to Netlify

Docker icon
Docker

Container-based deployment with Dockerfile

SST icon
SST

Deploy to AWS with SST (Serverless Stack)

Vercel icon
Vercel

Deploy to Vercel's edge network with zero config

None

Skip deployment setup

Server Deploy

Cloudflare icon
Cloudflare

Deploy to Cloudflare Workers using Alchemy

Unavailable: Cloudflare server deploy requires Workers runtime with the Hono backend.
Fly.io icon
Fly.io

Deploy globally with Fly.io edge platform

Unavailable: 'self-next' does not use a separate server deployment target.
Railway icon
Railway

Deploy with Railway cloud development platform

Unavailable: 'self-next' does not use a separate server deployment target.
Render icon
Render

Deploy with Render's Blueprint and Docker builds

Unavailable: 'self-next' does not use a separate server deployment target.
Netlify icon
Netlify

Deploy Hono APIs with Netlify Functions

Unavailable: Netlify Functions server deploy is currently supported only with Hono.
Docker icon
Docker

Container-based deployment with Dockerfile

Unavailable: 'self-next' does not use a separate server deployment target.
SST icon
SST

Deploy to AWS with SST (Serverless Stack)

Unavailable: 'self-next' does not use a separate server deployment target.
Vercel icon
Vercel

Deploy to Vercel's edge network with zero config

Unavailable: 'self-next' does not use a separate server deployment target.
None

Skip deployment setup

Examples

AI Example

AI integration example using AI SDK

Chat SDK Bots

Framework-specific Chat SDK bot example (Next/TanStack Start: Slack, Nuxt: Discord, Hono: GitHub review)

Version Channel

Stable

Use Better Fullstack's curated pinned versions

Latest

Resolve current npm latest tags during scaffolding

Beta

Prefer beta, next, RC, canary, or alpha releases when available

Git

Git icon
Git

Initialize Git repository

No Git

Skip Git initialization

Install

Install Dependencies icon
Install Dependencies

Install packages automatically

Skip Install

Skip dependency installation

$
GitHub Sponsors