A utility first style component library for react native
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.