---
title: "Video in Text — Framer component · Best of Framer"
description: "$7.00 · Framer component · by Aidan Looker · Text. What is Video in Text?"
canonical: "https://framer.elliotli.dev/component/video-in-text"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Video in Text

# Video in Text

Inline video and images inside text.

[View on Framer](https://framer.com/marketplace/components/video-in-text/?via=elliot-li)

![Video in Text preview image 1](https://framer.elliotli.dev/og/component/video-in-text/cdcedbb6dbc487c9/1600x1200.jpg)

## Summary

What is Video in Text?

## Description

## What is Video in Text?

Video in Text lets you embed looping video clips and images directly inline with your typography. Use simple tokens like {1}, {2}, {3} in your text to place media exactly where you want it — between words, at the start of a line, or at the end. Each slot is independently configurable with its own shape, media type, and fit mode. Perfect for hero headlines, brand statements, and editorial layouts that demand visual impact.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   Inline video and image slots placed anywhere within your text using {1}, {2}, {3} tokens
    
-   Circle and pill shape options per media slot with adjustable aspect ratio
    
-   Supports both uploaded video files and responsive images per slot
    
-   Full typography control — font family, size, weight, letter spacing, line height, italic, and uppercase
    
-   Media scale, border, shadow, and gap controls grouped in a collapsible panel
    
-   Up to 10 independent media slots with individual shape, type, and fit settings
    

## Controls inside Framer

### Text and Content

-   Text — Multi-line input with {1}, {2}, {3} token placement for media slots
    
-   Media Slots — Array of up to 10 slots, each with shape, media type, video upload, image upload, and object fit
    

### Typography

-   Font — Native Framer font picker with weight support
    
-   Font Size — 24px to 300px with stepper
    
-   Alignment — Left, Center, Right
    
-   Uppercase — Toggle on or off
    
-   Italic — Toggle on or off
    
-   Text Color — Color picker
    
-   Letter Spacing — Fine-tune from -10px to 20px
    
-   Line Height — Adjust from 0.6 to 2.5
    

### Media Style (collapsible)

-   Size — Scale relative to font size
    
-   Pill Width — Aspect ratio multiplier for pill-shaped slots
    
-   Gap — Space between text and media elements
    
-   Border — Width and color controls
    
-   Shadow — Toggle drop shadow on media containers
    

### Background

-   Background — Toggle background panel visibility
    
-   BG Color — Background color picker (shown when enabled)
    

## Best use cases

-   Hero headlines with looping brand videos embedded between words
    
-   Agency and portfolio landing pages with dynamic, editorial-style typography
    
-   Product launch sections combining video demos inline with announcement copy
    
-   Creative studio sites where static text alone does not convey energy or motion
    

## Questions or custom requests?

We design and build custom Framer components. Get in touch at [**contact@teampixel.com.au**](mailto:contact@teampixel.com.au).

## Rank history [How rankings work →](/terms#rankings)

-   All · #9129

## Details

- **Author**: Aidan Looker
- **Price**: $7.00
- **Published**: 2026-06-05
- **Updated**: 2026-06-13
- **Added**: 2026-05-29
- **Categories**: Text

## More like this

-   [Gradient Wave Text](/component/gradient-wave-text) — Syauqizaidan Khairan Khalaf · $5 — Bands of color sweep through text
-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Count Up In View](/component/count-up-in-view) — H SHIFT WORKS · Free — Numbers that count up in view
-   [BentoExpandGrid](/component/bentoexpandgrid) — Dulaj Design · $15 — About BentoExpandGrid brings a sophisticated, interactive layout system to your Framer projects.
