Highlighter

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

Library

Magic UI

Framework

React

Type

ui

License

MIT

Dependencies

motion, rough-notation

Install

npx shadcn@latest add @magicui/highlighter

Files

• apps/www/registry/magicui/highlighter.tsx

Source

https://github.com/magicuidesign/magicui

Categories

• Text Components
• React Text Components
• Tailwind CSS Text Components
• Animated Text Components
• Text Highlight Components
• React Text Highlight Components
• Tailwind CSS Text Highlight Components
• Animated Text Highlight Components

More from Magic UI

• Android
• Animated Beam
• Animated Circular Progress Bar
• Animated Gradient Text
• Animated Grid Pattern
• Animated List
• Animated Shiny Text
• Theme Toggler
• Aurora Text
• Avatar Circles
• Backlight
• Bento Grid