Components

PreviousNext

Reusable components built on top of shadcn/ui for faster development.

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