Skip to content
Webgraft

DISCOVER · CLIP · BUILD

Turn any website into
components you own.

Paste a site to find ones like it, clip any element into clean code, and build from a growing library — yours and the whole community’s.

167 sites indexed · 19 categories · no card required

HOW IT WORKS

Three moves, one workflow.

01 · DISCOVER

Find the sites like the ones you love

Paste any URL and get a grid of sites with a similar aesthetic, product and vibe — each broken down into its real fonts, colours and design tokens.

Try discovery

02 · CLIP

Clip any element into clean code

Open a site in the clipper, hover any element, and clip it — animations and all. Claude reverse-engineers it into a real, editable React component.

Start clipping

03 · BUILD

Build from a library you own

Every clip lands in your library and the shared Component Universe. Remix components other people clipped, and compose new pages from the parts you collect.

Enter the Universe

THE INDEX

A living gallery of great sites.

Explore all 167
Screenshot of the Attio website

Attio

attio.com

Developer Tools

159 more in the index

DESIGN KITS

Every site, broken down

Real fonts, colour palettes and tokens — measured from the site’s own CSS. Copy any of it as CSS variables.

InterNewsreaderJetBrains MonoSöhne
Inspect any site →

THE COMPONENT UNIVERSE

Everything, clipped

A shared, floating universe of components clipped from across the web. See who clipped and remixed each — and quick-save the ones you love.

MarqueeStripGlassBlobPricingCardNavBarStatusBadge
Enter the Universe →

PRICING

Start free. Upgrade when you ship.

Browsing and discovery are always free. Every plan includes AI clipping — and the fast model auto-upgrades to high fidelity on complex clips, so quality holds even on Free.

Free

Free

Explore the whole web and try clipping — no card required.

Fast AI, auto-upgraded to high-fidelity on complex clips

  • Unlimited discovery & browsing
  • 3 AI clips / month
  • Save to your library
  • Public Component Universe
Start free

Starter

$9.99/mo

For hobbyists clipping regularly.

Fast AI, auto-upgraded to high-fidelity on complex clips

  • Everything in Free
  • 100 AI clips / month
  • Private clips
  • Export to React · Vue · HTML
  • No watermark
Choose Starter
Most popular

Pro

$19.99/mo

For professionals who ship.

High-fidelity “Exact” mode on demand

  • Everything in Starter
  • 300 AI clips / month
  • 100 high-fidelity Exact clips
  • Priority speed
  • Brand-design kit export
Choose Pro

Studio

$50/mo

For small teams building together.

High-fidelity Exact mode + a shared workspace

  • Everything in Pro
  • 1,000 AI clips / month
  • 300 high-fidelity Exact clips
  • 3 team seats
  • Shared team library
Choose Studio

Business

$99/mo

For agencies and high-volume teams.

Generous Exact allotment + API access

  • Everything in Studio
  • 2,500 AI clips / month
  • 600 high-fidelity Exact clips
  • API access
  • Priority support
Choose Business
  • No credit card to start
  • Cancel anytime
  • AI included — no surprise usage bills
  • Free clips refresh every month

Secure checkout by Lemon Squeezy · cancel anytime · Free stays free forever.

Start with a single URL.

Discovery and browsing are free. Create a free account when you’re ready to clip and save.

Try it free

Create an account

Save the sites you love and build a library that makes every recommendation better.

Continue with Google

We use your Google account to identify your library. Email sign-in is coming soon.

Already have an account?