Opens in a new tab

Every tool we make,
in one place.

A growing set of focused tools for web designers and the people who build with them. Some are live today and some are landing soon. Each one does a single job properly, without the bloat, so pick the one that fixes your bottleneck and grab the rest as they ship.

Live In review Coming soon

Chrome extensions

Extensions that
work where you do.

A growing set of focused browser tools
for capturing, creating, reading and organising. Each one lives right where you're already working.

  • Live

    Studio Colour

    Pick, capture and extract colours and gradients from any page, then export them as design tokens.

    Learn more
  • Aa
    Live

    Studio Fonts

    Identify any font, pair it with a match, and export the typography from any live site with a proper type scale.

    Learn more
Free playbook

Steal my Chrome extension launch playbook

The real playbook I used to ship Studio Colour, covering permissions, CSP, a listing that won’t trip keyword-spam filters, privacy, the OAuth gotcha, and how I won a rejection appeal. It also includes a working MV3 starter you can load in 60 seconds. It's free and arrives straight in your inbox.
Joins the Studio Grid newsletter on shipping tools. No spam, unsubscribe anytime.
The Chrome Extension Launch Playbook cover

Mac apps

Native apps that
stay out of the way.

Each one is built around a single job. Open it with a keystroke, get your answer, and get back to work.

  • Coming soon

    Studio Convert

    The designer's conversion toolbox for Mac. Type a value and get the answer without opening a browser tab.

  • Design units: px, rem, pt, DPI & PPI
  • Live currency with 150+ rates
  • Aspect & motion: ratios, fps, timecodes
  • Get launch updates
    The Studio Convert panel open on macOS, converting a design value

Free tools, on the house.

Little browser tools we built for ourselves, free to use with no sign-up.
Live

Gradient Synth

Build, tweak and export linear, conic and mesh CSS gradients, ready to copy.

Create
Free game

Cascade

A free falling-block game to reset your brain between tasks.

Play
Live

Bento Bench

Design bento-grid layouts and export to Bricks, Divi, Elementor or Tailwind.

Create
Live

Site Meter

Scan any URL for SEO, accessibility, performance and responsive checks.

Test
Live

SGR-1

A browser groovebox for sequencing beats and melodies right in your tab.

Play
Live

Grid Deck

A retro game emulator that runs right in your browser. Grab the pad and play.

Play
Studio Gauge app icon, curved gauge arcs shading from green to orange on a dark grid

Get Studio Gauge for free.

A tiny menu-bar monitor for your Mac that shows CPU, memory, storage and battery at a glance, plus live Claude & AI usage gauges. Enter your email and we’ll send you the download link.

Plus a note when we ship something new. Unsubscribe anytime.

Learn more