Heist - steal any design

About

Heist turns any website into a design reference. Click the icon (or press Alt+Shift+H), then hover over any element and click it to instantly grab how it is built.

What you get the moment you click an element:
- Typography: font family, size, weight, line height, letter spacing
- Colour: text, background, borders, and gradients (with copyable hex)
- Box: width, height, padding, margin, border radius
- Effects: box-shadow and backdrop blur

Then copy it in the format you actually use:
- Clean CSS
- Tailwind classes
- Design tokens (JSON)

Plus:
- Copy component: grab the clicked element and its whole subtree as self-contained HTML and CSS, ready to paste into a file.
- Export design system: scan the whole page and pull its full token set (colour palette, type scale, fonts, spacing, radii, shadows) as downloadable JSON or copyable CSS variables.
- Eyedropper: grab the exact colour of any pixel on screen.
- Hover to highlight, click to grab, press P to jump to the parent element, Esc to exit.

Heist runs entirely in your browser. It does not collect, store, or send any data. Nothing leaves your machine.

Built by Zaiq, an AI engineering studio. zaiq.co.za