Component Pack

Two reusable UI components built with Tailwind CSS v4: a Button with three variants and three sizes, and a keyboard-accessible Modal. Copy-paste ready and fully typed. Works with any Next.js, Astro, or Vite project.

$24 one-time
Buy now →

Secure checkout via Polar.sh. Lifetime access. Instant download.

features
  • >2 components: Button and Modal
  • >TypeScript props throughout
  • >Keyboard-accessible dialog
  • >Dark and light mode
  • >No external UI dependencies
tech stack
React 19Tailwind CSS v4TypeScript
pros & cons

Pros

  • + One-time payment, own forever
  • + Full source code included
  • + Works with Next.js 16 + Tailwind v4
  • + Most affordable option in its category

Cons

  • – Requires basic React knowledge
  • – No drag-and-drop builder
what’s inside
  • └src/components/Button.tsx — 3 variants, 3 sizes, typed props
  • └src/components/Modal.tsx — dialog-based, keyboard accessible
  • └src/app/page.tsx — usage examples
  • └src/app/globals.css — design tokens
related guides

Learn more about building with starter kits.

Build a SaaS for $100/mo

Complete breakdown of hosting, database, auth, email, and analytics costs for bootstrapped SaaS.

ShipFast vs CheapStack

Head-to-head comparison of two popular Next.js boilerplates. Features, pricing, community.

Best Next.js boilerplate 2026

ShipFast, MakerKit, and CheapStack compared. Which one should you buy?