Pricing

Highlighter

A text highlighter that mimics the effect of a human-drawn marker stroke.

3,945

Bookmarks

4,145

Installs

80,745

Views

19 lines
import { Highlighter } from "@/components/ui/highlighter"

export default function HighlighterDemo() {
  return (
    <div className="text-center">
      <p className="leading-relaxed">

13 more lines behind a plan

Previews are free to watch. Reading and copying the full source needs a plan.

See plans
Dependencies
motionrough-notation
License
MIT License
Published
1/6/2025
Categories

Similar components

That's all 6 components

Explore more

Part of Magic UI — browse the full library on Nuxus.