ShadcnShip is a collection of production-ready blocks built with Shadcn/ui, Tailwind CSS, React.js, and TypeScript. Designed for developers who want to ship landing pages and SaaS applications faster without building common sections from scratch.
All components are fully open and editable, integrating naturally into your codebase without introducing a new design system.
⭐ Star this repo to follow development • Shadcnship.com
Tech Stack: Next.js 16+ • TypeScript • Tailwind CSS • Shadcn UI • Supabase/PostgreSQL
One-command install — Add any block with a single npx command Production-ready — Responsive, accessible, fully typed Copy & customize — No lock-in, edit freely to match your brand Growing library — New blocks added regularly SaaS-ready — Data-driven components with Supabase/PostgreSQL support
Discover 40+ blocks to build complete landing pages and SaaS applications.
| Hero | Feature | Pricing | Call to Action | Background | Footer/Navigation/Logo ... |
|---|---|---|---|---|---|
5 blocks |
7 blocks |
3 blocks |
4 blocks |
5 blocks |
23+ blocks to discover |
| Category | Count | Features |
|---|---|---|
| Waitlist | 1 | Email collection with Supabase |
- Adding new blocks every week
- Landing & Dashboard templates
- More SaaS components (Settings, Notifications, Onboarding)
- Stripe integration for payments
Visit ShadcnShip to start using our components.
npx shadcn@latest add "https://shadcnship.com/r/hero-01.json"ShadcnShip is released under the MIT License.