Things I've Built

Animated TV-headed robot avatars for Solid. Each head draws an LED face on a 2D canvas that shows an agent's state, such as thinking, searching, or speaking.

Solid 1.9 and 2
Default entry for Solid 1.9+ and a separate prerelease entry for Solid 2
Canvas 2D
Draws the head without WebGL or runtime dependencies
TypeScript
Typed props for shapes, states, and appearance
Playwright
Browser tests for consumer apps on Solid 1 and Solid 2

A background remover that runs on your own machine. It uses WebGPU and ONNX Runtime across a hosted web app, a local app, a batch CLI, and a Node API, and source images never leave the device.

Solid 2
Reactive UI for the hosted and local apps
TypeScript
Typed Node API, CLI, and browser runtime
WebGPU
GPU inference and image compositing in the browser
ONNX Runtime
BiRefNet Lite inference on WebGPU, WebAssembly, and native CPU
Cloudflare
Workers Static Assets plus R2 for model and runtime files

A Solid port of audiocn/ui. Audio meters, visualizers, faders, knobs, a mixer, players, and sound pads, distributed as shadcn registry source.

Solid 1 and 2
Stable Solid 1.9 registry and an experimental Solid 2 registry
shadcn Registry
The shadcn CLI copies component source into your project
Tailwind CSS 4
Themed through the standard shadcn CSS variables
Web Audio API
Hooks for microphones, system audio, analysers, and playback

An independently implemented Solid 2 renderer for GPUIX and GPUI. It connects Solid’s universal runtime and fine-grained reactivity to Zed’s GPU-accelerated UI stack.

Solid 2
Universal renderer and fine-grained reactivity
TypeScript
Typed renderer, component, and automation APIs
GPUIX
Public native mutation and element contract
GPUI
Zed’s GPU-accelerated UI framework
Rust / N-API
Native retained-tree bridge through @gpuix/native

A framework-agnostic browser inspection and visual context layer built with Solid 2 for measuring interfaces, annotating intent, and giving coding agents exact rendered evidence.

Solid 2
Isolated renderer and reactive UI runtime
TypeScript
Typed measurement, plugin, and agent contracts
Browser DOM
Framework-independent rendered UI inspection
Manifest V3
Extension delivery for arbitrary Chromium pages
Web APIs
Geometry, styles, screenshots, and interaction state

A native iPhone calorie and macro tracker with SwiftUI, SwiftData, widgets, barcode and nutrition-label scanning, optional sharing, and supporting Cloudflare/Convex services.

SwiftUI
Native iPhone UI framework
SwiftData
Local-first persistence for food and log data
WidgetKit
Home Screen and Lock Screen macro widgets
StoreKit
Full Unlock purchase and restore flow
Convex
Optional invite-based sharing backend
Cloudflare Workers
Auth, invite redirects, and food-search API workers
Astro
Product, privacy, waitlist, and support site
Bun
Tooling for web, worker, and backend packages

A versioned control contract for browser and desktop DAW operations, with typed SDK clients, MCP and CLI adapters, bounded JSONL transport, and packaged Electron acceptance.

Control contracts
Versioned V1/V2 requests, snapshots, approvals, commits, and recovery records
Control core
Pure planning, projection, MIDI resolution, deletion, and recovery semantics
Control SDK
Typed transport-neutral clients for cloud and desktop targets
MCP + JSONL
Thin model and process adapters over the canonical operation catalog
Electron
Authenticated packaged desktop host and native control transport
VST3
Desktop host discovery, parameters, editors, playback, and recovery
TypeScript
Shared contracts across the app, SDK, adapters, and tests

A modern single-page application showcasing the integration of Convex real-time database, Cloudflare Workers edge computing, SolidJS reactive framework, TanStack Query, BetterAuth, and Cloudflare D1/KV storage.

SolidJS
Reactive frontend framework with fine-grained reactivity
Convex
Real-time backend-as-a-service with TypeScript
Cloudflare Workers
Edge computing platform for serverless functions
TanStack Query
Powerful data synchronization for web applications
BetterAuth
Modern authentication library with TypeScript support
Cloudflare D1
Serverless SQL database at the edge
Cloudflare KV
Global key-value storage for edge applications
TypeScript
Type-safe JavaScript development

A project demonstrating a dual-database strategy using Convex as the source of truth and Cloudflare Durable Objects as a per-user edge cache for low-latency reads.

Solid.js
Frontend framework
Hono.js
Backend API framework
Convex
Source of truth database
Cloudflare Durable Objects
Per-user edge cache
Cloudflare D1
Authentication & user data
TanStack Query
Server state management
Better Auth
Authentication system

A project showcasing the use of Cloudflare Durable Objects with a per-user SQLite database, and real-time capabilities using WebSocket Hibernation.

Solid.js
Frontend framework
Hono.js
Backend/server
Cloudflare
Hosting, web services, Durable Objects, D1
Bun
JS runtime
Drizzle ORM
TypeScript ORM
TanStack Query
Server state management

A site using Cloudflare Workers AI to chat and generate images with AI

Solid.js
Frontend framework
Hono.js
Backend/server
Cloudflare
Hosting, web services
Bun
Backend runtime

A super minimal tower defense game built with TypeScript, Three.js, and modern web technologies.

TypeScript
Type-safe JavaScript for robust game logic
Three.js
3D graphics and rendering engine
Vite
Next-generation frontend tooling
WebGL
Hardware-accelerated graphics

A web application for converting images between different formats.

React
Frontend framework
Bun
Backend runtime
Cloudflare
Hosting, web services
TypeScript
Type-safe JavaScript
FFMPEG
Image processing

Learn about how I worked with designer Allan Bulnes to create this site.

Astro
Meta framework
React
Frontend framework
Cloudflare
Hosting, web services
Bun
Backend runtime
TypeScript
Type-safe JavaScript
PagesCMS
Content management system

A web application that identifies colors from images.

React
Frontend framework
Cloudflare
Hosting, web services
Bun
Backend runtime
TypeScript
Type-safe JavaScript

A modern web application that converts video files to optimized GIF format directly in the browser

React
Frontend framework
TypeScript
Type-safe JavaScript
FFMPEG
Video processing
Cloudflare
Hosting, web services
Bun
Backend runtime

Experience real-time ISS tracking with an interactive 3D globe visualization. Built with Solid.js, Three.js, and D3.js for a stunning and informative space exploration experience.

Solid.js
Frontend framework
Three.js
3D graphics library
D3.js
Data visualization
Cloudflare
Hosting, web services

Generate AI images in seconds with custom models, real-time training, and enterprise-grade features. Perfect for both professionals and hobbyists.

Solid.js
Frontend framework
Hono.js
Backend/server
Fal.ai
GPU inference provider
Together AI
GPU inference provider
Cloudflare
Hosting, web services
Supabase
Database backend postgres
Bun
Backend runtime