---
title: "Text with images — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Plaiter HQ · Text. What It Is Inline Image Text allows you to place images directly inside or around lines of text, giving you complete creative control over…"
canonical: "https://framer.elliotli.dev/component/text-with-images"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Text with images

# Text with images

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

![Text with images preview image 1](https://framer.elliotli.dev/og/component/text-with-images/12b0686f2be50a06/1600x1200.jpg)

## Summary

What It Is Inline Image Text allows you to place images directly inside or around lines of text, giving you complete creative control over the flow of visuals and copy.

## Description

What It Is

**Inline Image Text** allows you to place images directly inside or around lines of text, giving you complete creative control over the flow of visuals and copy. It’s ideal for content that needs to feel premium, expressive, or editorial.

Best For

-   Blog posts and articles
    
-   Case studies
    
-   Hero sections
    
-   Brand storytelling pages
    
-   Editorial and magazine-style layouts
    

Customization Options

-   Insert images inline with individual words or phrases
    
-   Control image size, spacing, and alignment
    
-   Use any font, weight, or style for the surrounding text
    
-   Responsive across devices
    

How To Use

1.  Drag the **Text with image** component into your Framer canvas
    
2.  Click to edit the text content
    
3.  Replace placeholder images with your own visuals
    
4.  Adjust alignment and sizing from the properties panel
    
5.  Preview across screen sizes to ensure layout responsiveness
    

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

-   All · #6311

## Details

- **Author**: Plaiter HQ
- **Price**: $10.00
- **Published**: 2025-08-13
- **Updated**: 2025-08-13
- **Added**: 2025-08-08
- **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