Side projects
A running list of things I build outside work to test an idea or try a technique: QR code generators, drag-and-drop libraries for React, a moon phase simulator, a Hacker News client, and other UI experiments.
Featured
QRUX
Create and manage QR codes
qrux.app
Matt’s Experiments
A collection of my UI experiments
blode.co
Resumai
Resumé editor
resumai.studio
DnD Grid
Resizable grid layout with drag-and-drop for React
dnd-grid.com
New Portfolio Site
Personal portfolio redesign
blode.co
Perfect DnD
Beautiful drag-and-drop UI
blode.co
Beautiful QR Code
Simple, beautiful QR code generator
blode.co
Dither Asteroids
Asteroids game with blue noise dithering
blode.co
Moon Simulator
Interactive moon phase simulator
blode.co
Days Off Git
Inspect and visualize GitHub commits
blode.co
React Vello
Blazing fast React renderer powered by Vello
blode.co
HN
A fast, modern Hacker News client
blode.co
Colour Mixer
Pigment-based colour mixing playground
blode.co
Nicebreak
AI ice breakers for Google Meet
blode.co
Linktree Discovery
Discovery page for top Linktree profiles
linktr.ee
Claude Code Search
Code search project for Claude
github.com
fx
Dither, ASCII, and LED effects for images and video
blode.co
2026
- Open source
Agent Skills
A minimal set of agent skills for high-quality UI and frontend work
Visit
- Open source
AllMD
Convert web pages, YouTube videos, PDFs, Google Docs, and more to markdown
Visit
- Open source
Blode Icons
Icon library for design engineers
Visit
- Open source
Blode UI
UI component library for design engineers
Visit
- Open source
Blode.md
Documentation framework for the whole stack
Visit
- Open source
Canvas Kit
Infinite-canvas shadcn registry with pan, zoom, drag and folder cards
Visit
- Open source
Captain
Captain a fleet of cmux worktrees from one Claude Code session
Visit
- Open source
Commandment
Open-source voice dictation for macOS, bring your own OpenAI API key
Visit
- Open source
Convene
Open-source meeting transcription for macOS
Visit
- Side project
Course
A free interactive course on obsessive web design detail
Visit
- Open source
DiffHub
Local git diff viewer
Visit
- Open source
Ghostwriter
Skills that draft messages in your own voice, not a model's
Visit
- Open source
Glide
Variable font family crafted for UI
Visit
- Open source
Rubber Duck
Open-source voice coding companion for macOS
Visit
- Open source
Spotlight Testing
See your code changes in a running dev server instantly
Visit
- Open source
Static to Variable
Turn a family of static fonts into one variable font
Visit
- Open source
Strata Sync
Sync that works offline
Visit
- Side project
Style Capture
Capture CSS from any website element and convert to Tailwind classes
Visit
- Side project
Tiller
Interactive guide to learning how to sail a dinghy
Visit