Ionic-UI-Templates
React-Native-UI-Templates
Ionic-UI-Templates | React-Native-UI-Templates | |
---|---|---|
7 | 6 | |
75 | 994 | |
- | - | |
3.8 | 3.2 | |
12 months ago | 9 months ago | |
TypeScript | TypeScript | |
Apache License 2.0 | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Ionic-UI-Templates
-
Recently created this sample app using Ionic, Angular and Capacitor with Rive for the animated icons [Source in comments]
This demo is inspired from the SwiftUI + Rive course by Meng To from Design+Code. Source code: https://github.com/Aashu-Dubey/Ionic-UI-Templates Web demo: https://aashu-dubey.github.io/Ionic-UI-Templates With this, I also created the same using Flutter, below are the details for anyone interested Flutter Source code: https://github.com/Aashu-Dubey/flutter-samples Flutter Web demo: https://aashu-dubey.github.io/flutter-samples Twitter: https://twitter.com/aashudubey\_ad/status/1617186151860948992
-
My animated drawer/sidebar UI implementation using Ionic & Angular [Source in comments]
This is a little something I made while I was learning Ionic, this project is inspired from this Flutter project. I’ve also created few YouTube videos to explain some implementations seen in the video, like List animation, Drawer and Menu icon animation etc. I have also, using Capacitor, created a local plugin to get status bar height (something that I couldn’t get from existing libraries), I also did a video for that on YouTube. Source code:- https://github.com/Aashu-Dubey/Ionic-UI-Templates YouTube Playlist:- https://youtube.com/playlist?list=PLpnMM6hhRcchVmD6K1xJicQ7dJTa9uUrg Twitter:- https://twitter.com/aashudubey\_ad/status/1488243707472416770 Insta:- https://instagram.com/codeguru\_yt
-
Hotel booking UI template I created in react-native [Source in comments]
I did the same with Ionic while I was learning it recently.
-
I've implemented this animated drawer UI in React Native [Source in comments]
Though I do understand, over the top and unnecessary animations wouldn't really be a good choice for real world applications (for Accessibility and other reasons), but this is just demo. I also created the same thing in Ionic while I was learning it.
- GitHub - Aashu-Dubey/Ionic-UI-Templates: It's built in Ionic & Angular
-
List animation in Ionic & Angular
Following the above steps animation should work as expected. This article is part of my open source project Ionic-UI-Templates, so do check that out for complete code.
React-Native-UI-Templates
-
My first React Native app - helps people to find the best place to put their subwoofer
I used this example as a reference for how to do the animations. It places Animated.View elements off-screen and uses translate to bring them into view. They're all driven by one Animated.Value "controller" and each element uses interpolate() to map the controller values to x or y values. Each onboarding screen has a different value range (e.g. 0-1, 1-2).
-
Animated onboarding UI template implemented in react-native [Source in comments]
This is part of my open source project React-Native-UI-Templates, and is inspired from this Flutter project.
- Here's a simple Design Course UI template I created in react native [Source in comments]
-
Hotel booking UI template I created in react-native [Source in comments]
Looks custom built: https://github.com/Aashu-Dubey/React-Native-UI-Templates/blob/main/react_native_UI_Templates/src/hotel_booking/CustomCalendar.tsx
-
I've implemented this animated drawer UI in React Native [Source in comments]
This is part of my open source project React-Native-UI-Templates and is inspired from this original Flutter project, where I have implemented similar UI templates for learning in react-native. Source code:- https://github.com/Aashu-Dubey/React-Native-UI-Templates Twitter:- https://twitter.com/aashudubey\_ad/status/1484571529644212224
What are some alternatives?
stopwatch-timer-reanimated - Stopwatch & Timer app built with React Native, Expo and Reanimated. Licensed under the GPLv3 license.
Best-Flutter-UI-Templates - completely free for everyone. Its build-in Flutter Dart.
capacitor-nfc-demo - ⚡️ Simple Ionic Angular app to demonstrate the use of the Capacitor NFC plugin.
react-native-blur - React Native Blur component
viro - ViroReact: The AR and VR library for React Native 📳💙💛🤍💚
oss-weather - An OSS weather app for iOS/Android
react-native-paper - Material Design for React Native (Android & iOS)
react-native-animation-samples - Gesture based interruptible animation samples in React Native.
NativeScript - ⚡ Empowering JavaScript with native platform APIs. ✨ Best of all worlds (TypeScript, Swift, Objective C, Kotlin, Java). Use what you love ❤️ Angular, Capacitor, Ionic, React, Solid, Svelte, Vue with: iOS (UIKit, SwiftUI), Android (View, Jetpack Compose), Dart (Flutter) and you name it compatible.
flutter-samples - Flutter Samples
react-navigation - Routing and navigation for your React Native apps