Skip to content
Back to work

Creative · 2026

WebGL Creative Tools

A set of free browser design tools, each doing one job properly and asking for nothing in return.

Most free web tools are a lead magnet with a form in front of them. This set was built the other way around: colour palettes, CSS gradients, grid layouts, type scales, box shadows, SVG waves, glassmorphism, favicons, QR codes, a contrast checker and an image compressor — no sign-up on any of them.

They sit on a shared Astro, React and Tailwind template with a single brand package behind them, so a new tool is a day's work rather than a project. Each one runs on its own subdomain and exports what it makes as PNG, SVG or CSS.

Four are live today — WebP compression, a responsive design tester, an SEO checker and a speed test. The rest are built and waiting on deploys rather than announced early.

How it came together.

The work moves from the right question to a system the team can actually use.

  1. Strategy

    It starts with a strategy session — I come to you, learn the business inside out, and shape a plan you actually want and that actually works. Goals first, never template-first.

  2. Design

    Then I design it — interface, brand and the feel of using it — mapped straight to that strategy. One person, one vision, no handoff gap between designer and developer.

  3. Development

    I build the real thing: fast, typed end-to-end, Supabase-backed, and yours outright — the website and the operations behind it, shipped on a tight loop.

  4. Iteration

    We iterate on the live product — real usage, real numbers — tightening the funnel and the workflows until it genuinely performs.

  5. Ongoing management

    From there I keep it running and growing — performance, updates, new campaigns and features as the business moves. One number to call, no agency runaround.

Role
Creative coding & product
Year
2026
Client
Aidxn Design
Creative codingWebGLToolsAstro