Ionic-UI-Templates
react-native-animation-samples
| Ionic-UI-Templates | react-native-animation-samples | |
|---|---|---|
| 7 | 2 | |
| 75 | 267 | |
| - | - | |
| 3.8 | 4.2 | |
| 12 months ago | 8 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-animation-samples
-
Animated Toolbar in react-native running on 5 platforms
Source code (A little advanced from the video version):- https://github.com/Aashu-Dubey/react-native-animation-samples
-
Hotel booking UI template I created in react-native [Source in comments]
Yeah, maybe someday with advance stuff. I'm trying new things, recently I also created this repo with some challenging animations.
What are some alternatives?
stopwatch-timer-reanimated - Stopwatch & Timer app built with React Native, Expo and Reanimated. Licensed under the GPLv3 license.
react-native-reanimated-carousel - 🎠 React Native swiper/carousel component, fully implemented using reanimated v2, support to iOS/Android/Web. (Swiper/Carousel)
capacitor-nfc-demo - ⚡️ Simple Ionic Angular app to demonstrate the use of the Capacitor NFC plugin.
WatermelonMessenger - React Native App using react, redux, sagas, hooks, react navigation v5
Best-Flutter-UI-Templates - completely free for everyone. Its build-in Flutter Dart.
react-native-reanimated-image-viewer - A image viewer for React Native created with Reanimated
oss-weather - An OSS weather app for iOS/Android
react-native-modal - An enhanced, animated, customizable Modal for React Native.
React-Native-UI-Templates - UI kits built in React-Native & TypeScript.
ios-numpad-keyboard-with-custom-button - The iOS Numpad Keyboard with a Custom Button Example 🔢
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.