Inline Images
A Framer text component that places images and icons inline with words, with adjustable typography, image sizing and spacing.
About Inline Images
Inline Images treats small visuals as part of a line of text rather than separate neighboring layers. A replaceable marker identifies where each image belongs, allowing several images to appear throughout the same passage.
The image order and spacing can be adjusted independently of the typography. HTML-tag and selection controls add practical choices for using the treatment in headings, body text or short labels.
Component details
Places images and icons within a text passage.
A special character marks each image position; the default marker is § and can be changed.
Supports multiple images and selectable HTML tags including h1–h6, p and span.
Font properties, image order, size, radius and surrounding spacing are configurable.
The component can be styled responsively like other Framer elements.
Add text, mark image positions and supply the images. The publisher states support for all image formats.
Related components
View all
Built something worth finding?
Submit a site, template, component or tool built with any stack. We will add it to the atlas.