All Projects → zoharlevin → React Native Animated Header Example

zoharlevin / React Native Animated Header Example

example of an animated header that contains components who animate based on the scroll position of a ScrollView

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to React Native Animated Header Example

Aiflatswitch
Nicely animated flat design switch alternative to UISwitch
Stars: ✭ 904 (+831.96%)
Mutual labels:  animated
Paperview
A high performance X11 animated wallpaper setter
Stars: ✭ 999 (+929.9%)
Mutual labels:  animated
Animateddropdownmenu
A clean interface dropdown menu, appears underneath navigation bar to display a list of related items when you click on the navigation title.
Stars: ✭ 70 (-27.84%)
Mutual labels:  animated
Randomix
🎲 An open source app to choose randomly between numbers, answers, options and so on.
Stars: ✭ 24 (-75.26%)
Mutual labels:  animated
Animricheditor
rich text editor which enables users to insert/delete bitmaps and text into edit-view with animations.
Stars: ✭ 967 (+896.91%)
Mutual labels:  animated
Spalert
Native alert from Apple Music & Feedback. Contains Done, Heart & Message and other presets.
Stars: ✭ 1,014 (+945.36%)
Mutual labels:  animated
Gradientify
Create beautiful, animated gradients with ease. This JS library provides you with an easy-to-use API to create and put animated gradients wherever you want on your website.
Stars: ✭ 16 (-83.51%)
Mutual labels:  animated
React Native Rating
🌟 cross-platform rating for react-native built with Animated and native driver 🌟
Stars: ✭ 90 (-7.22%)
Mutual labels:  animated
React Native Really Awesome Button
React Native button component. Awesome Button is a 3D at 60fps, progress enabled, social ready, extendable, production ready component that renders an awesome animated set of UI buttons. 📱
Stars: ✭ 988 (+918.56%)
Mutual labels:  animated
React Native Hole View
✂️ React-Native component to cut a touch-through holes anywhere you want. Perfect solution for tutorial overlay
Stars: ✭ 61 (-37.11%)
Mutual labels:  animated
React Native Scrollable Tab View
Tabbed navigation that you can swipe between, each tab can have its own ScrollView and maintain its own scroll position between swipes. Pleasantly animated. Customizable tab bar
Stars: ✭ 6,784 (+6893.81%)
Mutual labels:  animated
React Awesome Button
React button component. Awesome button is a 3D UI, progress, social and share enabled, animated at 60fps, light weight, performant, production ready react UI button component. 🖥️ 📱
Stars: ✭ 943 (+872.16%)
Mutual labels:  animated
React Native Animated Numbers
🎰 Library showing animation of number changes in react-native
Stars: ✭ 55 (-43.3%)
Mutual labels:  animated
Christmas Tree
ASCII christmas-tree with animations for 256 colored terminals
Stars: ✭ 23 (-76.29%)
Mutual labels:  animated
Boxloaderview
Stars: ✭ 76 (-21.65%)
Mutual labels:  animated
React Native Animated Tabbar
A 60FPS animated tab bar with a variety of cool animation presets 😎
Stars: ✭ 890 (+817.53%)
Mutual labels:  animated
Vue Slicksort
A set of vue mixins to turn any list into an animated, touch-friendly, sortable list ✌️
Stars: ✭ 1,010 (+941.24%)
Mutual labels:  animated
Particles.js
A lightweight, dependency-free and responsive javascript plugin for particle backgrounds.
Stars: ✭ 1,336 (+1277.32%)
Mutual labels:  animated
Animated Stars Android
Draw animated stars on Android view canvas - written in Kotlin
Stars: ✭ 85 (-12.37%)
Mutual labels:  animated
Animatedpencil
Animated Pencil Action view for Android
Stars: ✭ 61 (-37.11%)
Mutual labels:  animated

This is an example of an animated header that contains components who animate based on the scroll position of a ScrollView. Using React Native Animated library.

Read more about it at How I linked animated headers to scroll position in React Native

Doggy icon made by Freepik from www.flaticon.com is licensed by CC 3.0 BY

This project was bootstrapped with Create React Native App.

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].