component-pack/src/components/
Text input
Select
Checkbox
Card component
Reusable card with header, body, and footer slots.
Alert: Error
Something went wrong. Please try again.
30 components · 8 categories · Dark mode · TypeScript

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
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
TaskTime
Building 30 components from scratch24h
Accessibility testing + ARIA labels8h
Dark/light mode theming4h
TypeScript prop types + docs4h
Total40h

At $50/hr, that’s $2,000 worth of development time. Get it done for $24.