In Progress·DevTools·2025

Axon

Interactive design system playground

Next.jsTypeScriptTailwind CSSMDXAST ParsingRadix UI

Overview

Axon is a design system workbench for teams maintaining shared component libraries. It parses component source via AST, exposes every prop as an editable control, and re-renders changes instantly. Think Storybook, but faster and opinionated toward Tailwind.

Planned Features

  • AST-based prop extraction — no manual story writing or decorator boilerplate
  • Live Tailwind class hot-reload with JIT rebuild in under 200 ms
  • MDX documentation pages co-located with each component file
  • Export to Figma design tokens via a lightweight REST endpoint
In Development

Axon is actively being built. Here's what's planned:

  • AST-based prop extraction — no manual story writing or decorator boilerplate
  • Live Tailwind class hot-reload with JIT rebuild in under 200 ms
  • MDX documentation pages co-located with each component file
  • Export to Figma design tokens via a lightweight REST endpoint
Est. launch 2025