# @gluestack-ui/nativewind > A universal themed components for React Native, Next.js & React with nativewind style engine. Latest version **0.0.2** (published 2023-12-27) · ISC license · 0 weekly downloads ## Install ```sh npm install @gluestack-ui/nativewind pnpm add @gluestack-ui/nativewind yarn add @gluestack-ui/nativewind bun add @gluestack-ui/nativewind ``` ## Health **Score 30/100 (F)** — status: abandoned. Positive: has types; esm support; no vulnerabilities; high quality score. Warnings: low downloads; pre 1.0. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 0.0.2 | | Published | 2023-12-27 | | First published | 2023-12-22 | | Weekly downloads | 0 | | License | ISC | | TypeScript types | bundled | | Module format | ESM + CommonJS | | Dependencies | 33 | | Unpacked size | 191.5 KB | | Known vulnerabilities | 0 | | Install scripts | no | | Maintainers | amars29, geekgautam, gluestackadmin, geekashwini, vidhi499, mayankp06, madhavb230100, viraj-10, rohit_singh, ankit-tailor, meenumakkar, surajahmedc | | Keywords | react, native, react-native, gluestack-ui, universal, headless, typescript, component, android, ios, nextjs, nativewind | ## Links - npm: https://www.npmjs.com/package/@gluestack-ui/nativewind - npm.io page: https://npm.io/package/@gluestack-ui/nativewind ## Dependencies (33) - [nativewind](https://npm.io/package/nativewind.md) 2.0.11 - [@gluestack-ui/fab](https://npm.io/package/@gluestack-ui/fab.md) 0.1.17 - [@gluestack-ui/icon](https://npm.io/package/@gluestack-ui/icon.md) 0.1.20 - [@gluestack-ui/link](https://npm.io/package/@gluestack-ui/link.md) 0.1.16 - [@gluestack-ui/menu](https://npm.io/package/@gluestack-ui/menu.md) 0.2.26 - [@gluestack-ui/tabs](https://npm.io/package/@gluestack-ui/tabs.md) 0.1.14 - [@expo/html-elements](https://npm.io/package/@expo/html-elements.md) latest - [@gluestack-ui/alert](https://npm.io/package/@gluestack-ui/alert.md) 0.1.12 - [@gluestack-ui/image](https://npm.io/package/@gluestack-ui/image.md) 0.1.7 - [@gluestack-ui/input](https://npm.io/package/@gluestack-ui/input.md) 0.1.23 - [@gluestack-ui/modal](https://npm.io/package/@gluestack-ui/modal.md) 0.1.28 - [@gluestack-ui/radio](https://npm.io/package/@gluestack-ui/radio.md) 0.1.23 - [@gluestack-ui/toast](https://npm.io/package/@gluestack-ui/toast.md) 1.0.3 - [@gluestack-ui/avatar](https://npm.io/package/@gluestack-ui/avatar.md) 0.1.15 - [@gluestack-ui/button](https://npm.io/package/@gluestack-ui/button.md) 0.1.34 - [@gluestack-ui/select](https://npm.io/package/@gluestack-ui/select.md) 0.1.21 - [@gluestack-ui/slider](https://npm.io/package/@gluestack-ui/slider.md) 0.1.19 - [@gluestack-ui/switch](https://npm.io/package/@gluestack-ui/switch.md) 0.1.17 - [@gluestack-ui/divider](https://npm.io/package/@gluestack-ui/divider.md) 0.1.8 - [@gluestack-ui/overlay](https://npm.io/package/@gluestack-ui/overlay.md) 0.1.12 - [@gluestack-ui/popover](https://npm.io/package/@gluestack-ui/popover.md) 0.1.28 - [@gluestack-ui/spinner](https://npm.io/package/@gluestack-ui/spinner.md) 0.1.14 - [@gluestack-ui/tooltip](https://npm.io/package/@gluestack-ui/tooltip.md) 0.1.25 - [@gluestack-ui/checkbox](https://npm.io/package/@gluestack-ui/checkbox.md) 0.1.22 - [@gluestack-ui/progress](https://npm.io/package/@gluestack-ui/progress.md) 0.1.12 - [@gluestack-ui/provider](https://npm.io/package/@gluestack-ui/provider.md) 0.1.10 - [@gluestack-ui/textarea](https://npm.io/package/@gluestack-ui/textarea.md) 0.1.19 - [@gluestack-ui/accordion](https://npm.io/package/@gluestack-ui/accordion.md) 0.0.3 - [@gluestack-ui/pressable](https://npm.io/package/@gluestack-ui/pressable.md) 0.1.13 - [@gluestack-ui/actionsheet](https://npm.io/package/@gluestack-ui/actionsheet.md) 0.2.36 - [@gluestack-ui/alert-dialog](https://npm.io/package/@gluestack-ui/alert-dialog.md) 0.1.24 - [@gluestack-ui/form-control](https://npm.io/package/@gluestack-ui/form-control.md) 0.1.15 - [@gluestack-ui/linear-gradient](https://npm.io/package/@gluestack-ui/linear-gradient.md) 0.1.2 ## Alternatives - [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads - [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads - [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads - [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads - [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads ## Recent versions - 0.0.2 (latest) — 2023-12-27 - 0.0.1-alpha.4 (alpha) — 2023-12-27 - 0.0.1-alpha.3 — 2023-12-26 - 0.0.1-alpha.2 — 2023-12-26 - 0.0.1-alpha.1 — 2023-12-22 - 0.0.1-alpha.0 — 2023-12-22 ## README # @gluestack-ui/nativewind ## Installation To use gluestack-ui components with nativewind, all you need to do is install the `@gluestack-ui/nativewind` package: ```sh $ yarn add @gluestack-ui/nativewind react-native-svg@13.4.0 # or $ npm i @gluestack-ui/nativewind react-native-svg@13.4.0 ``` ## Usage A button component is a graphical user interface element that enables users to act by clicking or tapping. It can be customized in size, shape, color, and behavior to fit the design of the application or website. Here's an example: ```jsx import { Button } from '@gluestack-ui/nativewind'; export default function App () { return (