Inline visuals in text

Embed videos, GIFs, images, and Lottie animations directly inside your text using asterisk (*). Customize all properties right from Framer’s properties sidebar.

Preview component: inline-visual-text.framer.website/

Key features:

• 🌟 Simple Asterisk Syntax: Just type * anywhere in your text to drop an inline visual capsule into that exact spot.
• 🎬 All Media Types Supported: Use Images, GIFs, looping MP4/WebM Videos, and Lottie animations (file upload or URL).
• 📐 Custom Sizing & Pill Shapes: Easily adjust width, height, scale percentage, and corner radius (from sharp to full pill).
• 🎯 Optical Baseline Harmony: Fine-tune micro vertical offsets (Y-offset) and word gaps so capsules sit flush with any font.
• 🎨 Typography & Gradients: 12 typography presets, full custom font controls, semantic HTML tags (H1–H6, P), and text gradients.
• ⚡ Interactive & 120 FPS Fast: Optional spring hover zoom, clickable capsule links, and automatic off-screen pausing to save battery.