hub / github.com/Aashu-Dubey/React-Native-UI-Templates
github.com/Aashu-Dubey/React-Native-UI-Templates @main
Chat with this repo
93 symbols
228 edges
51 files
3 documented · 3%
● updated 15mo ago★ 1,4682 open issues
What it actually does AI analysis from the code graph — generated when you open this
loading…
README
React Native UI Templates
Free UI templates created in react-native.
🧬 Samples
| Project | |
|---|---|
| > Expo Snack (Not handled for web yet). | |
1. Hotel BookingShows the list of hotels nearby with their ratings and other details, filter UI and custom calendar view etc. |
> Demo: twitter | youtube | 
|
|
2. Design Course
A minimal UI showing list of courses related to UI design.> Demo: twitter | youtube | 
|
|
3. Animated Onboarding
An onboarding UI flow with smooth animations, for a Mental Wellness App.
💪🏼 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
- Original Flutter project
- Ionic-UI-Templates: Ionic version of this project.
- Twitter Post
Extension points exported contracts — how you extend this code
DrawerItemProps (Interface)(no doc)
src/DrawerContent.tsx
ListItemProps (Interface)
(no doc)
src/HomeScene.tsx
Props (Interface)
(no doc)
src/components/Toast.tsx
Props (Interface)
(no doc)
src/hotel_booking/HotelListItem.tsx
Props (Interface)
(no doc)
src/design_course/CategoryListView.tsx
Props (Interface)
(no doc)
src/introduction_animation/scenes/RelaxView.tsx
Props (Interface)
(no doc)
src/components/MyPressable.tsx
Props (Interface)
(no doc)
src/hotel_booking/FiltersModal.tsx
Core symbols most depended-on inside this repo
onDateClickcalled by 4
src/hotel_booking/CustomCalendar.tsx
isStartDateRadius
called by 3
src/hotel_booking/CustomCalendar.tsx
isEndDateRadius
called by 3
src/hotel_booking/CustomCalendar.tsx
getTimeBoxUI
called by 3
src/design_course/CourseInfoScreen.tsx
customMarker
called by 2
src/hotel_booking/RangeSliderView.tsx
checkAppPosition
called by 2
src/hotel_booking/FiltersModal.tsx
formattedDate
called by 2
src/hotel_booking/CalendarPopupView.tsx
styleCatrgory
called by 2
src/design_course/HomeDesignCourse.tsx
Shape
Languages
TypeScript91%
Kotlin9%
Modules by API surface
src/hotel_booking/Switch.tsx10 symbols
src/hotel_booking/CustomCalendar.tsx10 symbols
src/hotel_booking/FiltersModal.tsx5 symbols
android/app/src/main/java/com/react_native_ui_templates/MainApplication.kt5 symbols
src/introduction_animation/scenes/CenterNextButton.tsx4 symbols
src/design_course/HomeDesignCourse.tsx4 symbols
src/HomeScene.tsx4 symbols
src/DrawerContent.tsx4 symbols
src/hotel_booking/CalendarPopupView.tsx3 symbols
src/components/Toast.tsx3 symbols
android/app/src/main/java/com/react_native_ui_templates/MainActivity.kt3 symbols
src/introduction_animation/scenes/components/NextButtonArrow.tsx2 symbols
For agents
$ claude mcp add React-Native-UI-Templates \
-- python -m otcore.mcp_server <graph>