A simple animation for react-native

Related tags

React Native Animation react-native animated react-native-web
Overview

Simple structure

design

  • Simple and performance
  • Easy to start a new project
  • Support more platform: android, ios and web

Techincal

  • react-native: lets you create truly native apps and doesn't compromise your users' experiences. It provides a core set of platform agnostic native components
  • react-navigation: Routing and navigation for Expo and React Native apps.
  • recoil: A state management library for React.
  • native-base: an accessible, utility-first component library that helps you build consistent UI across Android, iOS and Web.
  • react-native-reanimated: React Native's Animated library reimplemented
  • react-native-fast-image: FastImage, performant React Native image component.
  • FlashList: Fast & Performant React Native List

Demo

https://zrg-team.github.io/base-demo/#/Home

You might also like...
📺 Display and animate textured Wavefront .OBJ 3D models with 60fps - native bridge to GLView (iOS) and jPCT-AE (Android)
📺 Display and animate textured Wavefront .OBJ 3D models with 60fps - native bridge to GLView (iOS) and jPCT-AE (Android)

react-native-gl-model-view A ModelView component for react-native, allowing you to display and animate any Wavefront .OBJ 3D object. Realized with a

Michael Straßburger 387 Dec 21, 2022
🎞️ Animated API math extension - approximates sin, cos and tan by combining Animated Nodes with full Native Driver support
🎞️ Animated API math extension - approximates sin, cos and tan by combining Animated Nodes with full Native Driver support

react-native-animated-math An Animated API math extension - implementing sine, cosine, tangent and others as AnimatedNodes. All calculations are imple

Michael Straßburger 74 Dec 7, 2022
A simple animation for react-native
A simple animation for react-native

Simple structure Simple and performance Easy to start a new project Support more platform: android, ios and web Techincal react-native: lets you creat

null 9 Nov 6, 2022
Simple typing text animation in React component

react-typing-text-animation - Simple typing text animation in React component

Damian Głuch 0 Dec 2, 2022
SimpleReveal - A simple scroll animation library in React

SimpleReveal A simple scroll animation library in React Zero-dependency No additional DOM element Simple and predictable API SSR Support (Next.js, Gat

당근마켓 19 Jan 2, 2023
A simple search box with animation, inspired from ios search bar. Lightweight, fast, flexible.

React Native Search Box A simple search box with animation, inspired from ios search bar. Lightweight, fast, flexible, customizable. Support both iOS/

React Native Vietnam 462 Oct 9, 2022
A small and simple example app with navigation, data persistence, listview and animation!
A small and simple example app with navigation, data persistence, listview and animation!

react-native-quick-sample A small and simple example app with navigation, data persistence, listview and animation! Install and run on android npm ins

innFactory 31 Oct 9, 2022
A simple Hooks wrapper over Motion One, An animation library, built on the Web Animations API for the smallest filesize and the fastest performance.

A simple Hooks wrapper over Motion One, An animation library, built on the Web Animations API for the smallest filesize and the fastest performance.

Tanvesh Sarve 95 Dec 30, 2022
Simple animation libraries for delightful user interfaces
Simple animation libraries for delightful user interfaces

The animator's toolbox Popmotion is: Powerful: It supports keyframe and spring animations for numbers, colors and complex strings. Low level: It's des

Popmotion 19.2k Dec 31, 2022
React Native: Native Download Button: with pretty cool animation
React Native: Native Download Button: with pretty cool animation

ReactNative: Native Download Button (Android/iOS) If this project has helped you out, please support us with a star 🌟 This library is ReactNative br

Pranav Raj Singh Chauhan 121 Oct 9, 2022
React Native Bridge for Native Spruce Animation Library
React Native Bridge for Native Spruce Animation Library

ReactNative Spruce - (Android & iOS): Deprecated Due to time constraint, this library is deprecated and not maintained anymore, You can still use thi

Pranav Raj Singh Chauhan 536 Sep 22, 2022
A react native modals library. Swipeable. Highly customizable. Support multi modals & Support custom animation. For IOS & Android.
A react native modals library. Swipeable. Highly customizable. Support multi modals & Support custom animation. For IOS & Android.

React Native Modals React Native Modals Library for iOS & Android. How to thank me ? Just click on ⭐️ button 😘 Try it with Exponent BREAKING CHANGE A

Jack Lam 2.1k Dec 25, 2022
Segmented View for React Native (with animation)

react-native-segmented-view Segmented View for React Native (with animation) Demo Example SegmentedView titles={["First", "Second", "Third"]}

Leland Richardson 185 Oct 9, 2022
⛹️‍♀️⛹️‍♂️ Like animation LoadingIndicator with frame by frame view in React-Native
⛹️‍♀️⛹️‍♂️ Like animation LoadingIndicator with frame by frame view in React-Native

react-native-frame-loading This package offers Loading indicator with frame by frame view or image Install yarn add react-native-frame-loading # or n

Yeongsu Han 11 Dec 28, 2020
Medium Clap animation in React Native
Medium Clap animation in React Native

Medium clap animation in React Native Versioning For React Native 0.55 Installation git clone https://github.com/saketkumar95/react-native-medium-clap

Saket Kumar 20 May 1, 2022
Provides a function like transform-origin in css, anchor point in iOS, pivot point in Android. It makes3D transform animation better in React-Native.
Provides a function like transform-origin in css, anchor point in iOS, pivot point in Android. It makes3D transform animation better in React-Native.

react-native-anchor-point Provide a simple, tricky but powerful function, withAnchorPoint , like Anchor Point in iOS, Pivot Point in Android, transfor

RY Zheng 179 Dec 7, 2022
React Native keyboard sticky view with animation
React Native keyboard sticky view with animation

React-Native-Keyboard-Sticky-View React Native keyboard sticky view with animation import React from 'react'; import { TouchableOpacity, StyleSheet, V

Melih 23 Oct 9, 2022
🐼 The React Native (+ Web) animation library, powered by Reanimated 2.
🐼 The React Native (+ Web) animation library, powered by Reanimated 2.

The universal React Native animation library, powered by Reanimated 2. MotiView from={{ opacity: 0 }} animate={{ opacity: 1 }} / Documentation & Exa

Fernando Rojo 3.1k Jan 5, 2023
🎰 Library showing animation of number changes in react-native
🎰 Library showing animation of number changes in react-native

react-native-animated-numbers Library showing animation of number changes in react-native If you want web version in react.js download react-animated-

ZERO (Yeongsu Han) 212 Dec 29, 2022
Owner
Thank you, doctors, nurses, and other medical personnel who are on the front lines of this pandemic
null
GitHub https://zrg-team.github.io/base-demo
Gesture based interruptible animation samples in React Native.

Gesture based interruptible animation samples in React Native.

Ashu 178 Dec 28, 2022
Standard set of easy to use animations and declarative transitions for React Native

react-native-animatable Declarative transitions and animations for React Native Installation $ npm install react-native-animatable --save Usage To ani

Joel Arvidsson 9.4k Jan 3, 2023
Experimental implementation of high performance interactable views in React Native

Interactable react-native-interactable LOOKING FOR A MAINTAINER We love this project, but currently we don’t have enough time to work on it. So we are

Wix.com 5.2k Dec 29, 2022
React Native's Animated library reimplemented

React Native's Animated library reimplemented Reanimated 2 is here! Check out our documentation page for more information React Native Reanimated prov

Software Mansion 6.8k Jan 2, 2023
Create magical move transitions between scenes in react-native 🐰🎩✨

Important react-native-shared-element update! A follow up project called react-native-shared-element has been created which can be considered the succ

Hein Rutjes 980 Nov 27, 2022
React Native component for animated sprite and tweening

The React Native Animated Sprite react-native-animated-sprite (RNAS) package is a feature rich declarative component for animation, tweening, and drag

null 131 Jan 4, 2023
React-native-animatable-flatlist: Ready to go animatable flatlist based on reanimated 2

react-native-animatable-flatlist ready to go animatable flatlist based on reanimated 2 Features Hooks support Not opinionaded, Fully extendable Suppor

kubilay 5 Apr 27, 2022
Legend Motion is a declarative animations library for React Native, to make it easy to transition between styles without needing to manage animations.

Legend Motion is a declarative animations library for React Native, to make it easy to transition between styles without needing to manage animations.

Legend 199 Dec 29, 2022
Modern Animated UI Library For React-Native

react-native-ui-toolkit UI Toolkit For React Native Installation npm install react-native-ui-toolkit Usage import { ScrollableHeader } from "react-nat

Tariq Khan 3 Sep 14, 2022
React Native Fiesta - A set of celebration animations

?? A set of celebration animations powered by @shopify/react-native-skia. Engage more with your users by celebrating in your React Native application.

Mateo Guzmán 174 Jan 8, 2023