Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/trixieapp/react-virgin

The react-native UI Kit you've been looking for.
https://github.com/trixieapp/react-virgin

react-native ui-components ui-design ui-kit uikit

Last synced: about 1 month ago
JSON representation

The react-native UI Kit you've been looking for.

Awesome Lists containing this project

README

        

# React-Virgin
[![Travis](https://img.shields.io/travis/Trixieapp/react-virgin.svg)]()
[![GitHub last commit](https://img.shields.io/github/last-commit/Trixieapp/react-virgin.svg)]()
[![GitHub issues](https://img.shields.io/github/issues/Trixieapp/react-virgin.svg)](https://github.com/Trixieapp/react-virgin/issues)
[![GitHub forks](https://img.shields.io/github/forks/Trixieapp/react-virgin.svg)](https://github.com/Trixieapp/react-virgin/network)
[![GitHub stars](https://img.shields.io/github/stars/Trixieapp/react-virgin.svg)](https://github.com/Trixieapp/react-virgin/stargazers)
[![GitHub license](https://img.shields.io/github/license/Trixieapp/react-virgin.svg)](https://github.com/Trixieapp/react-virgin/blob/master/LICENSE)
[![Twitter](https://img.shields.io/twitter/url/https/github.com/Trixieapp/react-virgin.svg?style=social)](https://twitter.com/intent/tweet?text=Wow:&url=https%3A%2F%2Fgithub.com%2FTrixieapp%2Freact-virgin)

### The React-Native UI Kit you've been looking for

### Made with lots of :heart:

# What is React-Virgin?

- Boiler plate UI kit for your React-Native projects :star:
- Get started quickly
- A beautiful React-Native UI kit

# What is inside React-Virgin?

- Basic Boilerplate including react-navigation :boom:
- Basic components
- Horizontal List
- Vertical list
- Buttons
- Header
- Gridview
- Chat bubble
- Loader

# Preview

| Android | iOS |
| ------ | ------ |
| ![android](https://media.giphy.com/media/l4EoMbtLTodEdPCF2/giphy.gif) | ![ios](https://media.giphy.com/media/l4EoT1RuvPfkqyNZC/giphy.gif) |

### Installation

React-Virgin requires [Node.js](https://nodejs.org/) v4+ to run.

Clone the repo

```sh
$ cd Trixie-UI-kit
$ cd TrixieUiKit
$ npm install
$ react-native run-ios
```

### Linting
```
$ yarn lint
```
We also have prettier support. Run the following after you write code to apply the prettier config.
```
$ yarn format
```

### Development

We would love if you can contribute to make this project better. Here's how you can do it:

- Fork the project.
- Commit changes or bugfixes to your repo.
- Submit a pull request
- Sit back and relax while our maintainers checkout your changes and approve them!

### Docs

Basic documentation is available on - https://trixieapp.github.io/react-virgin/

### Todos

- Complete documentation
- Drawer menu
- Card layout
- Buttons with icons
- All form components

License
----

MIT

**Free Software, Hell Yeah!**
Buy Me A Coffee