---
title: "Marker Text Outline — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Plaiter HQ · Text. Marker Text Outline is a Framer component that highlights specific words with animated, hand-drawn marker-style outlines."
canonical: "https://framer.elliotli.dev/component/marker-text-outline"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Marker Text Outline

# Marker Text Outline

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

![Marker Text Outline preview image 1](https://framer.elliotli.dev/og/component/marker-text-outline/edb9ed67c1303760/1600x1200.jpg)

## Summary

Marker Text Outline is a Framer component that highlights specific words with animated, hand-drawn marker-style outlines.

## Description

Marker Text Outline is a Framer component that highlights specific words with animated, hand-drawn marker-style outlines. It brings a natural, expressive feel to text by simulating marker strokes that draw in smoothly around selected words.

You can choose from multiple highlight styles including underline, wiggle underline, strikethrough, and circle. The component is fully responsive and easy to customize, with controls for marker color, opacity, stroke width, and typography.

## Key Features

-   Animated marker-style text outlines
    
-   Highlight specific words or phrases
    
-   Multiple styles including underline, wiggle, strike, and circle
    
-   Customizable marker color, opacity, and stroke width
    
-   Smooth draw-in animation
    
-   Responsive by default
    

## Use Cases

-   Hero headlines and callouts
    
-   Marketing and landing pages
    
-   Educational and content-focused layouts
    
-   Creative portfolios
    
-   Emphasis on key messaging
    

## Best Practices / Tips

-   Highlight only important words for clarity
    
-   Use softer colors for a natural marker look
    
-   Match stroke width to font size for balance
    

## What’s Included

-   One Marker Text Outline component
    
-   Multiple marker highlight styles
    
-   Typography and animation controls
    

## Who It’s For

-   Framer designers and builders
    
-   Founders and marketers
    
-   Creative agencies and studios
    
-   No-code creators adding expressive text emphasis
    

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

-   All · #8512

## Details

- **Author**: Plaiter HQ
- **Price**: $10.00
- **Published**: 2026-01-21
- **Updated**: 2026-01-21
- **Added**: 2026-01-11
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing