---
title: "Inline Media Word | FramerHub"
canonical_url: "https://framerhub.io/components/inline-media-word"
last_updated: "2026-06-15T14:46:28.064Z"
meta:
  description: "Put an image or video block directly inside a word. Premium Framer component for client sites, portfolios, and product pages."
  "og:description": "Put an image or video block directly inside a word. Premium Framer component for client sites, portfolios, and product pages."
  "og:title": "Inline Media Word | FramerHub"
---

# **Inline Media Word **

Put an image or video block directly inside a word.

One-time payment

Lifetime updates

Commercial license

## **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.![Inline Media Word Preview](https://framerhub.io/framerhub/img/components/control/inline-media-word.jpg) ## How to Use ### Installation**VIDEO PLACEHOLDER: Installation Tutorial**1. Log in to your account at framerhub.io 2. Navigate to framerhub.io/dashboard 3. Find Inline Media Word in your Recent Purchases 4. Click the "Copy" button 5. Open your Framer project 6. Paste the component anywhere on your canvas (Cmd/Ctrl + V) ### 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. ## License**Single Use License** — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client. ## Refund Policy Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns! ## 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. --- ### **Inline Media Word - $9** Put an image or video block directly inside a word.**One-Time Payment****Lifetime Access****Unlimited sites**### **You might also like** Why Choose Framer Hub Components ## **Loved by Framer teams** Used by Framer professionals who need premium, no-code experiences. Got questions? We've the answers ## **Got questions? We've the answers ** Everything you need to know about FramerHub.