Getting Started
Blocks
Browse our collection of pre-built components that you can add to your project using the shadcn CLI.
Available Components
Submit Button
Enhanced submit button with loading state that automatically detects form submission.
Spinner
A simple loading spinner component using Lucide's Loader2 icon.
Next Top Loader
A Next.js compatible top loading bar with automatic navigation detection.
Extended Form
Enhanced form component with Zod validation and react-hook-form integration.
TanStack Form
Complete form management solution using TanStack Form with Zod validation, supporting all input types including arrays and nested objects.
Typography
Polymorphic typography component with multiple variants for consistent text styling.
Installation
All components can be installed using the shadcn CLI:
pnpm dlx shadcn@latest add https://ui.nowts.app/r/<component-name>.json
For example:
pnpm dlx shadcn@latest add https://ui.nowts.app/r/submit-button.json
Build Your SaaS in Days, Not Months
NOW.TS is the Next.js 15 boilerplate with everything you need to launch your SaaS—auth, payments, database, and AI-ready infrastructure.
Learn more about NOW.TS