Component Pack
A library of 30 reusable UI components built with Tailwind CSS v4. Buttons, forms, modals, dropdowns, cards, navigation, alerts, and more. Copy-paste ready, fully typed, accessible. Works with any Next.js, Astro, or Vite project.
$24 one-time
Buy now →
Secure checkout via Polar.sh. Lifetime access. Instant download.
features
- >30 components across 8 categories
- >TypeScript + React
- >Accessible (ARIA labels, keyboard nav)
- >Dark and light mode
- >No external UI dependencies
- >Copy-paste integration
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, TypeScript props
- └src/components/Modal.tsx — dialog-based, keyboard accessible
- └src/components/Card.tsx — default, interactive, horizontal variants
- └src/components/Alert.tsx — success, error, warning with icons
- └src/components/Badge.tsx — status badges, color variants
- └More: Table, Avatar, Tabs, Breadcrumbs, Dropdown, Select, etc.
time saved vs building yourself
At $50/hr, that’s $2,000 worth of development time. Get it done for $24.
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?