All tools
21 tools
- SwatchbookLift a palette from any page
Reads every color on the open tab, groups the near-duplicates, and hands you a palette as hex, RGB, or CSS variables.
Free
- Kerning CatSpot loose spacing on live type
Hover a headline to see the letter pairs that sit too far apart, with a suggested adjustment for each.
$6
- GridlockLay a column grid over any site
Set columns, gutter, and margin once, then toggle the overlay on any page to check what lines up and what drifts.
Free
- Clean PlateTake the background off a product shot
Drop in a photo and get a clean cutout with soft edges kept, ready to place on a flat color or a scene.
$12
- FontspotterName the typeface under your cursor
Point at any text to see the family, weight, size, and line height, and copy the full CSS in one click.
Free
- Contrast CheckRead the contrast of any color pair
Pick a foreground and a background from the page and see the ratio against both accessibility levels as you go.
Free
- Moodboard TabPin images from any tab to one board
Right-click an image to send it to a board, keep the source link with it, and share the board as a single page.
$8
- SpacerMeasure the gap between two things
Hold a key and hover two elements to see the distance between them in pixels, rem, or your own spacing scale.
Free
- ProofmarkCollect client notes on a live page
Send a link, and your client pins comments right on the page. Every note keeps the screen size and browser it came from.
$15
- Gradient LabMix gradients and copy the CSS
Blend colors in a perceptual space so the middle never goes muddy, then copy the result as CSS or an SVG.
Free
- Glyph DrawerKeep the characters you always hunt for
Dashes, arrows, primes, and nonbreaking spaces live one shortcut away, in any text field.
$4
- Icon CrateSave every SVG on a page
Collects the inline and linked SVGs on a tab, cleans the markup, and downloads them as one tidy folder.
$10
- Tint ShiftSee a page through color-blind eyes
Preview any site in eight kinds of color vision, side by side, and flag the pairs that stop reading as different.
$5
- Pixel RulerA ruler and guides for the browser
Drag guides out from the edges of the window, snap them to elements, and keep them in place while you scroll.
Free
- Crop KitCrop one image for every social size
Set the focal point once and export the same image at every post, story, banner, and avatar size.
Free
- Brief BuilderTurn a messy call into a clear brief
Answer a short set of questions with your client and leave with a one-page brief covering scope, audience, and dates.
$9
- Texture TrayGrain, paper, and noise, dragged in
A tray of seamless textures that drags straight into your design tool, at print resolution.
$7
- EyedropCopy the color under the cursor
One shortcut picks the color under the cursor, anywhere on the page, and keeps the last twenty in a strip.
Free
- Invoice SketchA clean invoice after every job
Log hours and line items as you work, then send a plain, good-looking invoice with a payment link.
$12
- Line WeightTrace a pencil sketch into vectors
Photograph a sketch on paper and get clean, editable paths with the pressure of each stroke kept.
$14
- InkTraceTrace a picture into SVG
Draw a box around any part of a page, pick outline, black and white, or a few flat colors, and download a clean SVG.
$12