Preblocks: Shadcn UI Blocks & Tailwind Components for React

Preblocks Kit offers production-ready SaaS starter templates for Tanstack Start (React) and Nuxt 4 (Vue), bundling authentication, Stripe payments, SEO, database, and a library of shadcn/ui blocks.

What is Preblocks Kit?

Preblocks Kit is a set of starter templates that takes your framework choice (Tanstack Start or Nuxt 4) and outputs a fully functional SaaS project with authentication (Better Auth), Stripe payments, SEO configuration, dark mode, and a PostgreSQL database via Drizzle ORM. It is built by the same team behind the Preblocks UI block library.

Key Features

• Authentication — Email, OAuth, and magic link via Better Auth with session management.
• Payments — Stripe integration for subscriptions, one-time payments, and webhooks.
• SEO Optimized — Pre-configured meta tags, Open Graph, JSON-LD schema, sitemap, and robots.txt.
• Dark Mode — System-aware theme with persistent user preference.
• Database — Drizzle ORM with PostgreSQL, migrations, seeds, and type-safe queries.
• Prebuilt Blocks — Copy-paste shadcn/ui and Tailwind CSS blocks for landing pages.

Who is it for?

• React developers wanting a Tanstack Start boilerplate with auth and payments.
• Vue developers wanting a Nuxt 4 foundation with SEO and database.
• Solo founders and freelancers building an MVP in hours using pre-built components.

Use Cases

• Launch a SaaS MVP — Clone the template, add your Stripe keys, and deploy a working app with sign-up, billing, and SEO.
• Build a marketing site — Use the included shadcn/ui blocks (blog, CTA, FAQ, pricing tables) to create a landing page.
• Customize for a niche — Extend with new Drizzle models, custom auth flows, or your own components.

FAQ

What is Preblocks Kit?

Preblocks Kit provides production-ready SaaS starter templates for Tanstack Start and Nuxt 4 with auth, payments, SEO, dark mode, database, and pre-built shadcn/ui blocks.

Which framework should I choose?

Choose Tanstack Start for React, Nuxt 4 for Vue. Both have the same core features and block library.

Can I use both kits?

Yes, purchase each separately or as a Bundle. They share the same block library.

If you have more questions, Contact by email.