@malberee/nextui-native v1.1.10

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:

• Button
• Checkbox
• Chip
• Input
• Progress
• CircularProgress
• Radio
• Slider
• Spinner
• Switch

Installation

Follow the instructions for installing NativeWind v4

Install nextui-native

# npm
npm install @malberee/nextui-native

# yarn
yarn add @malberee/nextui-native

To use checkboxes, spinner or icons, also install react-native-svg

# npm
npm install react-native-svg

# yarn
yarn add react-native-svg

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