ShadcnShipShadcnShip

Welcome

Welcome on ShadShip 🏴‍☠️

Introduction

Welcome to ShadShip – production-ready SaaS components for Next.js.

What is ShadShip?

ShadShip is a collection of advanced components built specifically for SaaS applications. While shadcn/ui gives you beautiful UI primitives, ShadShip gives you the complex, feature-rich components you need to ship your product fast.

Think advanced data tables, multi-step forms, dashboard layouts, and authentication flows – all with backend integration patterns included.

Why ShadShip?

Stop rebuilding the same features

Every SaaS needs data tables with server-side pagination, forms with auto-save, settings pages with tabs. You've built these dozens of times. We did too.

shadcn/ui gives you buttons. We give you systems.

  • ✅ Components with logic, not just UI
  • ✅ Backend adapters for Supabase, Prisma, custom APIs
  • ✅ Production-ready features out of the box
  • ✅ TypeScript strict, fully typed
  • ✅ Copy-paste friendly like shadcn

What's included?

Advanced Data Table

  • Server-side pagination & sorting
  • Advanced filters & search
  • Export CSV/PDF
  • Bulk actions
  • Column management

Multi-Step Forms

  • Auto-save drafts
  • Conditional fields
  • Progress tracking
  • Validation per step

Dashboard Layouts

  • Responsive sidebar
  • Command palette (⌘K)
  • User menu & settings
  • Mobile-optimized

Authentication Flows

  • Login/Signup/Reset
  • Email verification
  • 2FA setup
  • OAuth ready

Settings Pages

  • Tab navigation
  • Billing integration UI
  • Team management
  • Permissions toggles

...and more coming every week.

How it works

ShadShip uses the same philosophy as shadcn/ui:

  1. Install the CLI
  2. Add components to your project
  3. Own the code – it's yours to modify
npx shadship@latest init
npx shadship add data-table

Components are copied into your project with full source code. No npm package, no black box. You control everything.

Backend Agnostic

Works with your stack:

  • Supabase – Built-in adapter
  • Prisma – Built-in adapter
  • Custom API – Use any endpoint
  • Client-side – Works offline too

Choose your adapter at install time, or bring your own fetcher function.

Who is this for?

Indie makers shipping SaaS solo Small teams building products fast Developers tired of rebuilding tables

If you're building a SaaS and want to skip the boilerplate, ShadShip is for you.

Pricing

Free tier – Basic components, open source Pro – Advanced components, all features, lifetime updates

See Pricing for details.

Get Started

Ready to ship faster?

Install ShadShip →

Or browse components to see what's available:

View Components →


Questions? Check the FAQ or open an issue on GitHub.