Tito Adeoyetitoadeoye.hashnode.dev·Nov 29, 2024Render lottie animations from JSON file in Next.js (No errors)Hello there👋 If you have ever tried to integrate animations from a .json file into a Next.js project using Lottie, you’ve probably run into the same roadblocks I did: barely any tutorials, solutions that break, and frustrating error messages like th...29 readsReact
Anoop Jadhavblog.anoopjadhav.in·Sep 21, 2024Bring Your UI to Life: Creating Micro Interactions with Figma, Lottie & ReactMicro interactions are common on most websites and mobile apps these days to enhance the user experience. I tried creating a simple micro interaction for my portfolio web app. While this could be done with CSS alone, but it is really complex. I found...107 readslottie-react
Tegarblog.tegvr.com·Sep 16, 2024How to Use Lottie Animations in OutSystemsLottie animations have revolutionized the way developers add high-quality, interactive animations to applications. These lightweight animations, stored in JSON format, can be seamlessly integrated into OutSystems to enhance user experiences without c...OutSystemsoutsystems
Okunola Samsonclueless-developer.hashnode.dev·Sep 15, 2024Using LordIcons in ReactWhen it comes to UI, we can all agree that animations are a great way to capture users' attention and improve their experience. Enter LordIcons – an extraordinary collection of animated, interactive icons meticulously crafted for web and app interfac...React
Karan Datwanibackpackforlaravel.hashnode.dev·Sep 9, 2024Add Engaging Animations To Your Webapp for FREELottie animations have become a popular choice for adding rich, engaging animations to websites and apps. They’re lightweight, scalable, and easy to implement, making them a go-to solution for designers and developers alike. In this tutorial, we'll e...animation
Nirajan BasnetforJoBins Engineeringblog.jobins.jp·May 22, 2024Solving Memory Issues with Lottie SVG AnimationsIntroduction Integrating Lottie SVG animations can significantly enhance the visual appeal of a website. However, the process can sometimes introduce performance issues, particularly with excessive memory usage. This post details my experience with i...10 likes·33 readsJavaScript
Dinko Marinacdinkomarinac.dev·Apr 29, 2024FeaturedBuilding Animated Buttons in Flutter with LottieIn mobile app development, user interface elements play a crucial role in enhancing the user experience. Companies like Apple, Spotify, and Airbnb pay a lot of attention to small details that elevate the user experience to another level. One of those...23 likes·1.7K readsFlutter
MotionCube Studiomotioncube.hashnode.dev·Mar 19, 2024Level Up Your Apps: How Web Animations Create Interactive MagicAre your apps feeling a little... predictable? A sprinkle of web animation might be the secret ingredient they need to become truly captivating. Imagine smooth transitions, playful button effects, and delightful loading sequences—all designed to make...38 readsweb animation
MotionCube Studiomotioncube.hashnode.dev·Mar 19, 2024Forget Static Sites: Why Web Animation is the Future of DesignRemember those old-school websites? Flat, boring, and about as exciting as watching paint dry. Well, those days are long gone, my friend! Web animation is here to shake things up, transforming websites into vibrant and immersive experiences. Think of...Web Development
Song Yangsongyang.hashnode.dev·Feb 24, 2024How to use Lottie animations in Flutter 3.16In this tutorial, we go over the basics of Lottie animations and their use inside Flutter. We will see how Lottie animation files are represented in JSON and .lottie (DotLottie) formats. Then, we will put them into practice in a Flutter mobile app. T...135 readsFlutter
