Showing 24 of 131 animationsBrowse All 100+ Categories
Developer Quick Start
How to use these dark light mode 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/dark_light_mode-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/dark_light_mode-animation.json"
loop
autoplay
style={{ width: 120, height: 120 }}
/>
);
}
Frequently Asked Questions
Frequently Asked Questions about Dark Light Mode
Are these Dark Light Mode animations free for commercial use?
Yes, all Dark Light Mode animations in the RafayLabs library are free to download and use in personal and commercial web and mobile projects.
What formats are available for Dark Light Mode animations?
Animations are available in standard Lottie JSON format and dotLottie format, compatible with all major Lottie players.