Draw Circle Text

Animated circle highlight for text

Highlight Circle Text is a modern text enhancement component that draws an animated circle around important words, making your message stand out instantly.

Perfect for landing pages and marketing websites, it helps guide user attention and emphasize key phrases with a clean, hand-drawn style.

✨ Key Features

• Animated circle drawing effect

• Highlight specific words dynamically

• Smooth and clean motion

• Fully customizable colors and stroke width

• Adjustable draw speed

• Flexible text structure (before, highlight, after)

• Responsive and lightweight

🎛 Controls

Customize everything easily:

• Before text

• Highlighted text

• After text

• Circle color

• Circle stroke width

• Draw speed

• Text color & background

• Font size, family & weight

• Max width & spacing

🚀 Use Cases

• Landing page headlines

• Marketing websites

• SaaS hero sections

• Product highlights

• Conversion-focused UI

⚡ Instructions

1. Add the component to your canvas

2. Enter your text (before, highlight, after)

3. Customize styles and animation

4. Adjust speed and colors

5. Preview and publish