Open source · Author

Root Native UI — Material Design 3 components for React Native

TypeScriptui

A design-system agnostic component library for React Native and Expo, built under my Root Native organisation. It ships Material Design 3 out of the box, then gets out of the way — override at the theme, the prop or the style level, whichever fits.

Why it mattered

Born out of repetition — after building the same buttons, inputs and sheets across client projects, I started factoring them into one place. The design-system agnostic part is the lesson those projects taught: every library is opinionated until the brand guidelines land, so the theme layer had to bend rather than be fought.

Code contributions

  • 28 components shipping Material Design 3 by default, on Expo and bare React Native
  • A theme engine that adapts to your design language instead of imposing one — use MD3, bring your own, or mix both
  • Per-component subpath exports, so the bundle only carries what you import
  • npx rootnative create to scaffold a project, and rootnative add to copy components in, source and all
  • Accessibility roles, labels and states baked in, with strict types on every prop and theme token

Tech

React NativeExpoTypeScriptMaterial Design 3Design systemCLI

Links

Other projects

Want something like this built?

Get in touch →