start-ui-web
🚀 Start UI [web] is an opinionated UI starter from the 🐻 Beastudio Team with ⚙️ Node.js, 🟦 TypeScript, ⚛️ React, 📦 TanStack Start, 💨 Tailwind CSS, 🧩 shadcn/ui, 📋 React Hook Form, 🔌 oRPC, 🛠 Prisma, 🔐 Better Auth, 📚 Storybook, 🧪 Vitest, 🎭 Playwright
reacttemplateboilerplatetypescriptwebreactjsnextjsstarterstorybookhacktoberfeststarter-projectmaildev
Preview
Overview
Start UI [web] is an opinionated frontend starter template for building web applications with Node.js, TypeScript, React, TanStack Start, Tailwind CSS and shadcn/ui components. It includes pre-configured tools for form handling, backend communication, database management, authentication, testing and email templates, designed for teams to quickly scaffold production-ready web apps.
Features
authenticationemail-templatesform-handlingcomponent-librarystorybook-integratione2e-testingdocker-supportdatabase-seedingenvironment-configurationicon-generationemail-preview
Feature Flags
authenticationemailspaymentsrealtimeteamsOrgsi18nsearchnotificationsformsValidationtrpcstorybooktestingdocker
Recommended Use Cases
web-application-developmentrapid-prototypingclient-projectsteam-collaboration
Frontend
reacttanstack-starttailwindcssshadcn-uireact-hook-formreact-email
Backend
nodejsprismabetter-authorpc
Auth Providers
better-auth
Deployment Targets
docker
Payment Providers
None
Quick Facts
Stack
Framework
tanstack-start
Language
typescript
CSS
tailwindcss
Database
postgresql
Auth
better-auth
ORM
prisma
Testing
vitest, playwright
Data Layer
Databases
postgresql
ORM
prisma
UI Stack
Styling
tailwindcss
Components
shadcn-ui
Developer Experience
Docker
Yes
Tests
Yes
Quickstart
Yes
env.example
Yes
Pricing
Classification
free
Selected
—
Notes
Open source starter template