Ionic-UI-Templates
stopwatch-timer-reanimated
Ionic-UI-Templates | stopwatch-timer-reanimated | |
---|---|---|
7 | 1 | |
75 | 9 | |
- | - | |
3.8 | 5.7 | |
12 months ago | 8 months ago | |
TypeScript | TypeScript | |
Apache License 2.0 | GNU General Public License v3.0 only |
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.
stopwatch-timer-reanimated
-
Millisecond timer/stopwatch implementation & performance issues
The very first result for googling 'reanimated ms timer' brought up this repo: https://github.com/nikantic/stopwatch-timer-reanimated/blob/master/src/hooks/useCounter.ts
What are some alternatives?
capacitor-nfc-demo - ⚡️ Simple Ionic Angular app to demonstrate the use of the Capacitor NFC plugin.
react-native-animation-samples - Gesture based interruptible animation samples in React Native.
Best-Flutter-UI-Templates - completely free for everyone. Its build-in Flutter Dart.
oss-weather - An OSS weather app for iOS/Android
React-Native-UI-Templates - UI kits built in React-Native & TypeScript.
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