© 2023 Hashnode
#animation
You don't have to be a UI/UX Designer or a senior-level frontend engineer to create beautiful animations on an HTML page. In this article, I'll be showing you how to make a particular animation which …
This will be a short article since this is a fairly straightforward thing to do. Libraries Used Framer Motion: A motion animation library that works perfectly with ReactJS Project Setup Setup a Bar…
What are animations? Animations refer to the dynamic and visually appealing movements, transitions, or transformations of elements on a website or web application. Animations are used to enhance user …
Hello everyone, I'm Apoorv, currently working as a senior frontend engineer at Razorpay. Lately, I've been exploring Framer and building quick prototypes. In this blog, I'll explain how to create an i…
Loading data is an essential task in any app that communicates with a server or performs intensive computations. While the data is loading, it's a good practice to show a loading indicator or an anima…
In a mobile app, progress indicators are an essential component that helps users understand how long an action will take and whether it is complete. A well-designed progress indicator can significantl…
Combining animations and transitions can help to create more complex and engaging effects on web pages. Animations and transitions can be used together to create a more nuanced and dynamic user experi…
Hey there, Rustaceans! It's time to make our Rust app more user-friendly by adding some cool animations. Today, we're going to add a spinning animation and explore concurrency in Rust. Are you ready t…
Problem When using an RGBA value to animate the color of an HTML element, the value stays black. Solution Theatre.js gives back values between 0 and 1. So, if the value is used in CSS like so: backgro…
Problem When adding a new setting, the animation stops working, the JavaScript stops executing. Solution All of the possible settings added to the animation need to work. That means, if one of the set…