react-animations

There are 7 repositories under react-animations topic.

• FormidableLabs / react-animations

  🎊 A collection of animations for inline style libraries

  animationreactreact-animations
  Language:JavaScript 3053

• jasminmif / react-interactive-paycard

  Interactive React Paycard

  reactreactjsreact-animationsreact-css-transition-groupreact-animated-csscredit-cardpayment
  Language:JavaScript 2218

• nitin42 / animate-components

  ✨ Elemental components for doing animations in React

  reactanimationswebstyled-componentscreate-react-appcssjavascriptreact-animationsanimate-componentscssinjsinline-styleswebdesign
  Language:JavaScript 905

• developer-junaid / DeveloperFolio

  A DevFolio/Developer Portfolio built using ReactJs, Sanity CMS and Animation libraries.

  devfolioportfolio-websitereactreact-animationsreact-portfoliopersonal-portfoliohacktoberfesthacktoberfest2020hacktoberfest-acceptedhacktoberfest2021sanitysanitycmssanity-iohacktoberfest2022hacktoberfest2024
  Language:JavaScript 148

• Monadical-SAS / redux-time

  ∞ High-performance declarative JS animation library for building games, data-viz experiences, and more w/ React, ThreeJS, Inferno, SnabbDOM and others...

  reduxanimationsreacttimegamesjavascriptcsstransitionsreact-animations
  Language:JavaScript 124

• inokawa / react-animatable

  Tiny(~1kB) animation hooks for React, built on Web Animations API.

  reactcssanimationsvgtransitiontweenweb-animationsd3react-hooksreact-componentweb-animations-apireact-animationscanvasscroll-timeline
  Language:TypeScript 113

• trananhtuat / react-sidebar-with-dropdown

  React sidebar with dropdown menu

  reactreact-animationsreact-sidebarreactjs
  Language:TypeScript 106

• Leocardoso94 / animated-number-react

  Super easy way to animate numbers with React

  reactanimationreact-animationsreact-number-inputreact-libraryanimated-number
  Language:JavaScript 105

• Astrocoders / react-image-smooth-loading

  [not maintained] Images which just flick to appear aren't cool. Images which appear smoothly with a fade like Instagram are cool

  reactsmooth-imagestyled-componentsreact-animationscss-in-js
  Language:JavaScript 84

• ShahrozAtiq / Social-Media-App

  A social media app front end with nice animations and features.

  androidexpoexpo-appfrontendiosjavascriptmobile-appreact-animationsreact-nativereact-native-appreact-navigationsocialsocial-media-appsocial-media-applicationsocialmediaappsocial-media-app-frontendsocial-media-mobile-appanimated-ui
  Language:JavaScript 54

• hankzhuo / react-native-bouncing-ball

  react native component bouncing ball for iOS and Android

  reactreact-nativereact-animationsreact-native-component
  Language:JavaScript 39

• BlackBoxVision / styled-animation

  😎 Helper that implements react-animations for styled-components

  reactstyled-componentsreact-animationsanimationlibrary
  Language:TypeScript 22

• rohanbhatia96 / quiz-app-react-native

  This is a Duolingo style quiz app built with React Native.

  react-nativeduolingoreactjsreact-animationsreact-native-animated
  Language:JavaScript 14
• park-scrape-adventures-react

  perisicnikola37 / park-scrape-adventures-react

  React project featuring interactive UI and smooth animations. Built with React.js, Vite, Tailwind CSS, TypeScript, and Sass. This project uses libraries like Ts particles, Framer Motion, React Maps, React Icons, and Swiper.

  frontendreactreact-animationssassshadcn-uitailwindcssvite
  Language:TypeScript 9

• skantus / react-native-awesome-card-animation

  A project with an awesome list of animated cards and data persistence

  reactreactnativereactcorealmreact-animationsreanimated
  Language:TypeScript 9

• algomonk016 / Parijana-Papers

  Parijana-Papers is a website that contains previous year papers of UIET, Kanpur

  mern-projectgoogle-drive-apigoogle-drive-uploaderreact-hooksreact-animationsparijana-papersmern-stack-developmentcollege
  Language:JavaScript 7

• Sattwikmaiti / CROSS-ORIGIN

  Our platform offers a wide range of opportunities for students and developers, including job/internship listings, developer hackathons, college event information, global connections via Google Earth, chat rooms with peers, an AI bot for emotional support, blog posts with comments, and the ability to earn points and contribute to open-source project

  express-jsfirebase-authgsap-animationjavascriptmongodbnodeopenaiopensourcereact-animationsreactjstext-to-speech
  Language:JavaScript 5

• Barralex / AnimatedLoginScreen

  A beautiful animated react native login screen

  react-nativereact-animationsexpo
  Language:Jupyter Notebook 4

• Cap32 / react-web-animated

  [No longer maintenance] Bring react-native Animated to web.

  reactanimatedreact-motionreact-web-animatedanimationreact-animations
  Language:JavaScript 4
• React-Cartoon-Animation

  developer-junaid / React-Cartoon-Animation

  This is the React Animation project I Created to practice my animation skills using react.

  animationsreact-animationreact-animations
  Language:JavaScript 4

• The-manpreet-singh / react-animations

  I created a React-animation app. I'm going to use React, react-group-animation,transitions, html5, css3

  reactreact-animationsreact-group-transitioncss3
  Language:JavaScript 4

• zeapherine / framer-motion

  SImple UI design for Pizza Ordering using Framer Motion Animation library

  reactreact-animationsframer-motion
  Language:JavaScript 4

• AhmedGMurtaza / react-guess-game

  🎮 Guess the number behind each brink and win

  reactreact-componentsgame2d-gamereact-animationswebcss3
  Language:JavaScript 3

• duraishanmugaraj / duraishanmugaraj.github.io

  A Complete Customizable Elegant Personal Portfolio Website and is fully responsive built with react.js lets you display your works and Professional skills.

  reactreactjsjavascriptcss3bootstrap5html5portfoliopersonal-websitedeveloper-portfolioreact-animations
  Language:JavaScript 3

• haha54carol / react-animations

  Easiest way to use animation in your Rect projects.

  reactjsreact-animationslibrary
  Language:CSS 3

• harshendrashah / conFusion-React

  Website of Ristorante con fusion using React

  reactreact-routerreduxreact-animationsreactstrapreact-router-dom
  Language:JavaScript 3

• LeuAlmeida / nubank.interface

  💜 Nubank interface made with ReactJS and React Native technologies

  reactjsreactnativereact-nativereact-animationsgesture-handlernubankuiuser-interfaceinterface
  Language:JavaScript 3

• vertasy / Horizontal-Scroll-Section

  a simple Next.js application that implements a horizontal scroll effect using GSAP and LOCOMOTIVE SCROLL

  gsapgsap-animationgsap-scrolltriggerlocomotive-scrollnextnextjsnextjs14reactreact-animationshorizontalhorizontal-scrollinghorizontalscrollview
  Language:TypeScript 3

• DevKrishnasai / my-portfolio

  This portfolio is designed to be easily reusable. To update the content, simply modify the `src/data/ProjectData.js` file. This file contains all the data for the projects, skills, and other sections of the portfolio.

  javascriptmuireact-animationsreacticonsreactjsstyles-components
  Language:JavaScript 2

• DoctorDerek / Animating-React-using-Framer-and-Framer-Motion-Presentation-by-Dr.-Derek-Austin

  Animating React using Framer and Framer Motion Presentation by Dr. Derek Austin 👨‍💻 CodeSandbox Live Demo: https://codesandbox.io/s/sq7fy 📱 CodeSandbox Mobile Demo: https://sq7fy.csb.app/ 📺 Watch the Presentation (45min) - ReactJS(RVA) Meetup 09/2019 ▶▶▶ Video Part 1️⃣: https://photos.app.goo.gl/R4amndcwMBtspDJ49 ▶▶▶ Video Part 2️⃣: https://photos.app.goo.gl/8uhQaH6LQqUPzoxW7

  framer-motioncss-animationreactframerreact-animationspresentationlive-demouxuicss
  Language:JavaScript 2

• JoelDeonDsouza / FunCharted

  Event and Festival finder (Social app)

  axiosexpohybrid-appsnodejsreact-animationsreact-nativereact-native-icons
  Language:JavaScript 2

• Learn-Python-and-Javascript / conFusion-React

  Single Page Application, **MERN**

  reactjsreactstrapreact-transition-groupreact-animationsreduxreact-reduxredux-thunk
  Language:JavaScript 2

• Muhammed-Rahif / ToDo-App

  An animated to do app made with React..!

  todotodolisttodo-apptodoapp-reacttodoapptodoapplicationreactjsreactjs-componentsreactminifystatic-websitereact-springreact-animations
  Language:JavaScript 2

• nomanaadma / Solar-System

  :last_quarter_moon_with_face: Solar System with React Animations :earth_americas: Project #4b for Panacloud Bootcamp 2020

  webanimation-apireactreact-animations
  Language:JavaScript 2

• prismosoft / react-easy-animations

  React Component to show animated text and objects.

  css-animationsreactreact-animatereact-animated-cssreact-animations
  Language:TypeScript 2

• serengia / react-todo

  React todo list application. You can add todo, delete and update. Your todo list will be persisted in your local storage.

  csstransitiongroupreact-animations
  Language:JavaScript 2