react-native-animation-samples
React-Native-UI-Templates
react-native-animation-samples | React-Native-UI-Templates | |
---|---|---|
2 | 6 | |
267 | 994 | |
- | - | |
4.2 | 3.2 | |
8 months ago | 9 months ago | |
TypeScript | TypeScript | |
MIT License | 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.
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.
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?
react-native-reanimated-carousel - 🎠 React Native swiper/carousel component, fully implemented using reanimated v2, support to iOS/Android/Web. (Swiper/Carousel)
Best-Flutter-UI-Templates - completely free for everyone. Its build-in Flutter Dart.
WatermelonMessenger - React Native App using react, redux, sagas, hooks, react navigation v5
react-native-blur - React Native Blur component
Ionic-UI-Templates - Free UI templates built in Ionic & Angular
viro - ViroReact: The AR and VR library for React Native 📳💙💛🤍💚
react-native-reanimated-image-viewer - A image viewer for React Native created with Reanimated
react-native-modal - An enhanced, animated, customizable Modal for React Native.
react-native-paper - Material Design for React Native (Android & iOS)
ios-numpad-keyboard-with-custom-button - The iOS Numpad Keyboard with a Custom Button Example 🔢
stopwatch-timer-reanimated - Stopwatch & Timer app built with React Native, Expo and Reanimated. Licensed under the GPLv3 license.