Lottie Player Pro plays both .lottie and .json animations with a full set of diagnostic tools built in. Use the controls to test and tune your animation directly on the Framer canvas, then hide the UI with one click when you're ready to publish. Everything you configured stays active.

Plays .lottie (dotLottie) and .json (Lottie JSON) formats

State machine detection, start/stop controls, and trigger buttons

Segment playback with per-segment loop modes, editable directly on canvas

After Effects marker auto-import for .json files

Live scrubber with real-time frame counter

Adjustable speed, direction, and loop settings

Collapsible panels for a cleaner workspace

Glassmorphic UI that tints to match your background colour

Helpful error messages with CORS guidance

URL parameter support for all settings

Drop the component onto your Framer canvas and resize it to fit

Paste your animation URL into the Animation URL field in the property panel

Configure playback settings, segments, or state machine ID as needed

Test everything using the on-canvas controls

Toggle Show Controls off when you are ready to publish

Your animation file must be hosted at a publicly accessible, CORS-enabled URL. LottieFiles, Cloudflare R2, and most CDNs work out of the box. State machine support requires .lottie format.