Bounce Kit Pro
The free kit covers your marketing site and auth. Pro is the app: data tables, charts, command menu, settings, onboarding, billing. Every block installs with the same CLI. You also get the private repo this site runs on.
One payment · Refund within 14 days · Demo needs no account
By the numbers
0
Pro blocks
0+
Free components
0
Routes in the repo
0+
Tests
What you get
Every block below is running in the demo. Click through, then install the ones you want.
Sortable, paginated, custom cell renderers, keyboard friendly.
npx bouncekit add data-table
Card shell for any chart library, with header actions and footer.
npx bouncekit add chart-card
Dependency-free SVG area chart. This month vs last month.
npx bouncekit add performance-chart
KPI tile with trend arrow and delta badge.
npx bouncekit add stat-card
Timeline of who did what, with avatars and relative time.
npx bouncekit add activity-feed
⌘K palette with groups, icons and keyboard navigation.
npx bouncekit add command-menu
Slide-over inbox with read state and grouping.
npx bouncekit add notification-panel
The app frame: floating nav, command menu, notifications, theme toggle.
npx bouncekit add dashboard-shell
Collapsible app sidebar with sections and active state.
npx bouncekit add sidebar
Icon, copy, primary action. For every zero-data screen.
npx bouncekit add empty-state
Create, copy-once, revoke. Server-action wired.
npx bouncekit add api-keys-table
Plan status, invoices, Stripe portal button.
npx bouncekit add billing-card
Confirm-to-delete account section with typed confirmation.
npx bouncekit add danger-zone
React Hook Form + Zod, server action, toast feedback.
npx bouncekit add profile-form
Multi-step wizard with progress and persistence.
npx bouncekit add onboarding-steps
Post-signup checklist that tracks completion.
npx bouncekit add setup-checklist
First-run screen with next actions.
npx bouncekit add welcome-screen
Demo
Same code, sample data. Nothing saves.
The demo is a full app. It runs on a phone, it is better on a laptop.
Open the demoSpecifications
The private Next.js project behind bouncekit.dev. Clone it, rename it, ship.
@clerk/nextjs
Clerk sign-in, sign-up, OAuth callback, protected routes. Works in keyless dev mode.
api/webhooks/payment
Stripe checkout, invoices, customer portal, and the webhook that issues license keys. The same one that sold you this.
(dashboard)/settings/*
Profile, API keys, billing, danger zone. Server actions, Zod, toasts.
src/emails/*
Welcome, license and refund templates in React Email, sent through Resend with retries.
tokens.css
HSL tokens, dark mode, and a live customizer that exports CSS.
scripts/build-registry.ts
The build script and API route that ship these blocks. Sell your own components with it.
By hand
Honest estimates for a competent solo developer. Pro costs less than one of them.
| Slice | Yourself | With Pro |
|---|---|---|
| Auth, OAuth, protected routes | 3 days | Done |
| Stripe checkout, webhooks, licensing | 4 days | Done |
| Dashboard, settings, API keys, danger zone | 5 days | Done |
| Transactional email templates | 1 day | Done |
| Design tokens, dark mode, theme engine | 2 days | Done |
| Rate limiting, analytics, error tracking | 2 days | Done |
| Total | 17 days | Today |
Pricing
Solo is one developer. Team is up to ten.
One developer.
Up to ten developers.
Refund within 14 days. Read every file, run it, decide. If it is not for you, reply to the receipt email. Prices in USD. Your statement will say Bounce Kit.
FAQ
Short answers. Email if yours is missing.
17 blocks, the repo, one payment.