Highlight textFree

A marker stroke sweeps behind the key word.

Components people actually notice.

Props

before

word

after

variant

duration0.6s

Appearance

Applies to this component only and stays saved when you come back.

Accent

#ff3347

Deep shade

#b3122a

Preview background

Install

$npx shadcn@latest add https://nex-ui.eu/r/highlight-text.json

Usage

import { HighlightText } from "@/components/nex-ui/highlight-text";

<HighlightText
  before="Components people actually"
  word="notice"
  after="."
/>