The binder Work9 projects

Work

Products I’ve designed with clients, and the ones I build on my own.

  1. FamilyMake home page

    FamilyMake (opens in a new tab)

    Design Engineer · 2025 – Present

    On-demand manufacturing for Africa: upload a CAD file, get an instant quote, and have the finished part delivered.

  2. 24/7 Artists home page

    24/7 Artists (opens in a new tab)

    Design Engineer · 2025 – Present

    A step-by-step career plan for independent musicians, with the tools to follow it gathered in one dashboard.

  3. Workverse home page

    Workverse (opens in a new tab)

    Product Designer · Feb 2025 – Jun 2025

    A collaborative workspace where teams and AI work side by side, with productivity workflows built in.

  4. Rayna UI V2 home page

    Rayna UI (opens in a new tab)

    Design System Lead · Nov 2023 – Aug 2025

    A Figma design system and UI kit with 6,700+ components, used by 12,000+ designers and developers, and the foundation of Rayden UI's React library.

  5. Isoform (opens in a new tab)Beta

    Founder

    Isoform is an agent skill for Isocons, a set of 1,007 isometric icons. Name an icon or an idea, and the skill takes the drawing apart along its own edges and animates it doing what the object does: the rocket draws itself in, then fires.

    • Agent Skills
    • Claude Code
    • SVG
    • WebGL
    • Next.js
    • TypeScript
    • Tailwind CSS
  6. Morph editor: the Canvas effects library

    Morph (opens in a new tab)Beta

    Founder

    Morph is a WebGL effects editor: drop in an image, video, SVG or 3D model and turn it into stylised artwork, then export it as assets, code, or an AI-readable effect prompt.

    • Next.js
    • WebGL
    • Three.js
    • Zustand
    • GIF.js
    • Cursor
    • Claude Code
  7. VoxFlow editor: video, script and the voice timeline

    VoxFlow (opens in a new tab)Beta

    Founder

    VoxFlow turns a script into a voiceover for your video, entirely on your Mac. Pick a voice from one of several local engines (Piper, Kokoro, or Qwen for performed emotion), generate it chunk by chunk on a timeline under the video, then export the finished cut.

    • Tauri
    • React
    • TypeScript
    • Piper
    • Kokoro
    • Qwen TTS
    • Whisper
    • FFmpeg
    • OpenAI Codex
  8. Pocketit dashboard: a grid of captures from the web

    Pocketit (opens in a new tab)Beta

    Founder

    Pocketit captures anything from the web (screenshots, regions, screen recordings and bookmarks) and saves it straight to your own Google Drive, so your files stay yours.

    • Next.js
    • TypeScript
    • Tailwind CSS
    • Radix UI
    • NextAuth
    • Google Drive API
    • Puppeteer
  9. IntentlyWIP

    Founder · Sep 2026 – Ongoing

    Click any element in a running React or Next.js app and shape how it moves on hover, click, focus or scroll, with real controls and a live preview on the page. Intently saves each interaction as a spec, then hands it to the coding agent you already use (Claude Code, Codex or Cursor) to write it into your code, in your project's own style.

    • React
    • Next.js
    • TypeScript
    • MCP
    • Claude Code
    • Codex
    • Cursor