Skip to content

LottieFiles alternatives

12 tools that do a similar job, and what makes each one different.

What LottieFiles is

LottieFiles is a set of tools for creating, storing and shipping Lottie animations. A Lottie is a JSON based animation file format that can be delivered to any platform as easily as a static asset, and because it is vector based it scales across device sizes without pixelation. The format itself is open source under the MIT licence and not tied to a single vendor. dotLottie is a packaging layer over Lottie JSON, and the documentation covers when to choose each of the two. Lottie Creator is the browser based editor for building and editing these files. It supports keyframes with easing and interpolation, layers, imported assets, nested scenes, trim path, gradient fills, segments and mattes, animates imported SVG files, and handles kinetic typography for text. Its plugins include Duplicator, AI Prompt to Vector and Motion Copilot. For designers working elsewhere, there are plugins for Figma, After Effects and Canva, with the Figma plugin adding raster to vector conversion and an AI prompt to vector tool. Playback is handled by published runtimes for JavaScript, React, Vue, Svelte, React Native, Flutter, iOS and Android. The core web player is on npm, renders both dotLottie and Lottie JSON, and has dedicated wrapper packages for React, Vue, Svelte and Web Components around a framework agnostic core. The dotLottie runtime APIs are TypeScript first, and the web player exposes control over playback, layout, theming, multi animation files and interactive state machines, with documentation covering web worker and GPU rendering options. dotLottie rendering uses the ThorVG graphics library. One caveat is worth knowing before a complex animation is committed to: Lottie does not support every Adobe After Effects feature, and per platform compatibility tables list the gaps. Expressions, images, text glyphs, masks, interpolation, strokes and fills are among the properties supported across platforms. Four plan tiers are sold: Free, Individual, Team and Enterprise. Individual adds private projects and private uploads for solo users. Team is positioned for commercial work by teams of fewer than ten, with a shared workspace and shared team assets. Enterprise is aimed at teams of ten or more and adds SSO, custom permissions, priority support, custom integrations and audit features. Subscriptions are billed annually and there is no standard monthly payment plan. Adding a team member part way through a term triggers an immediate pro rated charge equal to the monthly rate multiplied by the months remaining, though a seat freed by a departing member can be reassigned to a replacement at no extra charge. Premium animations come only with a paid subscription and cannot be bought one at a time. Students and educators over 13 at institutions in 15 supported countries can apply for the Education Plan, a free workspace that runs for a year and renews by repeating the verification. It excludes premium animations and the file optimiser, and forbids commercial use such as advertising, monetised content and paid client work.

Figma

Interface design in the browser with everyone in the same file, which is what displaced the previous generation of desktop tools. Components and variants keep a design system consistent, auto-layout makes frames respond like real containers, and Dev Mode gives engineers measurements and generated CSS. Prototyping, commenting and version history are built in, so review happens where the work is.

Freemium

Spline

3D scenes designed in a browser and embedded like an image. Modelling, materials, lighting, physics and interaction are all in one editor, and the export runs on the web without a game engine. It is how a lot of marketing sites get a 3D hero without hiring a 3D artist. Watch the file size on mobile.

Freemium

Rive

Interactive animations built around a state machine rather than a timeline, so a graphic responds to input and events instead of just playing. Runtimes for web, iOS, Android, Flutter, React Native and game engines render the same file everywhere at a fraction of the size of exported video. Used for animated buttons, characters and loaders that react.

Freemium

Canva

Design for people who do not design for a living. Templates cover presentations, social posts, documents, video and print, and Brand Kits keep colours, fonts and logos consistent across a team. The generative tools handle background removal and image editing. Designers tend to be sceptical of it, and it is nonetheless how most non-designers ship something acceptable.

Freemium

Penpot

Open source, unlike LottieFiles

Open source

Framer

Design a site and publish it, with no handoff step in between. The canvas works like a design tool and the output is a real responsive site with a CMS, forms, SEO controls and hosting. It suits marketing sites and landing pages where the design is the product; it is a poor fit for anything that needs custom backend logic.

Freemium

Open-Launch

Daily product launches with a badge and a backlink, run transparently, the ranking rules and the code are public, which is unusual in this category. Free and premium submission paths, with the paid one skipping the queue. Positioned as an open alternative to the closed boards, and worth watching for that reason as much as the traffic.

Freemium

PostHog

Product analytics, session replay, feature flags, experiments and surveys in one open-source stack, which removes the usual problem of four tools that disagree about who a user is. Generous free tier, self-hostable, and SQL access to the underlying events. Broad enough that teams grow into it rather than out of it.

Freemium

Sentry

Catches errors in production and tells you what you need to fix them: the stack trace with source maps applied, the release that introduced it, the browser or runtime, and how many users hit it. Groups duplicates so one bug is one issue. Performance monitoring and session replay sit alongside. Most teams install it after the outage that made the case for it.

Freemium

Supabase

Postgres with the things an application needs bolted on: authentication, row-level security, file storage, realtime subscriptions and auto-generated APIs. It is a real Postgres database, so `pg_dump` and any Postgres client work and leaving is a migration rather than a rewrite. Popular as a Firebase replacement for teams that would rather own SQL than a proprietary document store.

Freemium

Hugging Face

The hub open-source machine learning is organised around. Hundreds of thousands of models and datasets with versioning, model cards and licences, plus Spaces for hosting a live demo of any of them. The `transformers` library is the default way to load a model in Python. If a paper released weights, this is almost always where they are.

Freemium