Add inline images and icons to your text in Framer. Level up your design by adding inline icons and images to your text. Add your text, choose where you want yo

Inline Images icon

About Inline Images

Add inline images and icons to your text in Framer. Level up your design by adding inline icons and images to your text. Add your text, choose where you want your images, add your images, and you're good to go. This isn’t possible natively in Framer — but it is made possible with this component. No strange hacks, and it’s fully customisable to suit your needs. Key features Fully customisable to match your design needs Images can be added wherever you want and it handles as many images as you like Add an image by adding “§” in your text (you can change the special character) Supports all image formats Style responsively as you would any other Framer element Free updates for life What you can customise Typography: Font, weight, size, line-height, alignment, letter spacing, Opentype features, colour, text transform, balance Images: Which images you use, order, size, border-radius, spacing around the images User Select: Turn off to prevent text and image selection Accessibility: Pick the HTML tag for text (h1–h6, p, span) Refund policy 30-day money-back guarantee if you’re not fully satisfied with the purchase. Questions and Support Email me at hello@bryntaylor.co.uk — happy to help.

What we measured

Variants6
Props9
Breakpoints4

Measured 5 Sept 2026 Measured from the published package How we measure

Built something worth finding?

Submit a site, template, component or tool — any stack — and we will add it to the atlas.

Submit
Get component · $10

More

Submit

Filters

Style
Color
Loading colors…
Platform
Price
Works with

Explore the atlas

Loading catalogue…
Loading catalogue…
World Web Atlas

Hop on in

Save favourites, submit work and manage your profile.Save favourites and submit work.

Continue with GoogleContinue with Discord