Crivox solves the blank reply box problem. Paste any social media post and get thoughtful, platform-aware comments tailored to your voice. Built for creators, marketers, and professionals who engage daily on LinkedIn, Twitter/X, Instagram, Facebook, Reddit, and blogs.
- AI Comment Generator - Paste text, a URL, or upload an image screenshot. Get up to 5 unique variations powered by Groq (Llama 3.3 70B + Llama 4 Scout for vision)
- 8 Tone Styles - Professional, Casual, Witty, Supportive, Bold, Educational, Insightful, Authoritative
- 9 Languages - English, Spanish, French, German, Portuguese, Hindi, Arabic, Chinese, Japanese (Pro: multi-language; Free: English only)
- Bulk Generation - Generate comments for up to 5 posts at once with CSV export
- Comment Queue - Schedule, track, and mark comments as posted with date/time and notes
- Templates Library - 11 built-in presets across 6 categories + create your own
- Analytics Dashboard - 30-day trend, tone distribution pie chart, platform breakdown bar chart
- Generation History - Search, filter by tone/platform, favorite, re-generate, CSV export
- Shareable Links - Public comment set URLs with no login required
- Dark/Light Mode - Persistent theme preference
- Voice Profile - Store up to 3 writing samples so AI matches your personal style
- Image/URL Input - Paste a URL or upload a screenshot; Crivox fetches or reads the content
- 11 Platforms - LinkedIn, Twitter/X, Instagram, Facebook, Reddit, Blog/Website, Hacker News, Indie Hackers, GitHub Discussions, Threads, Medium
- Pro Plan ($9/mo) - Up to 5 variations, 9 languages, priority rate limits, multi-language support
| Category | Technology |
|---|---|
| Frontend | React 18, TypeScript, Vite |
| Styling | Tailwind CSS v3, shadcn/ui, Radix UI primitives |
| Backend | Supabase (Auth, PostgreSQL, Row Level Security) |
| AI | Groq API (Llama 3.3 70B, Llama 4 Scout) |
| State | TanStack Query v5 |
| Forms | React Hook Form, Zod |
| Charts | Recharts |
| Animations | Framer Motion |
| Deployment | Vercel (SPA) |
- Node.js 18+
- pnpm
- Supabase project
- Groq API key
git clone https://github.com/MuhammadTanveerAbbas/crivox.git
cd crivox
pnpm install
cp .env.example .env.local
# Fill in your Supabase and Groq credentials
pnpm dev| Variable | Required | Description |
|---|---|---|
VITE_SUPABASE_URL |
Yes | Supabase project URL |
VITE_SUPABASE_PUBLISHABLE_KEY |
Yes | Supabase anon/public key |
VITE_SUPABASE_PROJECT_ID |
Yes | Supabase project ID |
SUPABASE_URL |
Server | Same as VITE_SUPABASE_URL (for Vercel API functions) |
SUPABASE_ANON_KEY |
Server | Same as VITE_SUPABASE_PUBLISHABLE_KEY (for Vercel API) |
SUPABASE_SERVICE_ROLE_KEY |
Server | Supabase service role key (edge functions only) |
GROQ_API_KEY |
Yes | Groq API key (set as Supabase Edge Function secret) |
CRON_SECRET |
Keep-alive | Secret for Vercel cron endpoint |
STRIPE_SECRET_KEY |
Billing | Stripe secret key (Vercel env; for api/create-checkout) |
STRIPE_WEBHOOK_SECRET |
Billing | Stripe webhook signing secret (Vercel env; for api/stripe-webhook) |
VITE_STRIPE_PUBLISHABLE_KEY |
Billing | Stripe publishable key (Vite frontend) |
crivox/
├── api/ # Vercel serverless functions
│ ├── health.ts
│ ├── keep-alive.ts
│ ├── create-checkout.ts # Stripe Checkout session creation
│ └── stripe-webhook.ts # Stripe webhook handler
├── public/ # Static assets
├── src/
│ ├── components/
│ │ ├── landing/ # Landing page sections
│ │ ├── ui/ # shadcn/ui primitives
│ │ ├── CommentGenerator.tsx
│ │ ├── DashboardLayout.tsx
│ │ ├── ErrorBoundary.tsx
│ │ └── ...
│ ├── contexts/ # AuthContext
│ ├── hooks/ # use-mobile, use-media-query
│ ├── integrations/
│ │ └── supabase/ # Supabase client + types
│ ├── lib/ # groq.ts, utils.ts, schemas.ts, sanitize.ts
│ ├── pages/ # Route page components
│ └── main.tsx # Entry point
├── supabase/
│ ├── functions/generate-comments/ # Edge function
│ ├── schema.sql # Full DB schema with RLS
│ └── config.toml
├── .env.example
├── package.json
└── README.md
| Command | Description |
|---|---|
pnpm dev |
Start dev server (port 8080) |
pnpm build |
Production build |
pnpm preview |
Preview production build |
pnpm lint |
ESLint check |
pnpm typecheck |
TypeScript check |
pnpm test |
Vitest test run |
Deploy on Vercel:
- Push to GitHub
- Import project in Vercel dashboard
- Set environment variables (
VITE_SUPABASE_URL,VITE_SUPABASE_PUBLISHABLE_KEY,VITE_SUPABASE_PROJECT_ID,CRON_SECRET) - Deploy (build command:
vite build, output:dist)
supabase secrets set GROQ_API_KEY=<your-key>
supabase functions deploy generate-commentsMIT License - see LICENSE.
Muhammad Tanveer Abbas - SaaS Developer | Production-ready MVPs in 14-21 days Portfolio: https://themvpguy.vercel.app