Block
CLI registryVisual Case Study
Self-contained case-study band - meta, before/after mockup, challenge/solution, metrics, and stack.
Preview → install → use
01
Preview
npx shadcn@latest add @atroui/visual-case-studyDeveloper 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.”
Source lands in your repo. Setup: Installation · Registry catalog.
02
Usage
Pass a CaseStudy object (see packages/ui content). mockupVariant drives the BeforeAfterSlider; challenge, solution, results, and technologies render in the narrative + metrics columns.
Case Study