TextWithHighlight — Animate and Style Your Text in Framer

✨ TextWithHighlight is a powerful Framer component that lets you easily animate and style specific words or phrases within your text. Highlight text using beautiful styles like background fills, underlines, outlines, or half — no coding needed.

Perfect for making your websites more dynamic, engaging, and SEO-friendly by applying the right HTML tag (h1, h2, p, etc.).

👀 Live Preview

🎯 Features

• Highlight any part of your text using ~your text~ markers.
• Choose from multiple highlight styles: Solid, Underline, Half background, Outline.
• Apply smooth animations: Fade In, Slide Up, Scale In.
• Full control over font, text color, highlight color, text alignment.
• SEO-ready: customize your tag (h1, h2, h3, p, div, span).
• 100% responsive and easy to customize.
• Lightweight, clean, and optimized for performance.

Enjoy 😃

Format: Component Framer link