Treeline

Set of React components for Collaborative PDF annotation extending on react-pdf-highlighter and using InstantDB for collaborative highlights.

Features:

• Built on top of PDF.js
• Text and image highlights
• Popover text for highlights
• Scroll to highlights
• Real-time collaborative highlights using InstantDB

Importing CSS

The bundled CSS include the CSS for pdfjs.

import "treeline/dist/style.css";

Stack

Vite + Bun + Biome (formatter) + InstantDB

Example

See demo https://treeline.vercel.app/.

To run the example app locally:

npm install bun # install bun
bun i # install deps
bun run dev # start server

Install

npm install treeline