TextHighlighter

About this Component

This component makes it easy to highlight one or more words in your text with smooth, responsive animations. Perfect for headings, hero sections, or any content where you want to draw attention, it supports Japanese and English text out of the box.

Key Features

• Highlight multiple words or phrases with ease

• Smooth scroll-triggered animation using IntersectionObserver

• Fully customizable background, text color, radius, and padding

• Font controls for family, size, weight, letter spacing, and line height

• Adjustable animation speed for a natural feel

• Responsive design, works across breakpoints