betterfullstackAlphaBuilderPresets
Try now
Command
$
TanStack Router icon
TanStack Router

Modern type-safe router for React

React Router icon
React Router

Declarative routing for React

React + Vite icon
React + Vite

Client-routed React SPA powered by Vite

TanStack Start icon
TanStack Start

Full-stack React and Solid framework powered by TanStack Router

Next.js icon
Next.js

React framework with hybrid rendering

Nuxt icon
Nuxt

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

SvelteKit icon
SvelteKit

Full-stack Svelte framework for modern web apps

Solid icon
Solid

Simple and performant reactivity for building UIs

SolidStart icon
SolidStart

Full-stack Solid framework with SSR

Astro icon
Astro

Content-focused with Island Architecture

Qwik icon
Qwik

Resumable framework with instant load times

Angular icon
Angular

Enterprise-grade TypeScript framework by Google

RedwoodJS icon
RedwoodJS

Opinionated fullstack (React + GraphQL + Prisma)

Fresh icon
Fresh

Deno-native framework with islands architecture

No Web Frontend

No web-based frontend

Tailwind CSS icon
Tailwind CSS

Utility-first CSS framework

SCSS icon
SCSS

CSS preprocessor with variables and nesting

Unavailable: shadcn/ui requires Tailwind CSS
Less icon
Less

Backwards-compatible CSS extension

Unavailable: shadcn/ui requires Tailwind CSS
PostCSS Only icon
PostCSS Only

Minimal CSS with PostCSS plugins

Unavailable: shadcn/ui requires Tailwind CSS
No CSS Framework

Plain CSS only

Unavailable: shadcn/ui requires Tailwind CSS
shadcn/ui icon
shadcn/ui

Re-usable components built with Radix and Tailwind

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

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

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

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)

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

Convex icon
Convex

Reactive backend-as-a-service

Fullstack Next.js icon
Fullstack Next.js

Use Next.js built-in API routes

Unavailable: Requires Next.js 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)

Effect (Core) icon
Effect (Core)

Powerful effect system for TypeScript

Effect Full icon
Effect Full

Full ecosystem with Schema, Platform, and SQL

None

No additional backend libraries

Bun icon
Bun

Fast JavaScript runtime & toolkit

Node.js icon
Node.js

JavaScript runtime environment

Cloudflare Workers icon
Cloudflare Workers

Serverless runtime for the edge

No Runtime

No specific runtime

Unavailable: Runtime 'None' only for Convex or fullstack backends
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

No API

No API layer (API routes disabled)

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

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
Turso icon
Turso

Distributed SQLite with edge replicas (libSQL)

Cloudflare D1 icon
Cloudflare D1

Serverless SQLite-compatible database for Cloudflare Workers

Unavailable: D1 requires Workers runtime
Neon Postgres icon
Neon Postgres

Serverless Postgres with autoscaling and branching

Unavailable: Neon requires PostgreSQL
Prisma PostgreSQL icon
Prisma PostgreSQL

Managed Postgres via Prisma Data Platform

Unavailable: Prisma Postgres requires PostgreSQL
MongoDB Atlas icon
MongoDB Atlas

Managed MongoDB clusters in the cloud

Unavailable: MongoDB Atlas requires MongoDB
Supabase icon
Supabase

Local Postgres stack via Supabase (Docker required)

Unavailable: Supabase requires PostgreSQL
PlanetScale icon
PlanetScale

Postgres & Vitess (MySQL) on NVMe

Unavailable: PlanetScale 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 doesn't need Docker
Basic Setup

No cloud DB integration

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

Docker icon
Docker

Container-based deployment with Dockerfile

SST icon
SST

Deploy to AWS with SST (Serverless Stack)

None

Skip deployment setup

Cloudflare icon
Cloudflare

Deploy to Cloudflare Workers using Alchemy

Unavailable: In Better-Fullstack, Cloudflare server deploy currently requires Workers runtime
Fly.io icon
Fly.io

Deploy globally with Fly.io edge platform

Railway icon
Railway

Deploy with Railway cloud development platform

Docker icon
Docker

Container-based deployment with Dockerfile

SST icon
SST

Deploy to AWS with SST (Serverless Stack)

None

Skip deployment setup

Better-Auth icon
Better-Auth

The most comprehensive authentication framework for TypeScript

Clerk icon
Clerk

More than authentication, Complete User Management

Unavailable: In Better-Fullstack, Clerk is currently supported with Convex, Next.js fullstack, or TanStack Start fullstack
Auth.js (NextAuth) icon
Auth.js (NextAuth)

Open source authentication for Next.js

Unavailable: In Better-Fullstack, Auth.js (NextAuth) is currently supported only with the 'self' backend (fullstack Next.js)
Stack Auth icon
Stack Auth

Open-source Auth0/Clerk alternative with user management

Unavailable: In Better-Fullstack, Stack Auth is currently supported only with the 'self' backend (fullstack Next.js)
Supabase Auth icon
Supabase Auth

Open-source Auth with Supabase platform integration

Unavailable: In Better-Fullstack, Supabase Auth is currently supported only with the 'self' backend (fullstack Next.js)
Auth0 icon
Auth0

Flexible identity platform for authentication and authorization

Unavailable: In Better-Fullstack, Auth0 is currently supported only with the 'self' backend (fullstack Next.js)
No Auth

Skip authentication

Biome icon
Biome

Format, lint, and more

Oxlint icon
Oxlint

Oxlint + Oxfmt (linting & formatting)

Ultracite icon
Ultracite

Biome preset with AI integration

Lefthook

Fast and powerful Git hooks manager

Husky

Modern native Git hooks made easy

Ruler

Centralize your AI rules

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

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)

Unavailable: Chat SDK Hono profile requires Node runtime in v1
CLAUDE.md

Claude Code CLI documentation

Agents.md

Generic AI assistant docs

.cursorrules

Cursor IDE rules file

None

Skip AI documentation

Git icon
Git

Initialize Git repository

No Git

Skip Git initialization

Install Dependencies

Install packages automatically

Skip Install

Skip dependency installation