Chapter 21: The 200+ Vault (Part 1) — AI-Native & Vibe-Coded Micro-Apps

Every teardown in this vault follows a standardized, developer-first architecture template. As an engineer or founder, you can visit the live URLs, test their user onboarding, inspect their API payloads, and replicate their tech stacks.

---

1. Cal AI

• Product Overview: Camera-Based Nutrition & Macro Scanner
• App URL / Demo: calai.app | App Store: Search Cal AI on iOS/Android
• Founders: Blake Anderson & Zach Yadegari
• Monthly Revenue: $1,300,000/month ($16M+ ARR)
• The Core Transformation: Replaces 3 minutes of tedious manual food database searching with a 1-second camera photo scan that outputs accurate calorie, macro, and micronutrient breakdowns.
• The Growth Engine: TikTok & Instagram Reels split-screen comparison videos (manual Excel/app logging vs. instant 1-second photo capture) + $9.99/week subscription paywall with a 3-day free trial.
• Tech Stack: React Native (Expo) + Superwall (Remote Paywalls) + RevenueCat + OpenAI GPT-4o Vision API + Cloudflare Edge Workers.
• Dev Blueprint: Downscales camera images to 1024×1024 JPEG (80KB) client-side before upload to achieve sub-1.2s inference latency and slash API token costs by 70%.

---

2. Coconote

• Product Overview: AI Audio Lecture-to-Study Guide Engine
• App URL / Demo: coconote.app
• Founder: Gabriel K.
• Monthly Revenue: $550,000/month ($6.7M ARR)
• The Core Transformation: Records rambling 60-minute college lectures and converts audio into structured Cornell notes, practice exam quizzes, and digital flashcards in under 45 seconds.
• The Growth Engine: 100% organic student demo videos on TikTok showing real classroom recordings transforming into polished study decks. Zero paid ad spend.
• Tech Stack: Flutter (Dart) + RevenueCat + OpenAI Whisper API + Claude 3.5 Sonnet + Supabase.
• Dev Blueprint: Employs prompt chaining where Whisper transcriptions are chunked and streamed directly into Claude with strict markdown formatting constraints.

---

3. Letterly

• Product Overview: Voice Ramble to Polished Prose & Writing Formats
• App URL / Demo: letterly.app
• Monthly Revenue: $250,000/month ($3M ARR)
• The Core Transformation: 1-tap voice recording button that allows users to ramble unstructured thoughts while walking, instantly outputting polished business emails, LinkedIn posts, or clean meeting memos.
• The Growth Engine: ASMR screen-recording videos on TikTok and Instagram demonstrating messy audio turning into publication-ready text in 3 seconds.
• Tech Stack: React Native + RevenueCat + OpenAI Whisper API + GPT-4o-mini + Supabase.
• Dev Blueprint: Uses custom system prompt templates mapped to output modes (e.g. mode: "executive_email", mode: "tweet_thread"), ensuring zero conversational filler.

---

4. AudioPen

• Product Overview: AI Voice-to-Clean-Notes Web & Mobile Utility
• App URL / Demo: audiopen.ai
• Founder: Louis Pereira
• Monthly Revenue: $28,000/month MRR
• The Core Transformation: Browser and mobile web app that takes raw voice notes and transforms them into clear, structured summaries in the user’s preferred writing style.
• The Growth Engine: Building in public on X (Twitter) + Product Hunt Launch #1 Product of the Day.
• Tech Stack: Next.js + TailwindCSS + OpenAI Whisper API + GPT-4o + Stripe.
• Dev Blueprint: Built as a lightweight Progressive Web App (PWA) with local browser audio caching, enabling instant launch without app store review delays.

---

5. Stoppr

• Product Overview: AI Habit & Nicotine Cessation Engine
• App URL / Demo: stoppr.app
• Monthly Revenue: $12,000/month MRR
• The Core Transformation: Tracks real-time dollars saved, physical lung regeneration percentage, and provides an emergency AI panic button to talk users through acute nicotine cravings.
• The Growth Engine: High-emotion TikTok transformation stories + Sunk-Cost diagnostic onboarding quiz.
• Tech Stack: React Native + Expo + RevenueCat + WatermelonDB (Local-First Offline SQLite).
• Dev Blueprint: Local-first architecture ensures 100% of progress graphs and panic-button features work in Airplane Mode with zero server latency.

---

6. Subscribr

• Product Overview: AI Scriptwriting for YouTube Creators
• App URL / Demo: subscribr.ai
• Founder: Jesse N.
• Monthly Revenue: $30,000/month MRR
• The Core Transformation: AI scriptwriting studio specifically trained on YouTube 30-second retention graphs, visual B-roll cues, and viral hook formulas.
• The Growth Engine: YouTube video breakdowns analyzing top creator pacing + Twitter build-in-public threads.
• Tech Stack: Next.js + TailwindCSS + Claude 3.5 Sonnet + Vercel Edge + Stripe.
• Dev Blueprint: Implements recursive prompt chaining that outlines, researches, and drafts 15-minute video scripts section-by-section to prevent token context degradation.

---

7. HeadshotPro

• Product Overview: AI Corporate Headshot Generator
• App URL / Demo: headshotpro.com
• Founder: Danny Postma
• Monthly Revenue: $350,000+/month ($4M+ ARR)
• The Core Transformation: Users upload 10 casual phone selfies and receive 40 photorealistic business headshots in studio lighting within 20 minutes, saving $300 on professional photographers.
• The Growth Engine: LinkedIn before-and-after photo comparison posts + programmatic SEO.
• Tech Stack: Next.js + Replicate API (Flux / SDXL LoRA Fine-Tuning) + Supabase + Stripe.
• Dev Blueprint: Automated queue workers on AWS spin up isolated GPU instances for fine-tuning individual user LoRA models, deleting weights after photo delivery for privacy compliance.

---

8. PhotoRoom

• Product Overview: AI E-Commerce Photo Studio & Object Remover
• App URL / Demo: photoroom.com
• Founders: Matthieu Rouif & Eliot Andres
• Monthly Revenue: $4,000,000+/month ($50M+ ARR)
• The Core Transformation: 1-tap background removal and studio lighting placement for e-commerce sellers selling products on eBay, Shopify, and Poshmark.
• The Growth Engine: Product seller community word-of-mouth + TikTok viral product styling videos.
• Tech Stack: Native iOS (Swift/Metal) + Custom On-Device CoreML Vision Models + StoreKit 2.
• Dev Blueprint: Background segmentation runs locally on the Apple Neural Engine in under 150ms without server compute cost.

---

9. ChatPDF

• Product Overview: AI PDF Document Analysis & Q&A Workspace
• App URL / Demo: chatpdf.com
• Founder: Mathis Lichtenberger
• Monthly Revenue: $150,000/month MRR
• The Core Transformation: Drag-and-drop any 200-page academic, financial, or legal PDF and chat with it in natural language with source citation page numbers.
• The Growth Engine: Organic student TikTok study videos + Twitter academic research threads.
• Tech Stack: Next.js + LangChain + Pinecone Vector Database + OpenAI API + Stripe.
• Dev Blueprint: Chunks document text into semantic vector embeddings stored in Pinecone, retrieving top-k relevant snippets to stay within LLM context windows.

---

10. SiteGPT

• Product Overview: AI Customer Support Chatbot from Website URLs
• App URL / Demo: sitegpt.ai
• Founder: Bhanu Teja
• Monthly Revenue: $35,000/month MRR
• The Core Transformation: Input any company URL; crawls the entire sitemap and generates a customized customer support chat widget ready to embed with 1 line of JavaScript.
• The Growth Engine: Building in public on X (Twitter) + Product Hunt Launch #1 + SaaS founder word-of-mouth.
• Tech Stack: Next.js + Supabase (pgvector) + OpenAI API + Stripe.
• Dev Blueprint: Uses headless Chromium crawlers to scrape documentation, storing embeddings directly in Supabase using the pgvector extension.

---

11. Klap

• Product Overview: AI Long-Form Video to Viral TikTok Shorts
• App URL / Demo: klap.app
• Monthly Revenue: $85,000/month MRR
• The Core Transformation: Paste a YouTube URL; automatically detects the most engaging 30-second segments, auto-crops to 9:16 vertical video, and generates animated word-by-word captions.
• The Growth Engine: YouTube creator agency outreach + TikTok affiliate watermarks.
• Tech Stack: Next.js + Python (FFmpeg Video Processing) + OpenAI Whisper + Stripe.
• Dev Blueprint: Uses audio energy level peaks combined with semantic LLM scoring to identify high-retention video moments automatically.

---

12. SubMagic

• Product Overview: AI Video Captions & Kinetic B-Roll Generator
• App URL / Demo: submagic.co
• Monthly Revenue: $250,000/month MRR
• The Core Transformation: Automatically transcribes speech and overlays trending animated captions, sound effects, and relevant B-roll footage for short-form video creators.
• The Growth Engine: High-volume TikTok creator sponsorship + free watermark video tier.
• Tech Stack: React + Node.js + Remotion (React-based Video Rendering) + Whisper API + Stripe.
• Dev Blueprint: Uses Remotion to render programmatic video layers using standard React code and CSS animations on cloud serverless instances.

---

13. Vapi.ai

• Product Overview: Voice AI Infrastructure & Real-Time Voice Agents
• App URL / Demo: vapi.ai
• Founders: Jordan Peterson & Nikhil Gupta
• Monthly Revenue: $200,000+/month
• The Core Transformation: Low-latency (<500ms) voice pipeline combining speech-to-text, LLM reasoning, and text-to-speech for phone customer service agents.
• The Growth Engine: Developer Twitter demos + AI agency community partnerships.
• Tech Stack: WebRTC + Deepgram + Groq / OpenAI + Cartesia / ElevenLabs.
• Dev Blueprint: Solves audio jitter and latency by piping raw WebRTC audio streams directly to ultra-fast inference edge models.

---

14. Screen Studio

• Product Overview: High-End Screen Recording & Motion Zoom
• App URL / Demo: screen.studio
• Founder: Adam
• Monthly Revenue: $120,000/month
• The Core Transformation: Desktop screen recording app that automatically follows mouse cursor movement, applies cinematic 3D tilts, and smooths motion blur for developer video demos.
• The Growth Engine: Viral Twitter / X developer video demos made with the tool itself (“Powered by Screen Studio”).
• Tech Stack: Swift / macOS Native + Metal Graphics + AppKit + Stripe.
• Dev Blueprint: Records high-resolution vector cursor coordinates alongside the raw screen buffer, rendering mathematical camera zooms post-recording.

---

15. CleanShot X

• Product Overview: Ultimate Screen Capture & Annotation for Mac
• App URL / Demo: cleanshot.com
• Monthly Revenue: $180,000/month
• The Core Transformation: Replaces default Mac screenshot tools with instant cloud uploads, background beautifiers, scrolling captures, and text OCR.
• The Growth Engine: Developer and designer word-of-mouth on X (Twitter) + Setapp distribution.
• Tech Stack: Objective-C / Swift + Cloudflare Workers + AWS S3 + Paddle.
• Dev Blueprint: Lightweight background daemon consuming <20MB RAM, intercepting native macOS screenshot shortcut keys.

---

16. Mathpix

• Product Overview: Math OCR & LaTeX Document Snapping
• App URL / Demo: mathpix.com
• Monthly Revenue: $300,000+/month
• The Core Transformation: Snaps handwritten physics and math equations from paper or screens and converts them into perfect LaTeX code and SymPy expressions.
• The Growth Engine: Academic university campus word-of-mouth + STEM researcher Twitter shares.
• Tech Stack: Python + Custom Deep Learning OCR Models + C++ Desktop Core + StoreKit 2.
• Dev Blueprint: Proprietary convolutional neural network trained on millions of handwritten mathematical symbols.

---

17. Feather.so

• Product Overview: Notion to Super-Fast SEO Blog Engine
• App URL / Demo: feather.so
• Founder: Bhanu Teja
• Monthly Revenue: $25,000/month MRR
• The Core Transformation: Allows writers to manage their entire blog inside Notion while publishing blazing-fast, 100/100 Google Lighthouse score websites.
• The Growth Engine: Building in public on X (Twitter) + Notion creator directory listings.
• Tech Stack: Next.js + Notion API + Cloudflare CDN + Stripe.
• Dev Blueprint: Caches Notion blocks statically at the Cloudflare edge, revalidating pages via Notion webhooks only when content changes.

---

18. Super.so

• Product Overview: Notion Website & Custom Domain Builder
• App URL / Demo: super.so
• Founder: Jason Chin
• Monthly Revenue: $75,000/month MRR
• The Core Transformation: Turns Notion pages into full-featured custom websites with custom domains, analytics, and custom CSS styling.
• The Growth Engine: Community template marketplace + SEO landing pages.
• Tech Stack: React + Cloudflare Workers + Stripe.
• Dev Blueprint: Ingests public Notion record data and replaces standard Notion CSS classes with clean semantic HTML.

---

19. Typefully

• Product Overview: Twitter / X Thread Scheduling & Analytics
• App URL / Demo: typefully.com
• Founders: Francesco Di Lorenzo & Fabrizio Rinaldi
• Monthly Revenue: $150,000/month MRR
• The Core Transformation: Minimalist, distraction-free writing environment for drafting, scheduling, and analyzing Twitter and LinkedIn posts.
• The Growth Engine: Twitter power-user endorsements + subtle “Sent via Typefully” tweet footers.
• Tech Stack: Next.js + TypeScript + Twitter API v2 + Stripe.
• Dev Blueprint: Real-time character counter and auto-split thread engine operating on client-side state.

---

20. Raycast

• Product Overview: The Extensible Mac Productivity Launcher
• App URL / Demo: raycast.com
• Founders: Thomas Paul Mann & Petr Nikolaev
• Monthly Revenue: $250,000+/month (Pro AI Subscriptions)
• The Core Transformation: Replaces macOS Spotlight with a blazing-fast keyboard launcher with hundreds of community extensions and integrated AI prompts.
• The Growth Engine: Developer ecosystem building open-source extensions on GitHub.
• Tech Stack: Swift / Rust + React/Node.js for Extensions API + StoreKit/Stripe.
• Dev Blueprint: Host application is compiled native Swift/Rust with a sandboxed Node.js runtime executing community extensions.

---

21. Baseten

• Product Overview: Machine Learning Deployment Platform
• App URL / Demo: baseten.co
• Monthly Revenue: $400,000+/month
• The Core Transformation: Deploy custom open-source AI models (Llama, Whisper, Stable Diffusion) with auto-scaling GPU infrastructure using 1 CLI command.
• The Growth Engine: AI engineer Twitter demos + open-source model optimization benchmarks.
• Tech Stack: Python + Kubernetes + Rust + AWS/GCP GPU Clusters.
• Dev Blueprint: Uses custom container optimization engine (Truss) to cold-start 70B parameter models in under 5 seconds.

---

22. Midjourney

• Product Overview: Generative AI Art & Creative Studio
• App URL / Demo: midjourney.com
• Founder: David Holz
• Monthly Revenue: $25,000,000+/month ($300M+ ARR)
• The Core Transformation: Text-to-image synthesis delivering breathtaking aesthetic quality via Discord bot commands and web studio.
• The Growth Engine: 100% viral social sharing of generated images across Twitter, Reddit, and Instagram.
• Tech Stack: Discord API + Python + PyTorch + Proprietary Latent Diffusion Models + Stripe.
• Dev Blueprint: Built the entire initial $100M business using Discord as the user interface, eliminating frontend UI development costs entirely.

---

23. Opus Clip

• Product Overview: 1-Click AI Video Repurposing Studio
• App URL / Demo: opus.pro
• Monthly Revenue: $1,200,000/month
• The Core Transformation: Ingests 2-hour podcast videos and outputs 10 viral-scored short clips with auto-reframing and dynamic kinetic subtitles.
• The Growth Engine: Podcast creator agency word-of-mouth + TikTok creator referral program.
• Tech Stack: Next.js + Python / FFmpeg + Whisper API + Stripe.
• Dev Blueprint: Proprietary AI virality curation model trained on top-performing short-form video metrics.

---

24. ElevenLabs

• Product Overview: Voice Synthesis & Neural Audio Cloning
• App URL / Demo: elevenlabs.io
• Founders: Piotr Dabkowski & Mati Staniszewski
• Monthly Revenue: $8,000,000+/month ($100M+ ARR)
• The Core Transformation: Converts text into hyper-realistic human speech with emotional cadence, breathing pauses, and instant 1-minute voice cloning.
• The Growth Engine: TikTok audio memes + YouTube video narrator adoption.
• Tech Stack: Python + PyTorch + Custom Latent Audio Transformers + Stripe.
• Dev Blueprint: Proprietary neural vocoder rendering 24kHz audio in real time with <150ms streaming latency.

---

25. Cursor

• Product Overview: The AI-First Code Editor
• App URL / Demo: cursor.com
• Team: Anysphere (Michael Truell, Sualeh Asif, Aman Sanger, Arvid Lunnemark)
• Monthly Revenue: $4,000,000+/month ($50M+ ARR)
• The Core Transformation: A fork of VS Code with deep multi-file agentic code generation, semantic codebase indexing, and instant tab-completion.
• The Growth Engine: Developer Twitter / X viral demonstrations of building full-stack apps in minutes.
• Tech Stack: Electron (VS Code Fork) + Rust + Claude 3.5 Sonnet / Custom LLM fine-tunes + Stripe.
• Dev Blueprint: Indexes repository ASTs and vector embeddings locally to inject relevant code context into LLM system prompts automatically.