Everything you needto take any design

Generate Tailwind v3/v4 classes from any element, with hover and breakpoint variants.

export function Hero() {
  return (
    <div className="flex gap-4">
      <h1>Ship faster</h1>
    </div>
  );

Capture a section as a React (or Vue/Svelte) component and keep iterating on it.

Every colour on the page, ranked — copy as HEX/RGB/HSL/Tailwind or export a palette.

Identify any font and see the page's whole type scale, exportable as CSS or Tailwind.

Download every asset from any website

Learn more about download every asset from any website

Page Assets8

AllSVGsBackgrounds

SVG

CSS BG

SVG

SVG

SVG

CSS BG

SVG

SVG

Export all

Every image, SVG, video and animation on a page — copy as code or grab a .zip.

Save captures into a personal library with variants, a live Playground and history.

An MCP server that hands your coding agent your real components and tokens.