ZSTYLE

A utility-first styling library for React Native.

zstyle is a utility-first styling library for React Native largely inspired by Tailwindcss, a utility-first CSS framework for rapid UI development.

Installation

Install the package via npm:

npm install react-native-zstyle --save

Then copy the 'zstyle.js' file into the root folder of your React Native project:

cp ./node_modules/react-native-zstyle/src/zstyle.js .

zstyle comes with standard utilities out of the box with some of them being customisable such as colors, margins, paddings, etc...

The 'zstyle.js' file is the place to setup all your customs styling utilities that will be available in the Z components everywhere in your project.

GitHub