Blode

The product studio of Matthew Blode. Apps, developer tools, open source libraries, and design experiments.

Blode is where Matthew Blode ships his work under one name: production apps, developer tools, open source libraries, and small design experiments. Flagship projects include Blode UI, a component library for design engineers; Blode Icons, an icon set for the same audience; Blode.md, a documentation framework for the whole stack; and AllMD, which converts web pages, videos, PDFs, and documents to markdown.

Products

AllMD

Open source

Convert web pages, YouTube videos, PDFs, Google Docs, and more to markdown

ascii

Side project

ASCII art generator

Blode Icons

Open source

Icon library for design engineers

Blode UI

Open source

UI component library for design engineers

Blode.md

Open source

Documentation framework for the whole stack

Canvas Kit

Open source

Infinite-canvas shadcn registry with pan, zoom, drag and folder cards

Captain

Open source

Captain a fleet of cmux worktrees from one Claude Code session

Care

Presentation

Care made easy: encoding taste and care into code

Commandment

Open source

Open-source voice dictation for macOS, bring your own OpenAI API key

Convene

Open source

Open-source meeting transcription for macOS

Course

Side project

A free interactive course on obsessive web design detail

DiffHub

Open source

Local git diff viewer

Glide

Open source

Variable font family crafted for UI

HackerTok

Side project

TikTok-style recommendation system for Hacker News

Reel

Open source

Turn browser feedback recordings into structured artifacts for coding agents

Rubber Duck

Open source

Open-source voice coding companion for macOS

Style Capture

Side project

Capture CSS from any website element and convert to Tailwind classes

Tiller

Side project

Interactive guide to learning how to sail a dinghy

Unblocking yourself with AI

Presentation

How Matthew Blode and Mrudula Vysyaraju use Claude Code, Codex, and Devin

You can sense carelessness

Presentation

Behind-the-scenes of Fingertip's product engineering

Beautiful QR Code

Side project

Generate beautiful, customizable QR codes in JavaScript

Blue Noise Dither

Side project

Blue noise dithering visualizer

Colour Mixer

Side project

Pigment-based colour mixing playground

Days Off Git

Side project

Inspect and visualize GitHub commit patterns

Dither Asteroids

Side project

Asteroids game with blue noise dithering

Matt's Experiments

Side project

A collection of UI experiments

Moon Simulator

Side project

Interactive moon phase simulator

Nicebreak

Product

AI ice breakers for Google Meet

React Vello

Open source

Blazing fast React renderer powered by Vello

More from Matthew