DodoLaunch
Sign in
Launching Monday, Nov 2. Follow to get a ping when voting opens.
Verbatim logo

Verbatim

Copy any website’s real CSS, tokens and fonts, or hand them to your AI agent

AM AuthorityMart MediaFreemiumLaunching Nov 2, 20260 commentsDofollow

Overview.

Verbatim is a free Chrome extension for designers and developers who want the exact design of a website, not a guess at it. Press Alt+Shift+P on any page, point at an element and copy its real CSS: the rules that actually matched, in cascade order, with hover and focus states, breakpoints, @layer order and design tokens intact. Most CSS copy tools dump getComputedStyle, which flattens all of that away.

Export it as authored CSS, as Tailwind v3 or v4 classes, or as a React, Vue, Svelte, Astro or Angular component. Press D for the whole design system: the palette ordered by how much of the screen each colour covers, the type scale, spacing, radii, shadows and breakpoints, exported as a Tailwind @theme block, CSS variables or W3C design tokens. There are thirteen tools in all, including a font identifier, a colour picker that works inside photos, an asset zip, exact element screenshots and a whole-site design prompt. It works on pages behind a login too, because it runs in the page you are already looking at.

For AI coding agents, the verbatim-mcp server gives Claude Code, Cursor, Codex, Windsurf and VS Code nine tools on the same engine. Your agent can pull a buildable design brief or a component's code, and verify_extraction renders what it copied and diffs it against the live page, so it checks its own work.

The extension is free forever, with no account, no analytics and no telemetry. The MCP server is free for 24 hours, then a one-time $29 key with no subscription.

IntegrationsClaude CodeCursorCodexWindsurfVS CodeTailwind CSSReact

Verbatim at a glance.

Verbatim is a design tool for agencies, developers and designers, available on Web and Chrome. Verbatim is freemium: there is a free plan and paid plans start at $29/mo. Key features include cascade-resolved CSS with states, breakpoints and @layer order, tailwind v3/v4 and React and vue. It integrates with Claude Code, Cursor, Codex, Windsurf and VS Code. It is built by AuthorityMart Media in India and has been around since 2026. It launches on DodoLaunch in week 45 of 2026.

Category
Design +2
Pricing
Freemium
Starting price
$29/mo
Free plan
Yes
Free trial
Not needed
Platforms
Web, Chrome
Best for
Agencies, Developers, Designers
Integrations
7
Launch week
Week 45, 2026
Based in
India
Founded
2026
Rating
No reviews yet

Screenshots.

Thirteen tools in one toolbar, inside the page you are looking at
Thirteen tools in one toolbar, inside the page you are looking at
Real CSS, not a computed-style dump: every matched rule, states and tokens intact
Real CSS, not a computed-style dump: every matched rule, states and tokens intact
A whole site as one prompt: palette, type, repeating components and sections
A whole site as one prompt: palette, type, repeating components and sections
The whole palette, ordered by what covers the screen, with roles named
The whole palette, ordered by what covers the screen, with roles named
A box model you can read at a glance, with rulers out to the edges
A box model you can read at a glance, with rulers out to the edges
Every image, inline SVG and CSS background on the page, one zip away
Every image, inline SVG and CSS background on the page, one zip away
What font that actually is, with every family, size and weight in use
What font that actually is, with every family, size and weight in use

Features.

  • Cascade-resolved CSS with states
  • breakpoints and @layer order
  • Tailwind v3/v4 and React
  • Vue
  • Svelte
  • Astro
  • Angular export
  • Design system extraction: palette
  • type scale
  • spacing
  • tokens
  • Whole-site design prompt for AI builders

Pricing.

Extension
Free
  • Thirteen tools, unlimited use
  • CSS, Tailwind, components, AI briefs
  • Design system, fonts, assets, screenshots
  • No account, every future update
For your agent
$29/once
  • The MCP server, nine tools
  • Claude, Cursor, Codex, Windsurf, VS Code
  • Free for 24 hours, then one key
  • Verified offline, updates included
Five seats
$99/once
  • Five keys for your team
  • One invoice, no renewals
  • Same server, same offline check

Prices as listed by the maker. Check the website for current pricing.

How Verbatim compares.

Verbatim compared with EraseMyBG
ProductPricingPlatformsRating
VerbatimFrom $29/moWeb, Chrome–
EraseMyBGPaidmacOS–

Ratings and reviews.

–
out of 5
0
0
0
0
0
Used Verbatim? Share what you think.Sign in to write a review ›
No reviews yet

Honest reviews from real users help others decide.

Verbatim FAQ.

How do I copy CSS from a website with Verbatim?

Install the Chrome extension, open any site and press Alt+Shift+P. Hover to outline an element, click to lock it, and copy its CSS as authored CSS, Tailwind classes, a framework component or a written brief for an AI agent. It is free and needs no account.

Why is the CSS more accurate than other extensions?

Most tools read getComputedStyle and dump the result. Verbatim resolves the cascade instead: the rules that matched with their original selectors, @layer precedence, hover and focus states, media queries that are not currently active, and var() as both the token name and the literal value.

Can it convert a website's CSS to Tailwind?

Yes, Tailwind v3 or v4, with states as modifiers and breakpoints as prefixes. Colours are never snapped to Tailwind's palette: you get the exact value, or a reference to a generated @theme token.

How does the MCP server work with Cursor and Claude Code?

Run npx -y verbatim-mcp, or add it with claude mcp add verbatim -- npx -y verbatim-mcp. It speaks MCP over stdio, so Claude Code, Claude Desktop, Cursor, Codex CLI, Windsurf and VS Code all work, with nine tools including get_design_prompt, get_design_context and verify_extraction.

Is Verbatim free?

The Chrome extension is free forever with no account and unlimited use. The MCP server for coding agents is free for 24 hours, then a one-time $29 key, or $99 for five seats. There is no subscription.

Does anything I extract get sent to a server?

No. There is no account, no analytics and no telemetry. The only outbound requests are stylesheet refetches to the origin that served them, loopback to the Verbatim server on your own machine, and your own AI provider if you choose to add a key.

How much does Verbatim cost?

Verbatim is freemium: there is a free plan and paid plans start at $29/mo. Listed plans: For your agent at $29/one-time, Five seats at $99/one-time. Prices are as listed by the maker; check the website for current pricing.

What platforms does Verbatim support?

Verbatim is available on Web and Chrome. It integrates with Claude Code, Cursor, Codex, Windsurf, VS Code and Tailwind CSS.

Who is Verbatim for?

Verbatim is a design tool built for agencies, developers, designers and freelancers. It is listed in Design on DodoLaunch.

What are the best alternatives to Verbatim?

Popular alternatives to Verbatim in Design include EraseMyBG. They are ranked by reviews, votes and fit on the Verbatim alternatives page.

When did Verbatim launch on DodoLaunch?

Verbatim is scheduled to launch on DodoLaunch in week 45 of 2026.

Who makes Verbatim?

Verbatim is built by AuthorityMart Media, based in India. The product was founded in 2026.

Discussion.

Sign in to join the discussion.Sign in ›
Start the discussion

Ask the makers the question you'd ask on a sales call.

Launch history.

Alternatives to Verbatim.

EraseMyBG logo 2

AI background remover for Mac that runs on device. HD, offline, pay once

Ask AI about DodoLaunch

Opens your assistant with a question about us. Read what it says.

For agents

Structured, machine-readable access to every launch.