Component

Visual Case Study

Self-contained case-study band — meta, before/after mockup, challenge/solution, metrics, and stack.

Developer toolsMVP Sprint7 days · Sprint

B2B SaaS MVP shipped in 7 days

Stealth SaaS founder

Before
After

Drag the handle or use arrow keys to compare wireframe vs shipped UI.

The challenge

A solo founder had validated demand through waitlist signups but needed a working product — auth, billing, and core workflow — before a deadline.

The solution

A 7-day MVP sprint: one core workflow, auth, checkout, and a Postgres-backed dashboard with daily async updates and a live preview.

We went from waitlist to paying users in a week.

Founder

Installation

import { VisualCaseStudy } from "atroui"

Usage

Pass a CaseStudy object (see packages/ui content). mockupVariant drives the BeforeAfterSlider; challenge, solution, results, and technologies render in the narrative + metrics columns.