Inline Images
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.
Make it with Workshop
Build your own component with AI
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.
