{"id":13395430,"url":"https://github.com/react-native-elements/react-native-elements-app","last_synced_at":"2025-09-27T07:31:32.918Z","repository":{"id":41176464,"uuid":"67371981","full_name":"react-native-elements/react-native-elements-app","owner":"react-native-elements","description":"Demo app for React Native Elements (w/ React Native Web)","archived":true,"fork":false,"pushed_at":"2022-03-29T18:07:09.000Z","size":10528,"stargazers_count":1285,"open_issues_count":8,"forks_count":417,"subscribers_count":31,"default_branch":"next","last_synced_at":"2024-06-15T04:38:28.938Z","etag":null,"topics":["components","example","react-native","ui-components","ui-kit"],"latest_commit_sha":null,"homepage":"https://reactnativeelements.com/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/react-native-elements.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-09-04T22:44:08.000Z","updated_at":"2024-05-26T18:33:28.000Z","dependencies_parsed_at":"2022-08-31T21:14:40.868Z","dependency_job_id":null,"html_url":"https://github.com/react-native-elements/react-native-elements-app","commit_stats":null,"previous_names":["dabit3/react-native-hackathon-starter"],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-native-elements%2Freact-native-elements-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-native-elements%2Freact-native-elements-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-native-elements%2Freact-native-elements-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-native-elements%2Freact-native-elements-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/react-native-elements","download_url":"https://codeload.github.com/react-native-elements/react-native-elements-app/tar.gz/refs/heads/next","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234410136,"owners_count":18828150,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["components","example","react-native","ui-components","ui-kit"],"created_at":"2024-07-30T17:01:58.347Z","updated_at":"2025-09-27T07:31:29.773Z","avatar_url":"https://github.com/react-native-elements.png","language":"TypeScript","readme":"![React Native Elements App](https://user-images.githubusercontent.com/5962998/37248832-a7060286-24b1-11e8-94a8-847ab6ded4ec.png)\n\n# React Native Elements App\n\n**[Mobile App](https://expo.io/@monte9/react-native-elements-app)**\n\nThis is the Demo app for [React Native Elements](https://github.com/react-native-elements/react-native-elements) built with [Expo](https://expo.io/). The purpose of this app is to demonstrate the usage of the various UI components that React Native Elements provides out of the box.\n\nThis app also works on the `web` platform using [React Native Web](https://github.com/necolas/react-native-web). You can check out the [live website here](https://react-native-elements.github.io/react-native-elements-app). If you are looking to build a React Native mobile app which can reuse the code to deploy it on the web, this is the right place to begin. We decided to use [Expo](https://expo.io/), which reduces the effort required to build an app once and deploy it anywhere.\n\n## Getting Started\n\n### Run it locally\n\n1. Install [Expo CLI](https://docs.expo.io/versions/latest/workflow/expo-cli/)\n\n```\n[sudo] npm install -g expo-cli\n```\n\n_If permissions errors then please use `--unsafe-perm=true` flag too [npm/npm#16766](https://github.com/npm/npm/issues/16766)_\n\n2. Clone the project\n\n```\ngit clone https://github.com/react-native-elements/react-native-elements-app.git\n```\n\n3. Install dependencies\n\n```\ncd react-native-elements-app\n\n# Using yarn\nyarn install\n\n# Using npm\nnpm install\n```\n\n4. Run the cross-platform app (uses [Expo](https://expo.io/learn))\n\n```\n# Using yarn\nyarn start\n\n# Using npm\nnpm start\n```\n\n### Deploy Web App\n\nFirst you must set correct `publicPath` in `app.web-build.json`. Next you must build the web app using:\n\n```\nyarn build:web\n```\n\nOnce you have built it, you can see generated `web-build` folder.\n\nThis folder can be hosted as static website. For example, you can publish on [Github Pages](https://pages.github.com/) via [gh-pages](https://github.com/tschaub/gh-pages) cli.\n\n```\nyarn deploy\n```\n\n**Note:** Don't forget to add or change \"homepage\" key in your package.json!\n\n### Ejecting\n\nThe mobile app is built using Expo. If you would like to eject, you can run the following command:\n\n```\n# Using Yarn\nyarn eject\n\n# Using npm\nnpm run eject\n```\n\nWe highly recommend you read the [official Expo ejection docs](https://docs.expo.io/versions/latest/expokit/eject/) before proceeding, as the action of ejecting is not reversible.\n\n## Major contributors:\n\n- [@oxyii](https://github.com/oxyii) 💪🏼\n- [@xavier-villelegier](https://github.com/xavier-villelegier) 🔥\n- [@martinezguillaume](https://github.com/martinezguillaume) 🎸\n- [@iRoachie](https://github.com/iRoachie) 💯\n- [@monte9](https://github.com/monte9) 🤓\n\n## React Native Elements\n\nThis app is built using [React Native Elements](https://github.com/react-native-elements/react-native-elements). React Native Elements 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. Aiding rapid development and pragmatic design, React Native Elements is the one-stop shop for all your requirements, making your web and mobile apps look more dynamic and professional.\n\nYou can install `react-native-elements` in your app using:\n\n```\n# Using yarn\nyarn add react-native-elements\n\n# Using npm\nnpm install react-native-elements --save\n```\n\n## Feedback\n\nIn 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.\n","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freact-native-elements%2Freact-native-elements-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Freact-native-elements%2Freact-native-elements-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freact-native-elements%2Freact-native-elements-app/lists"}