[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-71331":3},{"id":4,"name":5,"fullName":6,"owner":5,"repo":5,"description":7,"homepage":8,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":15,"forks30d":15,"starsTrendScore":19,"compositeScore":20,"rankGlobal":9,"rankLanguage":9,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":22,"hasPages":22,"topics":24,"createdAt":9,"pushedAt":9,"updatedAt":31,"readmeContent":32,"aiSummary":33,"trendingCount":15,"starSnapshotCount":15,"syncStatus":34,"lastSyncTime":35,"discoverSource":36},71331,"nativewind","nativewind\u002Fnativewind","The utility-first workflow you love from Tailwind CSS in your React Native applications.","https:\u002F\u002Fnativewind.dev",null,"TypeScript",7928,386,26,30,0,4,24,106,12,93.76,"MIT License",false,"main",[25,5,26,27,28,29,30],"css","react","react-native","react-native-web","tailwind","tailwindcss","2026-06-12 04:01:00","\u003Ca href=\"https:\u002F\u002Fnativewind.dev\">\n  \u003Cpicture>\n    \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\".\u002F.docs\u002Fimg\u002Fbanner-dark.jpg\" \u002F>\n    \u003Csource media=\"(prefers-color-scheme: light)\" srcset=\".\u002F.docs\u002Fimg\u002Fbanner-light.jpg\" \u002F>\n    \u003Cimg alt=\"Nativewind\" src=\".\u002F.docs\u002Fimg\u002Fbanner-light.jpg\" \u002F>\n  \u003C\u002Fpicture>\n\u003C\u002Fa>\n\n\u003Cdiv align=\"center\">\n\n[![npm version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fnativewind)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fnativewind)\n[![npm downloads](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdw\u002Fnativewind)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fnativewind)\n[![Github](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fnativewind\u002Fnativewind)](https:\u002F\u002Fgithub.com\u002Fnativewind\u002Fnativewind)\n[![Discord](https:\u002F\u002Fimg.shields.io\u002Fdiscord\u002F968718419904057416?logo=discord&logoColor=ffffff&label=Discord&color=%235865F2)](https:\u002F\u002Fdiscord.gg\u002FypNakAFQ65)\n[![Twitter](https:\u002F\u002Fimg.shields.io\u002Ftwitter\u002Ffollow\u002Fnativewindcss?link=https%3A%2F%2Fx.com%2Ftailwindcss)](https:\u002F\u002Fx.com\u002Fnativewindcss)\n\n\u003C\u002Fdiv>\n\u003Cbr \u002F>\n\n# About\n\nDo you like using [Tailwind CSS](https:\u002F\u002Ftailwindcss.com) to style your apps? This helps you do that in [React Native](https:\u002F\u002Freactnative.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:\u002F\u002Fgithub.com\u002Fnativewind\u002Fnativewind\u002Ftree\u002F%40danstepanov\u002Fdocs-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:\u002F\u002Fwww.nativewind.dev\u002Fdocs\u002Fgetting-started\u002Finstallation) 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:\u002F\u002Frn.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 \u002F focus \u002F 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\u002F\u003Cname>` syntax\n- **Children styles** - create simple layouts based upon parent class\n\n## Contribution\n\n[See this guide](https:\u002F\u002Fgithub.com\u002Fnativewind\u002Fnativewind\u002Fblob\u002Fmain\u002Fcontributing.md)\n\n# FAQ\n\n## When is v5 landing?\n\n[Nativewind v5 is in preview](https:\u002F\u002Fnativewind.dev\u002Fv5)\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>, { 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:\u002F\u002Fnativewindui.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:\u002F\u002Freactnativereusables.com)\n\nThis open source library offers universal [shadcn\u002Fui](https:\u002F\u002Fui.shadcn.com) via React Native. Use this as a foundation to develop your own high-quality component library.\n\n### [gluestack](https:\u002F\u002Fgluestack.io)\n\nFrom the folks that brought you NativeBase, this library offers customizable cross-platform components designed to look & behave cleanly on every platform.\n\n## Documentation\n\nLearn more on [our website](https:\u002F\u002Fnativewind.dev).\n\u003Cbr \u002F>\n\u003Cbr \u002F>\n\u003Ca href=\"https:\u002F\u002Fvercel.com\u002Foss\">\n\u003Cimg alt=\"Vercel OSS Program\" src=\"https:\u002F\u002Fvercel.com\u002Foss\u002Fprogram-badge.svg\" \u002F>\n\u003C\u002Fa>\n","Nativewind 是一个将 Tailwind CSS 的实用优先工作流引入 React Native 应用的库。它通过在构建时处理样式并使用最小化的运行时来选择性地应用响应式样式（如设备方向变化、明暗模式切换），确保为每个平台提供最佳的样式引擎，从而提升开发体验、组件性能和代码可维护性。其核心功能包括支持所有 React Native 平台、自定义 CSS 属性、暗黑模式、媒体查询、动画及过渡效果等。适用于需要跨平台一致性的 React Native 项目，特别是那些希望利用 Tailwind CSS 的强大特性和高效工作流程的开发者。",2,"2026-06-11 03:37:14","high_star"]