Notice: Nature UI has been discontinued and we recommend using Daisy UI or Shadcn/UI

Set of Lightview and fully customizable React Components optimized for TailwindCss

Nature UI provides a set of accessible, reusable, extensible and composable React components that make it super easy to create websites and apps with tailwindcss.

Looking for the documentation? 📝

Latest version (v1) => https://nature-ui.com

Features 🚀

• Ease of Styling: Nature UI contains a set of layout components like Box and Stack that make it easy to style your components with tailwindcss and emotion css prop.
• Flexible & composable: Nature UI components are built on top of a React UI Primitive for endless composability.
• Accessible. Nature UI components follow the WAI-ARIA guidelines specifications and have the right aria-* attributes.

Installing Nature UI

To use Nature UI components, all you need to do is install the @nature-ui/core package and its peer dependencies:

Make Sure you have tailwindcss setup in your project https://tailwindcss.com/docs/installation

$ yarn add @nature-ui/core

# or

$ npm install @nature-ui/core

Usage

import { Button } from '@nature-ui/core';

function Example() {
  return <Button>You're awesome</Button>;
}

CodeSandbox Templates

• Create react app JavaScript Starter: https://codesandbox.io/s/nature-ui-0eolr
• TypeScript Starter: https://codesandbox.io/s/nature-uicra-typescript-0ii7c

Contributing

Feel like contributing? That's awesome! We have a contributing guide to help guide you.

Contributors ✨

Thanks goes to these wonderful people (emoji key):

Divine Hycenth 💻 🖋 🎨 📖 🚧 📢

This project follows the all-contributors specification. Contributions of any kind welcome!

License

MIT © Divine Hycenth