Aashu-Dubey / 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

🧬 Samples

Project
> 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.

> Browse
> Demo: twitter | youtube
Hotel Booking Preview

2. Design Course

A minimal UI showing list of courses related to UI design.

> Browse
> Demo: twitter | youtube
Design Course Preview

3. Animated Onboarding

An onboarding UI flow with smooth animations, for a Mental Wellness App.

> Browse
> Demo: twitter | youtube
Animated Onboarding Preview

πŸ’ͺ🏼 Getting Started

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 the Flutter project Best-Flutter-UI-Templates.

πŸ”— Links

About

UI kits built in React-Native & TypeScript.

License:MIT License


Languages

Language:TypeScript 93.7%Language:Kotlin 1.9%Language:Objective-C 1.7%Language:Ruby 1.1%Language:JavaScript 1.0%Language:Objective-C++ 0.6%