panademo / React-Native-UI-Templates

UI kits built in React-Native & TypeScript.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Native UI Templates

Free UI templates created in react-native.

How to create project specific local plugin | Ionic 6 | Capacitor


πŸ›  Live preview the templates in this Expo Snack (Not handled for web yet).

  1. Hotel Booking:- Shows the list of hotels nearby with their ratings and other details, filter UI and custom calendar view etc. | Demo
  2. Design Courses:- A minimal UI showing list of courses related to UI design. | Demo
  3. Animated Onboarding:- An onboarding UI flow with smooth animations, for a Mental Wellness App. | UI | Demo

πŸ’ͺ🏼 Getting Started

If this is your first React-Native project, Here are some resources to get you started:

πŸ–₯ Running Locally

This project is built on react-native CLI, so make sure you've set up development environment.

# clone the project and cd into it
git clone https://github.com/Aashu-Dubey/React-Native-UI-Templates.git
cd ./React-Native-UI-Templates

# install dependencies
yarn install

# iOS only
npx pod-install ios
# or
cd ios && pod install && cd ..

# Run iOS
npx react-native run-ios

# Run Android
npx react-native run-android

🌻 Motivation

This was initially started as my learning project and is inspired from this Flutter project, Best-Flutter-UI-Templates.

πŸ”— Links

About

UI kits built in React-Native & TypeScript.

License:MIT License


Languages

Language:TypeScript 78.9%Language:Java 9.9%Language:C++ 4.4%Language:Objective-C++ 2.3%Language:Objective-C 1.5%Language:Makefile 1.0%Language:Ruby 0.8%Language:JavaScript 0.8%Language:Starlark 0.4%