React Native Zephyr

STATUS: In development

This project is actively under development. We're approaching v1.0.0, in which the API will be stable and non-breaking. Until then, there are no guarantees that the API will not undergo minor changes.

Overview

React Native Zephyr is a TailwindCSS-inspired styling library for React Native.

TailwindCSS is a brilliant library, but it's built for CSS and the web browser – and these are tools that are not available in React Native projects. This project aims to borrow some of the core ideas of TailwindCSS and implement them in the context of React Native applications.

React Native Zephyr, out of the box, provides:

• a thorough set of built-in styling utilities (spacing, colors, typography, etc.);
• an extendable and overridable theming system;
• type-safety for speedy and confident development;
• dark-mode support out of the box;
• clsx-like syntax for applying dynamic style classes.

Head over to the docs to learn more.