![Logo](https://res.cloudinary.com/ddn2ios0o/image/upload/v1648453598/mobilio-uii_vjed3e.png)


# 🚀  Mobilio UI

Mobilio UI is React UI Library based on Styled-Components focused on improving users' engagement and business conversion.

Add your React components directly with CSS, both Web and React Native.

## What is Styled-Components
[Styled-Components](https://styled-components.com/) is a library built for React and React Native developers. It lets you write actual CSS in your JavaScript. This means you can use all the features of CSS you use and love, including (but by far not limited to) media queries, all pseudo-selectors, nesting, etc
.

## Installation

Use the NPM to install Mobilio.

```bash
npm i mobilio
```

## Usage

```python
# Import
import Button from "mobilio/components/index"

# Usage
<Button>Buy</Button>
```

## Change Color

```python
# Import
import Button from "mobilio/components/index"

# Usage
<Button secondary>Buy</Button>
```

## Contributing
This is my first UI Library that I created, so far only Button elements can be implemented.  If you have some feedback, please feel free to contact me
at mail@lughni.com

Thank you :)

## License
[MIT](https://choosealicense.com/licenses/mit/)