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.
Latest version (v1) => https://nature-ui.com
- Ease of Styling: Nature UI contains a set of layout components like
Box
andStack
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.
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
import { Button } from '@nature-ui/core';
function Example() {
return <Button>You're awesome</Button>;
}
Create react app
JavaScript Starter: https://codesandbox.io/s/nature-ui-0eolr- TypeScript Starter: https://codesandbox.io/s/nature-uicra-typescript-0ii7c
Feel like contributing? That's awesome! We have a contributing guide to help guide you.
Thanks goes to these wonderful people (emoji key):
Divine Hycenth ๐ป ๐ ๐จ ๐ ๐ง ๐ข |
This project follows the all-contributors specification. Contributions of any kind welcome!
MIT ยฉ Divine Hycenth