Documentation / Getting started

Introduction

Familiar patterns, thoughtful defaults, and intuitive experiences. One foundation for design and code.

Foundation releaseReact · TypeScript · Tailwind CSS
Actions with intent
Clear states, native behavior, and a visible focus ring.
ActiveIn reviewDesign systemDraft
Details, considered
A label, a hint, and room for feedback.
radius / md0px

A shared foundation, growing together.

antiflex now includes 50 component families. Each has a typed API, native semantics, light and dark themes, and a Storybook specimen. The dashboard shows them working together.

From a value to a decision.

Primitives hold raw values. Semantic tokens describe their purpose. Component tokens make those decisions usable. Change a theme at the semantic layer, and the components follow.

Primitive
neutral / 900
Semantic
action
Component
button / bg

Own the foundation.

The core is MIT licensed. Components are written for this system with React and native browser behavior. Figma, tokens, documentation, and examples share the same names and conventions.