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...1 like·131 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...135 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
MIZZUmizzu-creations.hashnode.dev·Apr 12, 2024타이어픽 메인페이지 제작기해당 작업은 타이어픽 공식사이트의 페이지 구조를 참고해 만들었습니다. 모바일, 태블릿, 웹 반응형 100% 대응 🛞 Tire Pick 사이트명: 타이어픽 제작기간: 2024.03 ~ 2024.04 주요 기술 스택: HTML, SCSS, JavaScript 주요 라이브러리: Swiper.js, Lottie.js 대상 플랫폼: PC 및 모바일 반응형 🔗 LINK site | https://tire-pick.vercel...HTML5
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
