Four small tasks.
Real Stylegrab output.
A button, a palette, four corners, a 12px gap. Watch the extension do each job on our own sample page. These are recordings of version 1.0.1, with captions and no audio. The example page's numbers are sample data.
Inspect. Pin. Press C.
Hover over a button, click to keep it selected, then press C. The recording ends with the actual copied CSS, including the gradient and individual corner values.
Free inspection tool. Copying the current appearance does not reproduce an application's behavior.
Read the transcript
Inspect the sample button. Click to pin it. Press C to copy its styles. Paste the actual clipboard output into your project.
Give your AI concrete values.
Open the page overview, then copy a Markdown brief with colors and typography. Paste those values into the coding assistant you already use.
Pro action with daily trials. Stylegrab copies the brief locally; it does not call an AI service or promise a complete recreation.
Read the transcript
Open Page to see the palette and type scale. Copy the design brief. No AI request is made. Paste the actual Markdown into your coding assistant.
Keep all four corners.
This sample button has different radii at each corner. Copy its classes and see a button rendered by Tailwind 4 from that actual output. The four corner values are compared during recording.
Pro action with daily trials. This checks the sample's corner values; your project's theme and layout still need their own check.
Read the transcript
Copy the selected button as Tailwind classes. Paste the actual clipboard output into your project. Compile with Tailwind 4. The four corners match.
Read the gap.
Pin one button, hold Alt and hover over its neighbour. The extension draws the 12px gap between them on the page.
Free inspection tool. The example verifies a simple adjacent layout, not every transformed, overlapping or nested arrangement.
Read the transcript
Measure the space between two buttons. Pin one element. Hold Alt and hover the other. The measured gap is 12px on this sample page.
Installation opens after store approval.
Stylegrab is preparing its first Chrome Web Store release. The extension includes free inspection tools and three daily trials per Pro action. Pro purchases open after live payment approval. We will link to the public listing from the homepage when it is available.