{"id":13474701,"url":"https://github.com/FormidableLabs/react-native-zephyr","last_synced_at":"2025-03-26T22:31:13.429Z","repository":{"id":37023324,"uuid":"502101265","full_name":"FormidableLabs/react-native-zephyr","owner":"FormidableLabs","description":"TailwindCSS-inspired styling library for React Native.","archived":true,"fork":false,"pushed_at":"2023-07-29T16:17:55.000Z","size":17281,"stargazers_count":345,"open_issues_count":13,"forks_count":5,"subscribers_count":34,"default_branch":"master","last_synced_at":"2025-03-11T19:48:49.120Z","etag":null,"topics":["dark-mode","react","react-native","typescript"],"latest_commit_sha":null,"homepage":"https://formidable.com/open-source/react-native-zephyr/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/FormidableLabs.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":".github/CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2022-06-10T15:56:15.000Z","updated_at":"2025-03-03T20:01:41.000Z","dependencies_parsed_at":"2024-01-16T07:23:05.423Z","dependency_job_id":"4791b61a-be1e-4ac8-8c37-3096a1e45718","html_url":"https://github.com/FormidableLabs/react-native-zephyr","commit_stats":{"total_commits":166,"total_committers":6,"mean_commits":"27.666666666666668","dds":"0.054216867469879526","last_synced_commit":"52b40896bcdfe1772ed16dfded7446695c449b86"},"previous_names":[],"tags_count":21,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FormidableLabs%2Freact-native-zephyr","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FormidableLabs%2Freact-native-zephyr/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FormidableLabs%2Freact-native-zephyr/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FormidableLabs%2Freact-native-zephyr/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FormidableLabs","download_url":"https://codeload.github.com/FormidableLabs/react-native-zephyr/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245747602,"owners_count":20665818,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["dark-mode","react","react-native","typescript"],"created_at":"2024-07-31T16:01:14.167Z","updated_at":"2025-03-26T22:31:09.279Z","avatar_url":"https://github.com/FormidableLabs.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"[![React Native Zephyr — Formidable, We build the modern web](https://raw.githubusercontent.com/FormidableLabs/react-native-zephyr/master/react-native-zephyr-Hero.png)](https://formidable.com/open-source/)\n\n[![github][github-static-analysis-image]][github-url]\n[![github][github-unit-test-image]][github-url]\n[![npm][npm-image]][npm-url]\n[![docs][docs-image]][docs-url]\n[![Maintenance Status][maintenance-image]](#maintenance-status)\n\n## Overview\n\nReact Native Zephyr is a [TailwindCSS](https://tailwindcss.com)-inspired styling library for React Native.\n\nTailwindCSS 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.\n\nReact Native Zephyr, out of the box, provides:\n\n- a thorough set of [built-in styling utilities](./docs/default-classes.md) (spacing, colors, typography, etc.);\n- an [extendable and overridable theming system](./docs/extending-the-theme.md);\n- **type-safety** for speedy and confident development;\n- [dark-mode support](./docs/dark-mode.mdx) out of the box;\n- [clsx-like syntax](./docs/dynamic-classname-list.md) for applying dynamic style classes.\n\nHead over to [the docs](https://formidable.com/open-source/react-native-zephyr/) to learn more.\n\n## Installation\n\nIn your React Native or Expo project, install `react-native-zephyr` using your favorite package registry tool such as npm, yarn, or pnpm.\n\n```shell\nnpm install react-native-zephyr\n```\n\n```shell\nyarn add react-native-zephyr\n```\n\n```shell\npnpm add react-native-zephyr\n```\n\nThere is no further installation as react-native-zephyr is a pure JS library with no native dependencies. See our [Quick Start](https://formidable.com/open-source/react-native-zephyr/quick-start#step-2-wrap-your-app-in-a-styleprovider) guide to get started with configuration.\n\n[github-unit-test-image]: https://github.com/FormidableLabs/react-native-zephyr/workflows/Unit%20Test/badge.svg\n[github-static-analysis-image]: https://github.com/FormidableLabs/react-native-zephyr/workflows/Static%20Analysis/badge.svg\n[github-url]: https://github.com/FormidableLabs/react-native-zephyr/actions\n[npm-image]: https://img.shields.io/npm/v/react-native-zephyr\n[npm-url]: https://www.npmjs.com/package/react-native-zephyr\n[docs-image]: https://img.shields.io/badge/docs-visit%20site-blue\n[docs-url]: https://formidable.com/open-source/react-native-zephyr/\n[maintenance-image]: https://img.shields.io/badge/maintenance-active-green.svg?color=brightgreen\u0026style=flat\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FFormidableLabs%2Freact-native-zephyr","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FFormidableLabs%2Freact-native-zephyr","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FFormidableLabs%2Freact-native-zephyr/lists"}