LottieFiles

Item: LottieFiles
Rating: 7.3

Platform for creating, managing and shipping Lottie animations.

lottiefiles.com Save page

7.3/10MABTU rating

DESKTOP · 1440 × 12,388/ ↗

MOBILE · 390

Section outline · Home

01heroGreat designs come alive with motion!702
02hero784
03features gridWorld’s largest customizable animation library935
04portfolioLottie Creator1,062
05features gridA modern motion workflow built for teams and enterprises1,664
06contentDigital Asset Management937
07features gridLottie, the industry standard for motion design1,201
08media textImplement your animations in just a few clicks681
09features gridUnlock your creative potential with AI1,279
10portfolioDesign teams love LottieFiles1,277
11contentCreate, collaborate and ship.720
12footer1,001

Rating · Home

Visual design7.2

UX & clarity7.2

Originality6.6

Craft & consistency7.2

Motion7.0

Performance & a11y9.0

This page scores 7.3; the site score weights the home page double.

Main colours

Light·white background·muted

Typography

DM Sans LFheading · sans · self-hosted DM Sans LFbody · sans · self-hosted Inter LFaccent · sans · self-hosted

Stack & style

Lottie Remix / React Router Motion (Framer Motion)Vite Tailwind CSS React

Playful Bento Illustration-led Bento grid Live chat Logo cloud Stats band Sticky header Tabs

Also: Meta Pixel, HubSpot, Cloudflare, Google Analytics, Google Tag Manager

Design DNA

White page with a heavy grotesk, teal buttons and a cluster of cute geometric characters in the hero. Four small feature chips, a logo row, a carousel of customer animation cards, an animation search grid, a dark tabbed product panel, a bento of workspace UI tiles, a black runtime stats bento, a scattered integrations cloud, a mustard AI section, testimonial cards and a teal-shape CTA.

Worth borrowing

Present performance claims as a black bento of big multipliers (10x, 40%, 5x) with tiny UI proofs.
Float integration logos loosely around a centred headline instead of a rigid grid.