All Projects → react-native-elements → React Native Elements App

react-native-elements / React Native Elements App

Demo app for React Native Elements (w/ React Native Web)

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to React Native Elements App

Awesome Ui Component Library
Curated list of framework component libraries for UI styles/toolkit
Stars: ✭ 702 (-39.43%)
Mutual labels:  ui-kit, ui-components, components
vuestic-ui
Free and Open Source UI Library for Vue 3 🤘
Stars: ✭ 1,501 (+29.51%)
Mutual labels:  components, ui-kit, ui-components
Vitamin Web
Decathlon Design System libraries for web applications
Stars: ✭ 70 (-93.96%)
Mutual labels:  ui-kit, ui-components, components
ng-sq-ui
Flexible and easily customizable UI-kit for Angular 11+
Stars: ✭ 99 (-91.46%)
Mutual labels:  components, ui-kit, ui-components
Antv
Ant Design of Vue.js 2.0
Stars: ✭ 99 (-91.46%)
Mutual labels:  ui-kit, ui-components, components
Elm Ui
UI library for making web applications with Elm
Stars: ✭ 878 (-24.25%)
Mutual labels:  ui-kit, ui-components, components
Primitives
An open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @modulz.
Stars: ✭ 644 (-44.43%)
Mutual labels:  ui-kit, ui-components
Atui
A Vue.js 2.0 UI Toolkit for Web
Stars: ✭ 674 (-41.85%)
Mutual labels:  ui-kit, ui-components
Iview
A high quality UI Toolkit built on Vue.js 2.0
Stars: ✭ 23,930 (+1964.71%)
Mutual labels:  ui-kit, components
Sugui Design System
A design system template for the SugUI components library based on styleguidist
Stars: ✭ 17 (-98.53%)
Mutual labels:  ui-kit, ui-components
Daisyui
⭐️ ⭐️ ⭐️ ⭐️ ⭐️  Tailwind Components
Stars: ✭ 382 (-67.04%)
Mutual labels:  ui-kit, ui-components
Iview Weapp
一套高质量的微信小程序 UI 组件库
Stars: ✭ 6,145 (+430.2%)
Mutual labels:  ui-kit, components
Base
React-UI-Kit - frontend library with ReactJS components
Stars: ✭ 18 (-98.45%)
Mutual labels:  ui-kit, ui-components
Uiw
⚛️ @uiwjs A high quality UI Toolkit, A Component Library for React 16+.
Stars: ✭ 531 (-54.18%)
Mutual labels:  ui-kit, ui-components
Ionic3 Chat
ionic3 chat example
Stars: ✭ 465 (-59.88%)
Mutual labels:  example, components
React95
🌈🕹 Refreshed Windows 95 style UI components for your React app
Stars: ✭ 4,877 (+320.79%)
Mutual labels:  ui-kit, components
Ui Libraries
A collection of UI Frameworks and their platform implementations.
Stars: ✭ 769 (-33.65%)
Mutual labels:  ui-kit, ui-components
Webrix
Powerful building blocks for React-based web applications
Stars: ✭ 41 (-96.46%)
Mutual labels:  ui-components, components
Vuetify
🐉 Material Component Framework for Vue
Stars: ✭ 33,085 (+2754.62%)
Mutual labels:  ui-kit, ui-components
Components
Example Components (Built with Tonic)
Stars: ✭ 42 (-96.38%)
Mutual labels:  ui-components, components

React Native Elements App

React Native Elements App

Mobile App | Web App

This is the Demo app for React Native Elements built with Expo. In this app you will find examples on on how to use various RNE components as well as production-ready screens.

This app also work on the web platform using React Native Web. You can checkout the live website here. If you are looking to build a React Native mobile app & also reuse the code to deploy on web, this repo can be used as a great starting point.

Getting Started

Run it locally

  1. Install Expo CLI
[sudo] npm install -g expo-cli

If permissions errors then please use --unsafe-perm=true flag too npm/npm#16766

  1. Clone the project
git clone https://github.com/react-native-elements/react-native-elements-app.git
  1. Install dependencies
cd react-native-elements-app

# Using npm or yarn
yarn || npm install
  1. Run the cross-platform app (uses Expo)
yarn start || npm start

Deploy Web app

First you must set correct publicPath in app.web-build.json. Next you must build the web app using:

yarn build:web

Once you have built it, you can see generated web-build folder.

This folder can be hosted as static website. For example you can publish on Github Pages via gh-pages cli.

yarn deploy

Note: don't forget to add or change "homepage" key in your package.json

Ejecting

The mobile app is built using Expo. If you would like to eject, you can run the following command:

yarn eject || npm run eject

We highly recommend you read the official Expo ejection docs before proceeding.

Major contributors:

React Native Elements

This app is built using React Native Elements. RNE is a UI toolkit for React Native that provides you with production ready UI components so that you can focus on building the part that makes your app unique as opposed to reinvent the UI wheel.

You can install react-native-elements in your app using:

yarn add react-native-elements || npm install react-native-elements --save

Feedback

In case you run into any problems while running this app or have additional questions, please create a new issue on this repo and we will follow up with you.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].