# 🚧[WIP] Dracula UI for React Native🚧

> A dark-first collection of UI patterns and components.

>disclaimer: this is a work in progress, and is not yet ready for production use.



![Dracula UI](https://ui.draculatheme.com/static/og.jpg)

## Dracula UI for react native is based on the [Dracula Ui](https://ui.draculatheme.com) project.

## :thinking: Why

Most templates are built using light colors and later on adapted to dark colors. Dark themes shouldn't be an afterthought, they should be a top priority.

Our mission is to unleash the creative potential in every developer. We do that by providing modular components that can be used to build modern apps faster.

## :book: Documentation

🚧 Work in progress 🚧

|            Example        |
| :---------------------------:
| ![Example](./.github/images/simulator_screenshot_27EAF467-EE23-4747-B2AD-DA0C18450BA3.png) |
## :package: Install

You can install Dracula UI for react native via npm or yarn.

```bash
npm install react-native-dracula-ui

yarn add react-native-dracula-ui
```

## :sparkles: Using with React

You can also use Dracula UI with React by importing the JS package.

```js
import { Box, Text, Heading, Anchor } from 'react-native-dracula-ui';

function App() {
  return <Heading size="2xs" color="purple">Software Developer</Heading>
}

export default App;
```
### :pencil2: License

react-native-dracula-ui is [MIT licensed](https://github.com/godrix/react-native-dracula-ui/tree/main/LICENSE) and built with ❤️ in 🇧🇷 by [Godrix](https://www.linkedin.com/in/carlosgodri/)