Introduction

Every new mobile app starts the same way. You set up a theme. You write a button, then an input, then a bottom sheet that doesn’t quite follow the finger. You fix the tab bar sitting under the home indicator, the keyboard covering the form, the icon too small to tap. A few weeks later you have a foundation, and on the next project you do it all again.

Axiom exists so you only do it once.

It is a set of React Native components, built for mobile from the start, that you copy into your project. Not a package: once a component is copied, the file is yours. Open it, change it, rename it, delete what you don’t need. No update will ever overwrite it.

Build mobile experiences, not isolated components.

A button is easy. What takes time is everything around it: the press feedback, the 44pt touch target, the sheet that snaps and dismisses, the list that refreshes, the empty screen before the first item exists. Axiom ships those behaviors with the components, so you start from something that already feels right on a phone and spend your time on your product instead.

It also stays out of your way. Take one component or fifty. Keep the styling tool you already use, whether StyleSheet, Unistyles or Tailwind. Nothing asks you to adopt the whole system.

From axiom to proof

The system grows the way a proof does. The theme and tokens are the axioms everything rests on. Atoms are the smallest pieces you can reason with. Molecules, organisms and templates combine them into real interactions and screens. Blocks, coming later, are complete screens you adapt to your app.

Foundations → Atoms → Molecules → Organisms → Templates → Blocks

Start with one component. See how it feels. Keep going from there.