Crafting frontend since the Photoshop era Ancient, I know ¯\_(ツ)_/¯

Open source

• Nanotags

  Nanotags is a lightweight, TypeScript-friendly library for building reactive Web Components on top of standard DOM APIs and Nano Stores, with automatic cleanup and hydration-first support in under 2.5 KB.

  custom elements / nanostores / reactive UI / typescript

• Astro-Pigment

  Astro 6 documentation theme that turns markdown content into a polished docs site with dark mode, interactive playgrounds, SEO routes, and LLM-friendly endpoints in a single integration.

  astro / documentation / theme

• Typed-Channel

  Type-safe communication channel for sending and receiving messages between different contexts — workers, iframes, tabs, Figma plugins.

  typescript / communication

• Harmonizer

  developer

  Harmonizer is an open-source color palette generator for UI design that creates accessible, perceptually consistent shades and contrast levels using OKLCH and APCA, available as both a web app and a Figma plugin.

  palette generator / oklch / apca / figma plugin

• Code-to-Markup

  Convert code snippets into beautifully highlighted, self-contained HTML markup ready to paste into slides, docs, or emails.

  syntax highlighting / html / tooling

Writing

1. From React to native web with nanotags: a migration that saved 100 KB

   Migrating an Astro site from React and Ark UI to native Web Components: 100 KB less JS, no features lost, and the birth of nanotags, a tiny library that makes Custom Elements enjoyable.

   EVIL MARTIANS • MAY 6, 2026

2. Why your vibe-coded project needs a developer

   AI will happily ship you a prototype that works until it doesn't.

   EVIL MARTIANS • DEC 11, 2025

3. Cool frontend arts of local-first: storage, sync, conflicts

   The three hard problems of local-first apps — and the tools, trade-offs, and patterns for surviving them.

   EVIL MARTIANS • MAR 15, 2023