CompaKit

Copy-paste React components for insurance policy comparisons.

Score: 7.7/10MAEasy BuildReady to Spawn
Brand Colors

The Opportunity

Problem

Solo insurtech founders can't build intuitive UIs for comparing complex insurance policies without tailored design tools or templates.

Solution

CompaKit provides battle-tested, customizable React components for policy tables, sliders, and modals—plug into your Next.js app instantly. Live playground for testing with your data, then copy production-ready code. Solo founders ship intuitive UIs without UI/UX hires.

Target Audience

Solo founders developing insurtech startups focused on policy comparison tools

Differentiator

Pre-built, responsive components with insurtech logic like dynamic premium calcs and coverage toggles—zero config for most use cases.

Brand Voice

friendly

Features

Component Playground

must-have15h

Live editor to test components with sample policy data.

Copy-Paste Code Gen

must-have12h

One-click export of customized React/TSX code.

Policy Data Binding

must-have10h

Connect your API data to components seamlessly.

Customization Panel

must-have15h

Tweak props, styles, themes visually.

User Library

must-have8h

Save favorite component configs.

Documentation Viewer

must-have10h

Full docs with examples per component.

Component Packs

nice-to-have12h

Themed packs for auto/health/life insurance.

Usage Analytics

nice-to-have8h

Track component performance in your app.

Figma Imports

nice-to-have10h

Import designs to generate components.

Total Build Time: 100 hours

Database Schema

users

ColumnTypeNullable
iduuidNo
emailtextNo
created_attimestampNo

saved_configs

ColumnTypeNullable
iduuidNo
user_iduuidNo
component_nametextNo
config_jsontextNo

Relationships:

  • user_id references users(id)

components

ColumnTypeNullable
iduuidNo
nametextNo
code_snippettextNo
viewsintNo

API Endpoints

POST
/api/configs

Save config

🔒 Auth Required
GET
/api/user/configs

List saved configs

🔒 Auth Required
POST
/api/components/:name/export

Generate customized code

Tech Stack

Frontend
Next.js 14 + Tailwind + shadcn/ui
Backend
Next.js API
Database
Supabase
Auth
Supabase Auth
Payments
Stripe
Hosting
Vercel
Additional Tools
Monaco Editor

Build Timeline

Week 1: Core playground

25h
  • Auth
  • Playground MVP
  • 3 key components

Week 2: Customization & export

25h
  • Custom panel
  • Code gen
  • Data binding

Week 3: More components & docs

20h
  • 5+ components
  • Docs
  • Library

Week 4: Payments & saves

20h
  • Saved configs
  • Pricing
  • Landing
Total Timeline: 4 weeks • 110 hours

Pricing Tiers

Free

$0/mo

No saves

  • Basic components
  • Playground

Pro

$15/mo
  • Unlimited saves
  • All components
  • Packs

Enterprise

$49/mo
  • All Pro
  • Private components
  • Support

Revenue Projections

MonthUsersConversionMRRARR
Month 11202%$36$432
Month 69004%$540$6,480

Unit Economics

$20
CAC
$360
LTV
4%
Churn
95%
Margin
LTV:CAC Ratio: 18.0xExcellent!

Landing Page Copy

React Components for Policy Comps

Copy-paste, customize, ship—insurtech UIs made easy.

Feature Highlights

Live testing
Custom code export
Policy-specific logic
Responsive by default
Saved libraries

Social Proof (Placeholders)

"'Dropped right into my app!' - Chris M."
"'Perfect for bootstrapping.' - Lena P."
"'Saved design costs.' - Raj V."

First Three Customers

Post component demos on r/reactjs and Next.js Discord, collect emails. Target Next.js insurtech repos on GitHub with free Pro. Twitter thread on 'insurtech UI hacks' with signup.

Launch Channels

Product Huntr/reactjsNext.js DiscordTwitter #reactDev.to

SEO Keywords

insurance react componentspolicy comparison reactinsurtech ui kitnextjs policy comparatorshadcn insurance components

Competitive Analysis

Shadcn/ui

ui.shadcn.com
Free
Strength

Beautiful primitives

Weakness

No domain logic

Our Advantage

Insurtech-ready with data binding

Free/Pro $25
Strength

Full UI lib

Weakness

Generic components

Our Advantage

Niche focus + playground

🏰 Moat Strategy

Growing collection of high-conversion insurtech components with usage data.

⏰ Why Now?

Next.js + React boom in startups, insurtech needs dev-speed UI solutions.

Risks & Mitigation

marketmedium severity

Devs prefer building own

Mitigation

Emphasize time savings in demos

executionlow severity

Component maintenance

Mitigation

Modular shadcn base

Validation Roadmap

pre-build7 days

Survey React insurtech devs

Success: 70% interested

mvp14 days

Share playground link

Success: 50 trials

Pivot Options

  • General React UI kits
  • SaaS dashboard components
  • No-code to code exporter

Quick Stats

Build Time
110h
Target MRR (6 mo)
$1,000
Market Size
$20.0M
Features
9
Database Tables
3
API Endpoints
3