Getting Started
Requirement#
- Tailwindcss: Follow this guide to install and configure Tailwindcss https://tailwindcss.com/docs/installation
Starter templates#
- Create React App Example https://github.com/Nature-UI/examples/tree/master/create-react-app
- Next-js Example https://github.com/Nature-UI/examples/tree/master/next-js
- Next-js Typescript Example https://github.com/Nature-UI/examples/tree/master/next-js-typescript
- Other Examples https://github.com/Nature-UI/examples
Installation#
Inside your React project directory, install nature UI by running the following:
npm i @nature-ui/core
yarn add @nature-ui/core
Basic Usage#
Import#
import { Box, Button, Image, Badge } from '@nature-ui/core';
Editable Example
Airbnb Example#
New
3 beds • 2 baths
Modern home in city center in the heart of historic Los Angeles
$1,900.00/ wk
34 reviews
Editable Example