Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jpudysz/react-native-unistyles

Level up your React Native StyleSheet
https://github.com/jpudysz/react-native-unistyles

expo react react-native react-native-macos react-native-web react-native-windows typescript

Last synced: about 18 hours ago
JSON representation

Level up your React Native StyleSheet

Awesome Lists containing this project

README

        

[react-native-unistyles](https://unistyl.es/)

![GitHub package.json version](https://img.shields.io/github/package-json/v/jpudysz/react-native-unistyles?style=for-the-badge)
[![npm downloads](https://img.shields.io/npm/dm/react-native-unistyles?style=for-the-badge)](https://www.npmjs.com/package/react-native-unistyles)
[![npm downloads](https://img.shields.io/npm/dt/react-native-unistyles?style=for-the-badge)](https://www.npmjs.com/package/react-native-unistyles)
[![License: MIT](https://img.shields.io/badge/License-MIT-44CD11.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)


[![platform - expo](https://img.shields.io/badge/Expo-fff?style=for-the-badge&logo=expo&logoColor=black)](https://docs.expo.dev/)
[![platform - web](https://img.shields.io/badge/Web-white?logo=react&logoColor=57BDDA&style=for-the-badge)](https://www.w3.org/)
[![platform - ios](https://img.shields.io/badge/iOS-000?logo=apple&style=for-the-badge)](https://developer.apple.com/ios/)
[![platform - android](https://img.shields.io/badge/Android-44CD11?style=for-the-badge&logo=android&logoColor=white)](https://developer.android.com/)
[![platform - ssr](https://img.shields.io/badge/SSR-black?style=for-the-badge&logo=next.js&logoColor=white)](https://nextjs.org/)

## Installation

```shell
yarn add react-native-unistyles@beta
```

Then follow [installation guides](https://unistyl.es/v3/start/getting-started) for your platform.

## [Documentation](https://unistyl.es/)
- [Start here](https://unistyl.es/v3/start/introduction)
- [Migration from Unistyles 2.0](https://unistyl.es/v3/start/migration-guide)
- [Learn how Unistyles 3.0 works](https://unistyl.es/v3/start/how-unistyles-works)
- [API](https://unistyl.es/v3/references/stylesheet)
- [Examples](https://unistyl.es/v3/examples/examples)

## Features
- πŸš€ Shared core with C++ and JSI bindings
- 🏎️ Powered by Nitro Modules
- πŸ¦ΈπŸΌβ€β™‚οΈ No re-renders
- πŸ¦„ Custom web parser, classes and pseudo classes
- βš›οΈ Tightly integrated with Fabric and Shadow Tree
- πŸ”₯ Crazy performance, adds under 0.1 ms to your StyleSheet
- 🎳 Share up to 100% of your styles across platforms in monorepo
- 🎯 Doesn't introduce new components, your view hierarchy is always clean
- 🎨 Register multiple themes and change them with single function call
- and [much much more](https://unistyl.es/v3/start/new-features)!

## Sponsors


codemask


galaxies-dev


FTCHD


mobily


mwarger


biw


happyfloat


oscklm


guillaumehcht


FilipiRafael


4cc3ssX

## Past sponsors


kmartinezmedia


levibuzolic


claudesortwell


luoxuhai


anonymous


abanobboles


hyoban


giovannilondero

## Sponsor my work

[How to become a sponsor?](https://unistyl.es/v3/other/for-sponsors)

If you found the `react-native-unistyles` time-saving and valuable, please consider sponsoring my work. Your support enables me to continue creating libraries with a fresh approach.

Github: https://github.com/sponsors/jpudysz

Ko-fi: https://ko-fi.com/jpudysz

Your support is greatly appreciated and helps me dedicate more time and resources to creating quality libraries. Thank you for all the support!

## Discord
Looking for help or you want to chat with me?

[Join Discord](https://discord.gg/akGHf27P4C)

## License

MIT