Homechevron_rightUI Componentschevron_rightEmpty States Pack
Empty States Pack
12 production-ready empty state components for your SaaS. No results, errors, empty inbox, offline, no access, and more — each with an abstract geometric illustration that picks up your brand colour via CSS variables. Single component API plus named imports. React + Tailwind, zero dependencies, Server Component compatible.
inventory_2What's included
- check_circleEmptyState.tsx — 12 variants, single component + named re-exports
- check_circleEmptyStateDemo.tsx — full-page grid demo of all 12 variants
- check_circleREADME.md — usage guide, props reference, variant catalogue
- check_circleZero extra dependencies — React + Tailwind only
- check_circleTypeScript types included
- check_circleCSS variable theming — 5 variables to match your brand
- check_circleWorks as a Server Component (no "use client" required)
One-time payment · no subscription
More like this
UI Components
Onboarding Pages Pack
16 production-ready onboarding page components for SaaS apps. 8 screens × 2 layouts (Centered + Stepped with progress bar) — every component you need to take a new user from signup to dashboard. Each file is self-contained with zero shared imports. Drop in only the screens you need, or use the full 8-step flow. CSS variable theming with --onboarding-* namespace — swap the accent colour in one line. Includes a scrollable dev gallery showing all 16 variants side by side, plus a full README with props reference and CSS variable documentation.
UI Components
Billing Pages Pack
UI Components
Waitlist Page
A coming-soon waitlist section for your SaaS. Drop it into any page or use as a full-screen launch page. Email capture with validation, animated submit states, signup count from your own API, and confetti on success. Themed with 7 CSS variables. React + Tailwind + canvas-confetti.