ComponentReactregistry:ui2 dependencies

Annotation Layer

annotation-layer

Notes attached to regions of a page, created by dragging.

Live

Starting the live preview…

Rendered from its demo Annotation Layer Demo. Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Install

npx shadcn@latest add @mischief/annotation-layer

Needs @mischief in your components.json registries — switch to URL if it doesn't resolve.

Registry: @mischief
Kind: Component
Framework: React
Files: 1 · 7.6 KB
Preview: Live via example
License: MIT

npm dependencies

lucide-react

Registry dependencies

utilsunresolved

1 demo

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

A worked example of Annotation Layer: Notes attached to regions of a page. Drag to add one, select to read it, and the coordinates stay relative to the page rather than the screen.

@mischief

More from @mischief

Search the catalog

Annotation Layer

See it in use

More from @mischief