Kernline

Give your AI coding tool any element's real HTML and styles. Plus CSS, Tailwind, tokens, and assets. Runs only on the tab you open.

Give your AI coding tool the exact component, not a screenshot. Pin an element on the tab you open and Copy for AI copies its trimmed HTML, computed styles, tokens, sizes, and hover or media states as a prompt-ready bundle. Component capture grabs a card, navbar, or section as HTML, React, or Vue with Tailwind. Kernline also copies cleaned CSS or Tailwind classes, scans the page for design tokens, lists and downloads images, SVGs, icons, and fonts, and lays a mockup over the live page. Kernline does not upload the page. It runs when you open it, on that tab. It does not ask to read every site at install. Styles and assets are processed in the browser. Kernline does not upload the page or the URL. Free includes 3 Copy for AI and 3 Component captures a day (counted only on the device), the inspector with unlimited CSS copy, Tailwind for one element, single asset downloads, and one saved overlay per site. Pro is $36/year ($3/month), $6/month, or $59 once for Lifetime Pro. Pro makes Copy for AI and Component capture unlimited and adds hover, focus, and responsive Tailwind variants, a full-page token export (including Copy for AI as tailwind.config or tokens file), bulk SVG clean and ZIP download, and overlays with layers and breakpoints. There is a 14-day refund on any plan. Open it from the toolbar, with Alt+Shift+K, or from “Inspect with Kernline” in the right-click menu.