Highlighted Text
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
Preview
Properties
Properties
- Type
- Framer component
- Price
- $5
- Year
- 2026
- Status
- Live
- Listing
- framer.com
- Slug
- highlighted-text
Features
Features
- 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 get it, and what it runs on.
Previous and next
Keep going
