Inline Media Word
Put an image or video block directly inside a word.
Overview
Put an image or video block directly inside a word.
- Insert an image or video between any characters
- Rounded inline media block with simple hover motion
- Adjustable size, spacing, radius, and vertical offset
- Extended font controls for big editorial typography
Inline Editorial Text
Inline Media Word recreates the look of a large word that stays fully readable by default, then swaps specific letters into images or videos on hover. It is ideal for hero titles, fashion-style layouts, and editorial landing sections.
Features
Hover Letter Replacement Choose specific letters that should transform into rounded images or looping videos on hover.
Editorial Typography Use large type with precise spacing and a media tile that feels like part of the lettering.
Simple Layout Controls Adjust which letters are interactive plus the shared media size, gap, corner radius, and baseline offset without editing code.
Use Cases
Hero Headlines — Add a visual accent directly inside a landing page title.
Fashion and Editorial Sites — Build the exact word-image treatment shown in the reference.
Campaign Typography — Mix bold type and media for launch pages and posters.
How to Use
Customization
Text
- Set the word or title
- Add multiple entries in
Hover Items - Choose which letter each media tile should replace with
Letter
Appearance
- Tune gap, radius, width, height, and position
- Set text color
Motion
- Control video autoplay, fade duration, and hover effect (Scale, Slide, Rotate, Flip)
Quick Tips
Reference Match — For the provided “Celebrations” style, keep the full word visible by default and assign square or near-square tiles to the letters you want to swap on hover.
Large Type — Keep font size high and letter spacing slightly negative for the clean editorial look.
Video Choice — Short looping portrait clips work best when used as the inline insert.
Why Designers Love This
This component turns a simple headline into a styled visual statement. It is fast to set up, easy to tune, and captures a modern editorial look with very little effort.
How to install Inline Media Word in Framer
- Purchase Inline Media Word above
- Open your FramerHub dashboard
- Find Inline Media Word in Recent Purchases and click "Copy URL"
- Open your Framer project
- Paste it anywhere on the canvas (Cmd/Ctrl + V)
License
Single-use license: use it in one client project with full commercial rights. No redistribution. 1 license = 1 client.
Questions before buying? Read the refund policy or email hello@framerhub.io.
Inline Media Word - $9
Put an image or video block directly inside a word.
Trusted by agencies and freelancers
2,000+ Framer users rely on FramerHub plugins and components to build serious client sites.
"The Best Framer CMS Filtering Plugin I've Found — Truly a Game-Changer. I've tested a lot of Framer CMS filtering and sorting components — both free and paid — and this is by far the best one I've come across."
- Pierre Azalbert · CMS Filter
"Excellent product and super speedy and helpful support from the team!"
- Chloe Dovey · CMS Masonry Lightbox
"We had tried a couple of other Framer CMS filter components but they were buggy, hard to use and support was slow or non-existent. CMSFilter is easier to use and has a lot of added functionality."
- Mark Williamson · CMS Filter
"CMS Masonry-Lightbox is a super flexible and polished CMS grid that makes any portfolio shine. I especially love the support for local videos and the great customer support behind it."
- Rick van der Wal · CMS Masonry Lightbox
"I got a CMS featuring setup from Shahul Hameed, and it works perfectly. He was super helpful, guided me through everything, and even stayed up late to make sure I had no issues. Great experience overall!"
- Amarachi · CMS Filter
"Very happy with this purchase. Also the creators are very helpful, can only recommend."
- Petia Dimitrova · CMS Masonry Lightbox
"He really helped me out when I needed assistance adding it to my Framer project. Super fast customer support highly recommend!"
- Salman Abdulrazaq Ali
Got questions? We've the answers
Got questions? We've the answers
Everything you need to know about FramerHub.