DESIGN SYSTEMREACTFIGMA

Axion UI Library

Axion is a reusable React component library built around accessible primitives, theming, and design tokens that stay aligned with Figma.

The goal was a system developers can drop into product work without fighting inconsistent spacing, color, or interaction patterns. Components feel intentional and stay maintainable.

Stack

ReactTypeScriptTailwind CSSFigma

View Figma file

AXON UI color tokens for primary, grey, error, success, and warning

AXON UI typography system with headings, paragraphs, and documentation

AXON UI search bar component states and variants

AXON UI card component variants for profiles, content, and projects

Have a project in mind?

Tell me about the messy system, or the polished product you want to ship.

https://github.com/SandyAbasman https://www.threads.com/@sandy_abasman https://www.linkedin.com/in/abasifrekesandy/https://medium.com/@abasifrekesandy