<h1 align="center">Spectre UI for React Native</h1>

<div align="center">

UI Design System for React Native

[![npm package](https://img.shields.io/npm/v/reactnativeatom.svg?style=flat-square)](https://www.npmjs.org/package/react-native-spectre) [![NPM downloads](http://img.shields.io/npm/dm/react-native-spectre.svg?style=flat-square)](http://npmjs.com/react-native-spectre) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

</div>

[![](https://firebasestorage.googleapis.com/v0/b/spectreui-b6501.appspot.com/o/hero-1.svg?alt=media)](http://spectreui.com)

## ✨ Features

- UI design system for react native apps.
- Theme customisations
- Easy to use components


## 📦 Install

```bash
npm install react-native-spectre
```

```bash
yarn add react-native-spectre
```

## 🔨 Usage

```jsx
import { Button } from "react-native-spectre";

<Button />
```

## 🔗 Links

- [Home page](http://spectreui.com/)
- [Getting Started](https://spectreui.com/docs/getting-started)
- [Customizations](https://spectreui.com/docs/customization)

## 📦 Components
- [Div](http://spectreui.com/docs/div)
- [Text](http://spectreui.com/docs/text)
- [Button](http://spectreui.com/docs/button)
- [Checkbox](http://spectreui.com/docs/checkbox)
- [Drawer](http://spectreui.com/docs/drawer)
- [Icon](http://spectreui.com/docs/icon)
- [Input](http://spectreui.com/docs/input)
- [Avatar](http://spectreui.com/docs/avatar)
- [Image](http://spectreui.com/docs/image)
- [Modal](http://spectreui.com/docs/modal)
- [Radio](http://spectreui.com/docs/radio)
- [Skeleton](http://spectreui.com/docs/skeleton)
- [Snackbar](http://spectreui.com/docs/snackbar)
- [Tag](http://spectreui.com/docs/tag)

## 🤝 Contributing [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
