Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nature-ui/nature-ui
Nature ui is a Modular React based component library with built in support for tailwindcss.
https://github.com/nature-ui/nature-ui
nature-ui react tailwind tailwind-react tailwindcss ui-components
Last synced: 3 days ago
JSON representation
Nature ui is a Modular React based component library with built in support for tailwindcss.
- Host: GitHub
- URL: https://github.com/nature-ui/nature-ui
- Owner: Nature-UI
- License: mit
- Archived: true
- Created: 2020-07-13T10:45:49.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2024-02-28T16:02:37.000Z (11 months ago)
- Last Synced: 2025-01-12T18:04:15.005Z (11 days ago)
- Topics: nature-ui, react, tailwind, tailwind-react, tailwindcss, ui-components
- Language: TypeScript
- Homepage: https://nature-ui.org
- Size: 10.8 MB
- Stars: 72
- Watchers: 3
- Forks: 8
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
> Notice: Nature UI has been discontinued and we recommend using [Daisy UI](https://daisyui.com/) or [Shadcn/UI](https://ui.shadcn.com/)
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) =>
## 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](https://tailwindcss.com/docs/installation)
```sh
$ yarn add @nature-ui/core
# or
$ npm install @nature-ui/core
```
## Usage
```jsx
import { Button } from '@nature-ui/core';
function Example() {
return You're awesome;
}
```
## CodeSandbox Templates
- `Create react app` JavaScript Starter:
- TypeScript Starter:
## Contributing
Feel like contributing? That's awesome! We have a
[contributing guide](./CONTRIBUTING.md) to help guide you.
## Contributors ✨
Thanks goes to these wonderful people
([emoji key](https://allcontributors.org/docs/en/emoji-key)):
This project follows the
[all-contributors](https://github.com/all-contributors/all-contributors)
specification. Contributions of any kind welcome!
## License
MIT © [Divine Hycenth](https://github.com/dnature)
