Inline Images: Premium Typography Component by Bryn Taylor

Add inline images and icons to your text and headings in Framer. Fully customisable to match your design — add as many images as you like, and place them exactly where you want.

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)