Spinner Animation in React
How to use Framer Motion to create a custom loading spinner animation
Make a custom circle loading animation in React with Framer Motion.
All Articles – Page 5
Here are all the articles on Benevolent Bytes, so far there's 78 of them. I hope you gain something useful from the topics I cover and you use these articles, videos and code snippets to learn new skills to succeed in your web development journey.
Tap to Expand
Hero animations and animating between different view states can be done easily with the useCycle react hook in Framer Motion and a bit of time.
Framer Motion Bouncing Ball Animation
Create a bouncing animation in React
The Future of Web Monetization
What does the future of web monetization look like and how can we steer it?
A simple loading animation with Framer Motion
Animation in React doesn't have to be difficult
Make a loading animation in React that's fully customisable with Framer Motion, an animation library that's easy to use and very powerful.
Internet Explorer (and web compatibility) Revisited
You may not think about it but web compatibility can be tricky. This is exacerbated by Internet Explorer, find out what you should do about the IE problem.
Page Transitions in React Router with Framer Motion
Animate transitions easily in React
Transitions in React Router doesn't have to be difficult. Let's make a page transition with Framer Motion.
Getting started with Framer Motion
Take the first step to animating a react component and recreate a common fade-in animation with framer-motion. A new animation library from Framer which is easy to use and allows you to make animation in react easy.