https://github.com/kartikeyvaish/react-native-animations

Animations at 60 FPS using React Native. These animations are tested for both iOS and Android.
https://github.com/kartikeyvaish/react-native-animations

60fps animations expo hacktoberfest hacktoberfest-accepted react-native react-native-reanimated ui-thread

Last synced: about 1 year ago
JSON representation

Animations at 60 FPS using React Native. These animations are tested for both iOS and Android.

• Host: GitHub
• URL: https://github.com/kartikeyvaish/react-native-animations
• Owner: kartikeyvaish
• License: mit
• Created: 2022-03-15T18:45:07.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2024-09-01T03:22:50.000Z (almost 2 years ago)
• Last Synced: 2025-04-02T00:34:44.348Z (about 1 year ago)
• Topics: 60fps, animations, expo, hacktoberfest, hacktoberfest-accepted, react-native, react-native-reanimated, ui-thread
• Language: TypeScript
• Homepage: https://github.com/kartikeyvaish/Animations
• Size: 16.5 MB
• Stars: 14
• Watchers: 1
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
# Animations

A repo for some React Native Animations that I've practiced. These animations are highly inspired by [Catalin Miron](https://www.youtube.com/c/CatalinMironDev/videos) and [Enzo Manuel Mangano AKA Reactiive](https://www.youtube.com/c/Reactiive).

![CI](https://github.com/kartikeyvaish/React-Native-Animations/actions/workflows/main.yml/badge.svg)

## [1. Clock](https://github.com/kartikeyvaish/Animations/tree/main/animations/Clock)

## [2. Clock Loader](https://github.com/kartikeyvaish/Animations/tree/main/animations/ClockLoader)

## [3. Movies Slider](https://github.com/kartikeyvaish/Animations/tree/main/animations/MoviesSlider)

## [4. Parallax Caraousel](https://github.com/kartikeyvaish/Animations/tree/main/animations/ParallaxCaraousel)

## [5. Ringing](https://github.com/kartikeyvaish/Animations/tree/main/animations/Ringing)

## [6. Breathing Loader](https://github.com/kartikeyvaish/Animations/tree/main/animations/BreathingLoader)

## [7. Tally Counter](https://github.com/kartikeyvaish/Animations/tree/main/animations/TallyCounter)

## [8. Volume Slider](https://github.com/kartikeyvaish/Animations/tree/main/animations/VolumeSlider)

## [9. Progress Dots](https://github.com/kartikeyvaish/Animations/tree/main/animations/ProgressDots)

## [10. Menu Toggler](https://github.com/kartikeyvaish/Animations/tree/main/animations/MenuToggler)

## [11. Animating Slider](https://github.com/kartikeyvaish/Animations/tree/main/animations/AnimatedSlider)

## [12. Credit Card](https://github.com/kartikeyvaish/Animations/tree/main/animations/CreditCard)

## [13. List Remover](https://github.com/kartikeyvaish/Animations/tree/main/animations/ListRemover)

## [14. WhatsApp Mic](https://github.com/kartikeyvaish/Animations/tree/main/animations/WhatsAppMic)

## [15. Grid Magnification](https://github.com/kartikeyvaish/Animations/tree/main/animations/Grid%20Magnification)

## [16. Color Picker](https://github.com/kartikeyvaish/Animations/tree/main/animations/ColorPicker)

## [17. Ripple Effect](https://github.com/kartikeyvaish/Animations/tree/main/animations/RippleEffect)

## [18. Onboarding](https://github.com/kartikeyvaish/Animations/tree/main/animations/Onboarding)

## [19. Circular Progress](https://github.com/kartikeyvaish/Animations/tree/main/animations/CircularProgress)

## [20. Theme Changer](https://github.com/kartikeyvaish/Animations/tree/main/animations/ThemeChanger)

## [21. Shake Shuffle](https://github.com/kartikeyvaish/Animations/tree/main/animations/ShakeItUp)

## [22. Flip Card](https://github.com/kartikeyvaish/Animations/tree/main/animations/FlipCard)

## [23. Animated Flatlist](https://github.com/kartikeyvaish/Animations/tree/main/animations/AnimatedFlatlist)

## [24. Animated Timer](https://github.com/kartikeyvaish/Animations/tree/main/animations/AnimatedTimer)

## [25. Animated OTP Input](https://github.com/kartikeyvaish/Animations/tree/main/animations/AnimatedOTPInput)

## [26. Metaball Animation](https://github.com/kartikeyvaish/Animations/tree/main/animations/MetaBallAnimation)

## [27. Fling Card Stack](https://github.com/kartikeyvaish/React-Native-Animations/tree/main/animations/FlingCardStack)

## [28. Swiggy New UI Animation](https://github.com/kartikeyvaish/React-Native-Animations/tree/main/animations/Swiggy)

## [29. Delayed Text Animation](https://github.com/kartikeyvaish/React-Native-Animations/tree/main/animations/DelayedText)

## [30. Parookaville Fling Animated List](https://github.com/kartikeyvaish/React-Native-Animations/tree/main/animations/ParookavilleFling)

## [31. Ola Loader](https://github.com/kartikeyvaish/React-Native-Animations/tree/main/animations/OlaLoader)

## [32. Draggable Popover](https://github.com/kartikeyvaish/React-Native-Animations/tree/main/animations/DraggablePopover)

## [33. Animated Dropdown](https://github.com/kartikeyvaish/React-Native-Animations/tree/main/animations/AnimatedDropdown)

## [34. Slide To Pay](https://github.com/kartikeyvaish/React-Native-Animations/tree/main/animations/SlideToPay)

## [35. Airbnb Timer](https://github.com/kartikeyvaish/React-Native-Animations/tree/main/animations/AirbnbTimer)