{"id":10453086,"url":"https://github.com/nativewind/nativewind","last_synced_at":"2026-03-15T11:31:19.200Z","repository":{"id":37291524,"uuid":"477048503","full_name":"nativewind/nativewind","owner":"nativewind","description":"React Native utility-first universal design system - powered by Tailwind CSS","archived":false,"fork":false,"pushed_at":"2025-05-01T01:51:18.000Z","size":328936,"stargazers_count":6167,"open_issues_count":80,"forks_count":337,"subscribers_count":28,"default_branch":"main","last_synced_at":"2025-05-07T23:04:50.159Z","etag":null,"topics":["css","nativewind","react","react-native","react-native-web","tailwind","tailwindcss"],"latest_commit_sha":null,"homepage":"https://nativewind.dev","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/nativewind.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"contributing.md","funding":".github/FUNDING.yml","license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":["marklawlor"]}},"created_at":"2022-04-02T12:30:41.000Z","updated_at":"2025-05-07T21:02:37.000Z","dependencies_parsed_at":"2023-12-04T01:24:38.455Z","dependency_job_id":"734dc252-ab21-40eb-b497-5341ae8562c2","html_url":"https://github.com/nativewind/nativewind","commit_stats":{"total_commits":3072,"total_committers":56,"mean_commits":"54.857142857142854","dds":0.501953125,"last_synced_commit":"fd62b3ea0d7a0e7b1dd92e760f5aba310076e60b"},"previous_names":["marklawlor/tailwindcss-react-native","nativewind/nativewind"],"tags_count":219,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nativewind%2Fnativewind","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nativewind%2Fnativewind/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nativewind%2Fnativewind/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nativewind%2Fnativewind/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nativewind","download_url":"https://codeload.github.com/nativewind/nativewind/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253059608,"owners_count":21847327,"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":["css","nativewind","react","react-native","react-native-web","tailwind","tailwindcss"],"created_at":"2024-05-29T07:01:23.391Z","updated_at":"2026-03-15T11:31:19.194Z","avatar_url":"https://github.com/nativewind.png","language":"TypeScript","readme":"\u003cdiv align=\"center\"\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://nativewind.dev\" target=\"_blank\"\u003e\n    \u003cimg src=\"./assets/logo.svg\" alt=\"Tailwind CSS\" width=\"70\" height=\"70\"\u003e\n    \u003ch1 align=\"center\" style=\"color:red;\"\u003eNativewind\u003c/h1\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n[![npm version](https://img.shields.io/npm/v/nativewind)](https://www.npmjs.com/package/nativewind)\n[![npm downloads](https://img.shields.io/npm/dw/nativewind)](https://www.npmjs.com/package/nativewind)\n[![Github](https://img.shields.io/github/license/nativewind/nativewind)](https://github.com/nativewind/nativewind)\n[![Discord](https://img.shields.io/discord/968718419904057416?logo=discord\u0026logoColor=ffffff\u0026label=Discord\u0026color=%235865F2)](https://discord.gg/ypNakAFQ65)\n[![Twitter](https://img.shields.io/twitter/follow/nativewindcss?link=https%3A%2F%2Fx.com%2Ftailwindcss)](https://x.com/nativewindcss)\n\n\u003c/div\u003e\n\u003cbr /\u003e\n\n# About\n\nDo you like using [Tailwind CSS](https://tailwindcss.com) to style your apps? This helps you do that in [React Native](https://reactnative.dev). Nativewind is **not** a component library, it's a styling library. If you're looking for component libraries that support Nativewind, [see below](https://github.com/nativewind/nativewind/tree/%40danstepanov/docs-v4.1?tab=readme-ov-file#what-if-im-looking-for-a-component-library-that-uses-nativewind).\n\nNativewind makes sure you're using the best style engine for any given platform (e.g. CSS StyleSheet or StyleSheet.create). Its goals are to to provide a consistent styling experience across all platforms, improving developer UX, component performance, and code maintainability.\n\nNativewind processes your styles during your application's build step and uses a minimal runtime to selectively apply reactive styles (eg changes to device orientation, light dark mode).\n\n## Installation\n\nIf you have an existing project, [use these guides](https://www.nativewind.dev/docs/getting-started/installation) to configure Nativewind for your respective stack.\n\nAlternatively, you can create a new pre-configured project via our Quickstart below.\n\n## Quickstart\n\nWe use [rn-new](https://rn.new) to quickly stand up an Expo project with Nativewind.\n- `npx rn-new@latest --nativewind` (Expo SDK 54 + Nativewind v4.1)\n- `npx rn-new@next --nativewind` (Expo SDK 54 + Nativewind v5)\n\n## Features\n\n- Works on **all** RN platforms, uses the best style system for each platform.\n- Uses the Tailwind CSS compiler\n- Styles are computed at **build time**\n- Small runtime keeps your components fast\n- Support for\n  - Custom CSS properties, aka **CSS Variables**\n  - **Dark mode, arbitrary classes,** and **media queries**\n  - **Animations** and **transitions**\n  - **Container queries**\n    - `container-type` and style-based container queries are not supported\n  - Pseudo classes - **hover / focus / active** on compatible components\n  - `rem` units\n  - Theme functions and nested functions\n  - React 18 Suspense API\n  - Custom CSS\n- Styling based on **parent state modifiers** - automatically style children based upon parent pseudo classes\n  - Support for the `group` and `group/\u003cname\u003e` syntax\n- **Children styles** - create simple layouts based upon parent class\n\n## Contribution\n\n[See this guide](https://github.com/nativewind/nativewind/blob/main/contributing.md)\n\n# FAQ\n\n## When is v5 landing?\n\n[Nativewind v5 is in preview](https://nativewind.dev/v5)\n\n## Is it safe to use v4?\n\nYes.\n\n## Is Nativewind moving to Expo?\n\nNo.\n\n## Can we disable auto-adding nativewind types using a setting or something? I already have the settings using `compilerOptions.types`, so I would like to disable the file generation.\n\n`withNativeWind(\u003cconfig\u003e, { disableTypeScriptGeneration: true })`\n\n## What if I'm looking for a component library that uses Nativewind?\n\nThere are a number of different component libraries available that use Nativewind to achieve different results. You should pick the one that best suits your needs.\n\n### [NativewindUI](https://nativewindui.com)\n\nThis multi-platform library focuses on achieving native feel for each individual platform using the familiar interface of Tailwind CSS.\n\n### [React Native Reusables](https://reactnativereusables.com)\n\nThis open source library offers universal [shadcn/ui](https://ui.shadcn.com) via React Native. Use this as a foundation to develop your own high-quality component library.\n\n### [gluestack](https://gluestack.io)\n\nFrom the folks that brought you NativeBase, this library offers customizable cross-platform components designed to look \u0026 behave cleanly on every platform.\n\n## Documentation\n\nLearn more on [our website](https://nativewind.dev).\n\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca href=\"https://vercel.com/oss\"\u003e\n\u003cimg alt=\"Vercel OSS Program\" src=\"https://vercel.com/oss/program-badge.svg\" /\u003e\n\u003c/a\u003e\n","funding_links":["https://github.com/sponsors/marklawlor"],"categories":["TypeScript","Styling \u0026 Theming"],"sub_categories":["Graphics \u0026 Drawing"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnativewind%2Fnativewind","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnativewind%2Fnativewind","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnativewind%2Fnativewind/lists"}