All Projects → nicoache1 → Reanimated 2 Animations Challenges

nicoache1 / Reanimated 2 Animations Challenges

React Native animations challenges using the new Reanimated2 API.

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Reanimated 2 Animations Challenges

Redux Time
∞ High-performance declarative JS animation library for building games, data-viz experiences, and more w/ React, ThreeJS, Inferno, SnabbDOM and others...
Stars: ✭ 99 (-27.21%)
Mutual labels:  animations
Easytransitions
A simple way to create custom interactive UIViewController transitions
Stars: ✭ 1,592 (+1070.59%)
Mutual labels:  animations
Flutter Ui Designs
Just collection of UI designs build with flutter. Can run on any mobile, web & desktop.
Stars: ✭ 131 (-3.68%)
Mutual labels:  animations
Xamarin.animations
Animate your views with simple shareable animation declarations.
Stars: ✭ 103 (-24.26%)
Mutual labels:  animations
React Native Svg Animations
SVG Animations wrapper for react-native.
Stars: ✭ 117 (-13.97%)
Mutual labels:  animations
Animate
Declarative UIView animations without nested closures
Stars: ✭ 124 (-8.82%)
Mutual labels:  animations
Art Plant Mall
Xamarin.Forms goodlooking UI sample.
Stars: ✭ 96 (-29.41%)
Mutual labels:  animations
Scrawl Canvas
Responsive, integrated and interactive HTML5 canvas elements. Scrawl-canvas is a JavaScript library designed to make using the HTML5 canvas element a bit easier, and a bit more fun!
Stars: ✭ 134 (-1.47%)
Mutual labels:  animations
Elixir cli spinners
Spinnig Animations for Command Line Applications
Stars: ✭ 117 (-13.97%)
Mutual labels:  animations
Geckolib
GeckoLib is an animation library for Minecraft Mods, with support for complex 3D keyframe and scriptable math-based animations. Available for Forge and Fabric (1.12, 1.15, 1.16). Supports entity, block, item, armor animations and more.
Stars: ✭ 131 (-3.68%)
Mutual labels:  animations
Interact
Brand New SwiftUI Library For Adding Dynamic Interaction To Views With Just A Single Modifier!
Stars: ✭ 107 (-21.32%)
Mutual labels:  gestures
Construcao De Paginas Web
Desenvolvimento de páginas semânticas, acessíveis e responsivas. 🚀
Stars: ✭ 113 (-16.91%)
Mutual labels:  animations
Page Transitions Travelapp
Travel App, Native-like Page Transitions
Stars: ✭ 1,637 (+1103.68%)
Mutual labels:  animations
Touche
The desktop application to configure Touchégg
Stars: ✭ 101 (-25.74%)
Mutual labels:  gestures
Tsparticles
tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
Stars: ✭ 2,694 (+1880.88%)
Mutual labels:  animations
Sunset.css
This library offers a collection of different CSS-powered transitions.
Stars: ✭ 99 (-27.21%)
Mutual labels:  animations
Typewriterview
Android library for typewriter like effects
Stars: ✭ 124 (-8.82%)
Mutual labels:  animations
Material Intro
A simple material design app intro with cool animations and a fluent API.
Stars: ✭ 1,718 (+1163.24%)
Mutual labels:  animations
Page Transitions Travelapp
Travel App, Native-like Page Transitions
Stars: ✭ 134 (-1.47%)
Mutual labels:  animations
Android Demos
Android develop demos
Stars: ✭ 126 (-7.35%)
Mutual labels:  animations

React Native Animations Showcase

This repo contains a React Native project with animations challenges and examples using the new Reanimated 2 API

Check Reanimated 2 documentation here.

Challenges

Reanimated 2 Example

First example that comes with the library itself


Drag and Drop

Simple drag and drop


Toggl

Toggl Tracker inspiration


Reflectly Color Selection

Reflectly challenge guided by William Candillon in Can It Be Done in React Native Season 4 Reflectly Color Selection


Onboarding Challenge

Custom onboarding slides challenge


Shared element transition

Shared element transition guided by William Candillon React Native shared element transition


Accordion

Simple accordion list


Custom Tab Bar

Custom tab bar challenge from Dribbble Tab Bar Switches Interaction


Skate Challenge

Skate UI challenge from Dribbble Skate Challenge


Spotify Player UI

Spotify player UI challenge


Sticky Shapes

Sticky shapes guided by William Candillon Sticky shapes


Chanel Scroll

Chanel Scroll guided by William Candillon in in Can It Be Done in React Native Season 4 Chanel Scroll


Rainbow Charts

Rainbow Charts guided by William Candillon in in Can It Be Done in React Native Season 4 Rainbow Charts


Bouncing Ball

Continuous animation of a ball in a soccer field


Paper Switch

Inspiration from Ramotion and his Paper Switch for SwiftUI


Folding Cell

Inspiration from Ramotion his Folding Cell for SwiftUI


Love Slider

Inspiration from dribbble Love Slider


Fancy Switch

Inspiration from dribbble On/Off Switch


Fancy Menu Button

Inspiration from Menu Button Animation


Wallet

Inspiration from 2 FREE Touch Gesture Animations, interactions for after effects


Expanding Collection

Inspiration from Expanding Collection iOS Control


Music App

Inspiration from Music App


Bezier Slider

Inspiration from UI Motion Kit


Floating Menu

Inspiration from Star Wars : The Mandalorian - Mobile concept design


Acknowledgements

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].