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: 3 months ago
JSON representation

Level up your React Native StyleSheet

Host: GitHub
URL: https://github.com/jpudysz/react-native-unistyles
Owner: jpudysz
License: mit
Created: 2023-10-03T10:27:27.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2024-04-13T14:33:48.000Z (7 months ago)
Last Synced: 2024-04-14T04:20:11.584Z (7 months ago)
Topics: expo, react, react-native, react-native-macos, react-native-web, react-native-windows, typescript
Language: TypeScript
Homepage: https://unistyl.es
Size: 9.34 MB
Stars: 995
Watchers: 7
Forks: 25
Open Issues: 0
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE

Awesome Lists containing this project

README

        [](https://reactnativeunistyles.vercel.app/)

[](https://github.com/jpudysz/react-native-unistyles/discussions/191)

![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/React_Native_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 - macos](https://img.shields.io/badge/macOS-000?logo=apple&style=for-the-badge)](https://developer.apple.com/macos/)

[![platform - appletv](https://img.shields.io/badge/Apple_TV-000?logo=apple&style=for-the-badge)](https://developer.apple.com/tvos/)

[![platform - visionos](https://img.shields.io/badge/visionos-000?logo=apple&style=for-the-badge)](https://developer.apple.com/visionos/)

[![platform - android](https://img.shields.io/badge/Android-44CD11?style=for-the-badge&logo=android&logoColor=white)](https://developer.android.com/)

[![platform - androidtv](https://img.shields.io/badge/Android_TV-44CD11?style=for-the-badge&logo=android&logoColor=white)](https://www.android.com/intl/pl_pl/tv/)

[![platform - windows](https://img.shields.io/badge/windows-00a2ed?logo=windows&style=for-the-badge)](https://microsoft.github.io/react-native-windows/docs/getting-started)

[![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

```

Install CocoaPods dependencies / generate native folders with Expo:

```shell

pod install

npx expo prebuild

```

## [Documentation](https://reactnativeunistyles.vercel.app/)

- [Start here](https://reactnativeunistyles.vercel.app/start/introduction/)

- [API](https://reactnativeunistyles.vercel.app/reference/create-stylesheet/)

- [Migration from StyleSheet](https://reactnativeunistyles.vercel.app/start/migration-from-stylesheet/)

- [Examples](https://reactnativeunistyles.vercel.app/examples/all/)

## Features

- 🚀 Shared core with C++ and JSI bindings

- 🌉 Supports new architecture and bridgeless mode

- 🔥 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, everything is packed in one hook

- ⚛️ No React Context, no React Native events

- 🖥️ Supports custom breakpoints, css-like media queries and variants

- 🎨 Register multiple themes and change them with single function call

- 🥳 Compatible with all React Native platforms

- 🛡️ ~99% Test coverage

- 🔌 Extend stylesheets with your own plugins

- ⚔️ No 3rd party dependencies

- and much much more!

## Sponsors

[How to become a sponsor?](https://reactnativeunistyles.vercel.app/other/for-sponsors/)



    





     





     





     





     



## Past sponsors



     





     





     





     





     



## Sponsor my work

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!

## UI Kits



     



## Plugins

[eslint-plugin-react-native-unistyles](https://github.com/RodSarhan/eslint-plugin-react-native-unistyles)

## Discord

Looking for help or you want to chat with me?

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

## License

MIT