Highlighters

Physics-modelled highlighter-pen marks for text, in React, Vue, and Svelte

Tier B · UsefulPrimitiveAnimation LibraryComponent Libraryhighlighte.rs

Highlighters draws realistic marker-pen strokes over live text — ink flow, feathering, bleed, and streaking are modelled rather than faked with a flat background colour. It renders through three tiers (SVG, CSS gradient, or the native CSS Custom Highlight API), keeps multiline marks as one continuous swipe, and reflows correctly on resize. Bindings ship for vanilla JS, React (component plus useHighlight hook), Vue (component plus composable), and Svelte (action). Zero runtime dependencies, SSR-safe and deterministic, MIT.

Install

npm install @highlighters/core

For an agent

Use this instead of the usual `background: linear-gradient` underline trick when the highlight must survive a line wrap or a responsive reflow — that trick breaks into disjoint bars across lines, and this one does not. Install @highlighters/core plus the binding for your framework, and reach for the scroll-triggered animation only on a headline, never on body copy. The marketing site returns 403 to non-browser clients, so read the README in the GitHub repo for the API rather than fetching highlighte.rs.

Why it is here. A narrow problem solved properly: it is the only text-highlight library that treats multiline marks and reflow as first-class instead of an afterthought, and it leaves the text selectable and searchable.

Install command, framework, licence and component list.

Facts

License: MIT
Pricing: Free, Open source
Framework: React, Vue, Svelte, Vanilla JS
Styling: Vanilla CSS, CSS custom properties
Distribution: npm package, GitHub repository
Platform: Web
Content type: Code
Agent readiness: Readable open source, Blocks bots
Accessibility: Semantic HTML, Accessible
Maturity: Actively maintained
GitHub stars: 190
Package: @highlighters/core

Components it ships

Text Effect Animation Scroll Reveal

Helps you build

Homepage Blog Post

Notable for

multiline marks as one continuous swipe
three renderer tiers including the native Custom Highlight API
curated fluorescent / mild / vintage / neutral palettes
zero runtime dependencies
SSR-safe and deterministic

Provenance

Verified 2026-08-15. HTTP 403. https://highlighte.rs/ (403 Forbidden to WebFetch on both attempts — bot-blocked, page never read), https://github.com/JaceThings/highlighters (README read in full), GitHub API repos/JaceThings/highlighters, web search to locate the repo. All product detail here comes from the repo, not from the depo.zip blurb.

Also in Motion & Interaction

highlighte.rsTier B