@malberee/nextui-native

nextui-native

I'm just trying to replicate the design and some functionality of NextUI for React Native. Many of the components do not have the full functionality of the original NextUI library.

Here is a list of some of the components that have already been implemented:

• [x] Button
• [x] Checkbox
• [x] Chip
• [x] Input
• [x] Progress
• [x] CircularProgress
• [x] Radio
• [x] Slider
• [x] Spinner
• [x] Switch

Installation

Follow the instructions for installing NativeWind v4

Install nextui-native

# npm
npm install @malberee/nextui-native

# yarn
yarn add @malberee/nextui-native

Modify your tailwind.config.js

// tailwind.config.js

+ const { nextui } = require("@malberee/nextui-native/plugin")

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./app/**/*.{js,jsx,ts,tsx}",
+   "node_modules/@malberee/nextui-native/**/*.{js,jsx,ts,tsx}"
  ],
  presets: [require("nativewind/preset")],
  theme: {
    extend: {},
  },
  darkMode: "class",
+ plugins: [nextui()] ,
}

Usage

import { Button } from '@malberee/nextui-native'

// ...

<Button color="success" variant="flat">
  Button
</Button>

License

MIT

---

Made with create-react-native-library