Lottie animations
Rive animations
Bundles
Freebies
Background
Abstract backgrounds Blob animations Pictorial animations
Drawing
Floral animations Single line drawings Technical drawings
Graphics
3D shape animations Chart animations Flag animations Globe & sphere animations Retail animations Star rating animations Various graphics
People & Scene
Avatar animations Conversation animations Various people
Icon & Symbol
Building icons Business icons Financial icons Morph icons Technology icons Various icons
Text & Number
Animation Sets

Technical Guides

Lottie basics: JSON vs .lottie
Discover the world of Lottie. Compare .json vs. .lottie formats to streamline your workflow and ensure your UI animations look perfect on every platform.
Embed Lottie JSON in HTML
Lottie JSON implementation with ready-to-use code examples. Learn to control sizing, autoplay, and looping while fixing common integration issues.
Embed .lottie in HTML
Practical examples to embed a .lottie animation on any website, understand playback options, and troubleshoot the most common issues.
Embed Rive in HTML
Examples to embed a Rive .riv animation on any website, understand sizing and fit options, and troubleshoot “blank canvas” issues.
Lottie troubleshooting & tips
Best practices for embedding Lottie animations. Learn how to resolve loading issues, playback problems, and improve performance across devices.
Rive troubleshooting & tips
How to fix common Rive embed issues (blank canvas, sizing, inputs not firing, state machines) and improve reliability and performance.
Lazy loading Lottie animations
Learn how to lazy load Lottie animations, pause when offscreen, and improve performance using simple IntersectionObserver patterns.
Lazy loading Rive animations
Lazy load Rive animations to improve performance. Learn how to load .riv files only when visible and pause playback when offscreen.
Hosting Lottie & Rive files for embeds
Host .lottie, Lottie JSON, and .riv files correctly for reliable embeds. Learn URLs, CORS, correct file types, caching, and common delivery fixes.

We use cookies to enhance your browsing experience. By continuing, you consent to our cookie policy.

Read More