Skip to content
Cross Platform React Native UI Toolkit
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.ci ci: Remove expo ci from PRs (#1528) Oct 30, 2018
.github style: Run prettier on md files on precommit Dec 11, 2018
docs docs(SearchBar): Update anchor links to headings (#1805) Mar 17, 2019
src fix(Slider): False positioning of Slider and track width (#1739) Feb 24, 2019
website docs(SearchBar): Update anchor links to headings (#1805) Mar 17, 2019
.babelrc Added testing for Text Component Apr 3, 2017
.editorconfig Added tests for Button Component Apr 3, 2017
.eslintignore docs: Fix link to getting started on help page Jan 21, 2019
.eslintrc.js perf: Update eslint toolchain and cleanup some files Dec 11, 2018
.gitignore chore: Add webpack build folder to gitignore Dec 9, 2018
.npmignore initial commit Sep 8, 2016
.prettierignore Fix 0.19 docs layout Apr 1, 2018
.travis.yml ci: Pin version of node Mar 10, 2019
LICENSE initial commit Sep 8, 2016
README.md docs(readme): Update OC sponsors list Jan 29, 2019
package.json
webpack.config.js Remove deprecated components - v0.18 (#689) Nov 2, 2017
yarn.lock fix: Change merge library to deepmerge from lodash (#1772) Feb 12, 2019

README.md

react-native-elements

React Native Elements

Cross Platform React Native UI Toolkit


React Native Elements UI Toolkit

Get Started

Installation

Follow these instructions to install React Native Elements!

Usage

Start using the components or try it on Snack here.

import { Button } from 'react-native-elements';

<Button />;

Components included:

RNE Ecosystem:

React Native Elements also serves as a platform that connects small teams/individuals that needs help developing their RN app with open source contributors that are willing to build complex UI screens & animated interactions for 💰💰💰.

Here are some of the screens that our developers have created so far:



If this sounds interesting and you would like to participate, kindly open a new issue with the design & spec of the UI screen that you need to be developed. One of our developers will respond to your issue with an estimate of time & cost.

It's built on top of RNE & Open Collective. If you have any feedback or would like to know more details about this kindly contact Monte Thakkar.

React Native Web support

As a cross platform UI Toolkit, you can now use RNE on the web & share your codebase between your React Native + React web apps. RNE components are rendered perfectly on browser. You can achieve this to target iOS, Android and Web by collaborating RNE and React Native for Web.

Click here for a full walkthrough using React Native Elements + React Native Web.

Expo Demo App

Checkout the official React Native Elements App on Expo which uses all of the React Native Elements components.

If you are looking to contribute to the React Native Elements App, click here to view the implementation & run the RNE expo app locally.

Documentation

View the full docs here

Contributing

Interested in contributing to this repo? Check out our Contributing Guide and submit a PR for a new feature/bug fix.

A big shoutout to all our contributors! You could be here too!

First Contributors

We encourage everyone to contribute & submit PR's especially first-time contributors. Look for the label Good First Issue on the issues. Click here to see them.

If there is something you's like to see or request a new feature, please submit an issue or a pull request.

Slack Community

In case you have any other question or would like to come say Hi! to the RNE community, join our Slack team. See you on the other side! 👋😃

Backers

Support us with a monthly donation and help us continue our activities. [Become a backer]

Sponsors

Become a sponsor and get your logo on our README on Github with a link to your site. [Become a sponsor]

You can’t perform that action at this time.