React Native Elements & UI Toolkit
npm install @deboxsoft/react-native-elements
Cross Platform React Native UI Toolkit
!React Native Elements UI Toolkit
Follow
these instructions
to install React Native Elements!
Start using the components or try it on Snack
here.
``js
import { Button } from 'react-native-elements';
;
`
* [x] Avatar
* [x] Badge
* [x] Button
* [x] ButtonGroup
* [x] Card
* [x] Checkbox
* [x] Form Elements
* [x] HTML style headings
* [x] Icon
* [x] List and ListItem
* [x] Pricing
* [x] Rating
* [x] Search Bar
* [x] Slider
* [x] Social Icons / Social Icon Buttons
* [x] Tile
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.
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.
Current release: 1.0.0-beta7
* [x] Button component (re-write) - @monte9
* [x] Input component (re-write) - @monte9 & @xavier-villelegier
* [x] Search component - Platform specific (re-write) - @xavier-villelegier
* [x] Avatar component (refactored) - @monte9
* [x] Production-ready screens 🔥 💯 🎸 - @monte9, @xavier-villelegier,
@martinezguillaume
* [x] Launching RNE Ecosystem ✨🚀✨ - @monte9
* [x] ListItem component - Platform specific (re-write) -
@martinezguillaume, @johot
* [x] Themes support - NEW - @iRoachie
* [ ] React Native Web support - NEW - @Gregor1971 WIP -
branch -
PR
* [x] Update docs for Button component
* [x] Update docs for Input component
* [x] Update docs for Search component
* [x] Write detailed release notes with new features & breaking changes
* [x] Update react, react-native & other dependencies
* [x] Update docs for ListItem component -
$20
* [x] Write docs for Themes support -
$20
* [ ] Create a compelling demo/example app for RNE + RNW (Checkout
rn-web
branch or
this PR comment
for context) -
$50
* [ ] Write docs for React Native Web support (Checkout
rn-web
branch or
this PR comment
for context) -
$50
* [ ] Recreate Settings page on iOS & android (to show listItem + searchBar +
themes components) - WIP - @martinezguillaume
Feel free to reach out to us on our
Slack channel if you have any
questions about what to work on.
Since this is a beta release, any new installation of react-native-elements will
get v0.19.1. If you would like to try out our v1.0.0 beta releases (we
highly suggest you do), run the following command:
yarn add react-native-elements@beta
Since v1 has a lot of API changes (many of which are breaking changes due tov1.0.0
re-written components), the beta releases are meant to give our users av1
heads up and give them plenty of time to migrate their apps to .
The official v1.0.0 will be released around December 2018 🎉
You can test new features of the v1.0.0 beta releases onpackage.json
Expo Snack by modifying the file:
"react-native-elements": "^1.0.0-beta"
This will install the latest beta release of React Native Elements.
Interested in contributing to this repo? Check out our
Contributing Guide
and submit a PR for a new feature/bug fix.
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.
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! 👋😃
Support us with a monthly donation and help us continue our activities.
[Become a backer]
Become a sponsor and get your logo on our README on Github with a link to your
site.
[Become a sponsor]