Highlighted Text
Store

Highlighted Text Text with sliding highlight bars

Buy on Lemon Squeezy $5Framer component · 2026 · live

A sentence built from segments, where any segment can have a bar that slides in behind it on a spring. By default the text inverts where the bar covers it, so white text turns black on a white bar.

Preview
Highlighted Text preview
Features

What it does

  • Every segment: its text, whether it's highlighted, and for highlights, the side the bar comes from, its own delay and its own color.
  • Spring damping and stiffness, plus a base delay for the whole sentence.
  • When it plays: on page load, when scrolled into view, or on a loop every 0.5 to 20 seconds.
  • Difference or Normal blend mode, the highlight and text colors, the font, the alignment, and how far each bar extends past its text.
References

References Where to see it, and what it's built on.