Showing 24 of 448 animationsBrowse All 100+ Categories
Developer Quick Start
How to use these popular in your application
Download the JSON file or dotLottie asset and integrate it with your favourite framework in under 2 minutes:
// 1. Install Lottie for React / Next.js
npm install @lottiefiles/dotlottie-react
// 2. Render smooth 60 FPS animation
import { DotLottieReact } from '@lottiefiles/dotlottie-react';
export default function Loader() {
return (
<DotLottieReact
src="/animations/popular-animation.json"
loop
autoplay
style={{ width: 120, height: 120 }}
/>
);
}
npm install @lottiefiles/dotlottie-react
// 2. Render smooth 60 FPS animation
import { DotLottieReact } from '@lottiefiles/dotlottie-react';
export default function Loader() {
return (
<DotLottieReact
src="/animations/popular-animation.json"
loop
autoplay
style={{ width: 120, height: 120 }}
/>
);
}
Frequently Asked Questions
Frequently Asked Questions about Popular
Are these Popular animations free for commercial use?
Yes, all Popular animations in the RafayLabs library are free to download and use in personal and commercial web and mobile projects.
What formats are available for Popular animations?
Animations are available in standard Lottie JSON format and dotLottie format, compatible with all major Lottie players.