Tag feed

#lottie

29 posts3 followers

Explore Hashnode

Alternatives

Trending tags this week

AKAshish Kumarhelloashish.hashnode.devApr 30 · 3 min read

Lottie: How Airbnb Replaced GIFs with JSON Animation

If you have dropped a Lottie into a loader or success screen, often via LottieFiles, you already know the DX. The interesting question is why the format exists. GIF and video exports win on “just play

0

FUFazal ur Rehman Shahiconking.hashnode.devFeb 25 · 1 min read

Free browser-based Lottie preview (unlimited share links)

Lottie is awesome… until you need to quickly verify an animation, send a preview to someone, or confirm the behavior in the browser. A lot of “preview” workflows add friction (downloads, paid plans, a

0

TITech Insights Hubtopperblog.hashnode.devFeb 12 · 1 min read

Lottie Animations: After Effects to Code

Lottie Animations: After Effects to Code Why This Tool Matters Essential for modern development. Quick Start const start = () => 'ready'; Implementation Production-ready patterns. Best Practices What works in real applications. FAQ Q: When to use? P...

0

AJAdeyinka Junaid Hafizadeyinka.hashnode.devMay 2, 2025 · 6 min read

Master Lottie Animations in React: A Guide for Real Projects

Okay so you’re like me and you’ve seen several cool animations on the web and were like ‘Sick!’ and always wanted to create and use them in personal projects. Well there is a simple way to do it using Lottie (plus lottie-react). Lottie is a library c...

0

TATito Adeoyetitoadeoye.hashnode.devNov 29, 2024 · 2 min read

Render 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...

0

AJAnoop Jadhavblog.anoopjadhav.inSep 21, 2024 · 3 min read

Bring Your UI to Life: Creating Micro Interactions with Figma, Lottie & React

Micro 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...

0

TTegarlowstack.tegar.orgSep 16, 2024 · 4 min read

How to Use Lottie Animations in OutSystems

Lottie 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...

0

OSOkunola Samsonclueless-developer.hashnode.devSep 15, 2024 · 4 min read

Using LordIcons in React

When 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...

0

KDKaran Datwanibackpackforlaravel.hashnode.devSep 9, 2024 · 2 min read

Add Engaging Animations To Your Webapp for FREE

Lottie 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...

0

NBNirajan Basnetblog.jobins.jpMay 22, 2024 · 3 min read

Solving Memory Issues with Lottie SVG Animations

Introduction 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...

0

#lottie

Search Hashnode

#lottie

Explore Hashnode

Trending tags this week

Lottie: How Airbnb Replaced GIFs with JSON Animation

Free browser-based Lottie preview (unlimited share links)

Lottie Animations: After Effects to Code

Master Lottie Animations in React: A Guide for Real Projects

Render lottie animations from JSON file in Next.js (No errors)

Bring Your UI to Life: Creating Micro Interactions with Figma, Lottie & React

How to Use Lottie Animations in OutSystems

Using LordIcons in React

Add Engaging Animations To Your Webapp for FREE

Solving Memory Issues with Lottie SVG Animations