WebShotsWebShots
v0.14.2 · projects are here·New: blueprint-powered workspaces

Your next app is already mapped.
You just need to install it.

Pick a blueprint and WebShots scaffolds the whole thing — every screen, every component, every install command, pinned to a workspace your team can work from. Forty-seven screens mapped in an afternoon. You write the parts that actually matter.

or browse the registry →
38 blueprints·142 installable sections·2,140 projects shipped this month·MIT
Your workspace

This is where your project lives on Monday morning.

See how projects work
acme-marketing
Landing · 68%
Screens
Hero
Features
Pricing
Testimonials
FAQ
Footer
acme-marketing / PricingIn progress

Pricing

01pricing-03
02testi-03
What's in WebShots

Projects come first. Components and blueprints come with them.

The product

Projects

Private workspaces to plan a whole app. Screens, pinned sections, status, comments, sharing.

Open projects
The starting point

Blueprints

Opinionated app anatomies — SaaS, landing, e-commerce. Every screen, logic note, and stack hint you need.

See blueprints
The building blocks

Registry

Installable shadcn-compatible sections. Pinned from your project, installed in one command.

Browse registry
How it works

Three commands. Zero lock-in.

01

Pick a block

Browse or search the registry. Preview light + dark.

$ open webshots.design/r
02

Install it

Copy the shadcn add command. Files land in your project.

$ npx shadcn add pricing-03
03

Own it forever

Edit anything. No runtime, no dependency on us.

$ git commit -m 'feat: pricing'

Start building in 30 seconds.

Copy one command into any Next.js project. Edit the files. Ship tonight.

$ npx shadcn add https://webshots.design/r/saas-starter
Navigate
Browse registryG R
Browse blueprintsG B
My projectsG P
Account settingsG S
Actions
Create new project
Toggle theme
Keyboard shortcuts?
◉ screens · 25

Public

01 Landing page
02 Pricing
03 About / Manifesto

Auth

04 Sign in
05 Sign up
06 Forgot password
07 Email verification

Registry

08 Registry browse
09 Category · Heroes
10 Registry detail
11 AI search results

Blueprints

12 Blueprints browse
13 Blueprint detail

Projects

14 Projects dashboard
15 New project (page)
16 Project workspace
17 Project settings
18 Shared / comment view

Account

19 Profile
20 Billing
21 Team
22 Notifications
23 MCP servers (Pro)

Canvases & edges

24 Modals canvas
25 Empty / loading / 404