# Reuse

Native web libraries with thin React adapters, published to npm under the @reuse-sh scope. Original code is MIT.

Every library guide opens with that library's principles, the rules its code keeps. An adaptation on any framework must keep them.

- /agent.md: Integration agreement

- /for-agents: Agent guides

- /lightbox/guide.md: Lightbox. An image viewer that grows out of the thumbnail and zooms into the detail.

- /carousel/guide.md: Carousel. A scroll-snap strip with drag, loop and autoplay, built on your own markup.

- /annotations/guide.md: Annotations. Areas, arrows and notes on an image, kept in one format your tools can share.

- /loaders/guide.md: Loaders. A few dots that change shape while an answer is on its way.

- /shadows/guide.md: Shadows. Six shadow levels, a hairline ring, and a fade for scrolling edges.

- /floating-tooltip/guide.md: Floating tooltip. One shared hint that follows the pointer and slides between triggers.

- /moving-highlight/guide.md: Moving highlight. One background that slides to the row under the pointer, the focus or the selection.

- /hold-to-confirm/guide.md: Hold to confirm. A button that acts only after a full press. Let go early and nothing happens.

- /avatars/guide.md: Avatars. Photos and initials with badges and groups, cut out cleanly on any background.

## Library pages

- /lightbox: Lightbox, Overview

- /lightbox/getting-started: Lightbox, Getting started

- /lightbox/examples/product: Lightbox, Product page

- /lightbox/examples/chat: Lightbox, Chat thread

- /lightbox/examples/journal: Lightbox, Journal

- /lightbox/controls/minimal: Lightbox, Minimal

- /lightbox/controls/classic: Lightbox, Classic

- /lightbox/controls/filmstrip: Lightbox, Filmstrip

- /lightbox/controls/panel: Lightbox, Panel

- /lightbox/controls/immersive: Lightbox, Immersive

- /lightbox/controls/toolbar: Lightbox, Toolbar

- /lightbox/guides/media: Lightbox, Media

- /lightbox/api: Lightbox, API

- /lightbox/agent: Lightbox, Agent guide

- /carousel: Carousel, Overview

- /carousel/getting-started: Carousel, Getting started

- /carousel/examples/product-strip: Carousel, Product strip

- /carousel/examples/editorial: Carousel, Editorial gallery

- /carousel/guides/controls: Carousel, Controls

- /carousel/api: Carousel, API

- /carousel/agent: Carousel, Agent guide

- /annotations: Annotations, Overview

- /annotations/getting-started: Annotations, Getting started

- /annotations/examples/review-notes: Annotations, Review notes

- /annotations/examples/editor: Annotations, Editor

- /annotations/guides/data-format: Annotations, Data format

- /annotations/api: Annotations, API

- /annotations/agent: Annotations, Agent guide

- /loaders: Loaders, Overview

- /loaders/getting-started: Loaders, Getting started

- /loaders/examples/chat-reply: Loaders, Chat reply

- /loaders/examples/figures: Loaders, Figures

- /loaders/api: Loaders, API

- /loaders/agent: Loaders, Agent guide

- /shadows: Shadows, Overview

- /shadows/getting-started: Shadows, Getting started

- /shadows/examples/cards: Shadows, Card patterns

- /shadows/examples/scale: Shadows, Scale

- /shadows/guides/fade-edge: Shadows, Fade edge

- /shadows/api: Shadows, API

- /shadows/agent: Shadows, Agent guide

- /floating-tooltip: Floating tooltip, Overview

- /floating-tooltip/getting-started: Floating tooltip, Getting started

- /floating-tooltip/examples/shortcuts: Floating tooltip, Toolbar shortcuts

- /floating-tooltip/examples/links: Floating tooltip, Link previews

- /floating-tooltip/examples/people: Floating tooltip, People

- /floating-tooltip/api: Floating tooltip, API

- /floating-tooltip/agent: Floating tooltip, Agent guide

- /moving-highlight: Moving highlight, Overview

- /moving-highlight/getting-started: Moving highlight, Getting started

- /moving-highlight/examples/menu: Moving highlight, Menu

- /moving-highlight/examples/navigation: Moving highlight, Navigation list

- /moving-highlight/examples/tabs: Moving highlight, Tabs

- /moving-highlight/api: Moving highlight, API

- /moving-highlight/agent: Moving highlight, Agent guide

- /hold-to-confirm: Hold to confirm, Overview

- /hold-to-confirm/getting-started: Hold to confirm, Getting started

- /hold-to-confirm/examples/delete-file: Hold to confirm, Delete file

- /hold-to-confirm/examples/settings: Hold to confirm, Settings row

- /hold-to-confirm/api: Hold to confirm, API

- /hold-to-confirm/agent: Hold to confirm, Agent guide

- /avatars: Avatars, Overview

- /avatars/getting-started: Avatars, Getting started

- /avatars/examples/team: Avatars, Team list

- /avatars/examples/groups: Avatars, Groups

- /avatars/api: Avatars, API

- /avatars/agent: Avatars, Agent guide