---
title: "Lottie — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Motiondrops · Text. Place animated Lottie files directly inside your text, right before selected words."
canonical: "https://framer.elliotli.dev/component/inline-lottie"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Lottie

# Lottie

Add Lottie animations inline in text

[View on Framer](https://framer.com/marketplace/components/inline-lottie/?via=elliot-li)

![Lottie preview image 1](https://framer.elliotli.dev/og/component/inline-lottie/5faedb9a2087f5af/1600x1200.jpg)

## Summary

Place animated Lottie files directly inside your text, right before selected words.

## Description

Place animated Lottie files directly inside your text, right before selected words. Add motion exactly where it matters.

Just write your text, choose trigger words, and drop the Lottie inline. Everything stays perfectly aligned, responsive, and SEO-friendly.

**What you can do:**

• Add Lottie animations inline with your text

• Control size, zoom & XY positions

• Adjust speed, autoplay & looping

• Works with any font & any text

• Fully responsive

• SEO-friendly HTML tags

• Debug mode for precise placement

Perfect for headlines, CTAs, and pretty much anything.

### Static text is officially outdated.

## Rank history [How rankings work →](/terms#rankings)

-   All · #2921

## Details

- **Author**: Motiondrops
- **Price**: $5.00
- **Published**: 2026-01-28
- **Updated**: 2026-04-12
- **Added**: 2026-01-16
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing