Highlighter

Hand-drawn emphasis that draws itself into view — marker, underline, circle, strike-through or box.

svgintersection-observer2 files · 100 locdeps: clsx, tailwind-merge

Components that actually ship, with zero runtime deps, no config hell and living backgrounds you can copy.

Installation

With the shadcn CLI, pointing at this platform’s registry:

npx shadcn@latest add https://opusui.131199999.xyz/r/highlighter.json

Or offline, straight from your opus55 checkout (copies every file it needs):

node ../tailwind_component/opus55/scripts/add.mjs highlighter

import { Highlighter } from "@/components/opus/text/highlighter";

Components that <Highlighter>actually ship</Highlighter>

Prop	Type	Default	Description
variant	"highlight" \| "underline" \| "circle" \| "strike" \| "box"	"highlight"	Mark style.
color	string	"#facc15"	Ink colour.
duration / delay	number	800 / 0	Timing (ms).