Interactive Components

Compose terminal commands and output with timed playback or static display. Includes copy controls and step-change events.

An annotation layer for product imagery and interface previews, with numbered buttons, responsive popover details, and activation feedback.

A responsive image grid that opens a fullscreen lightbox carousel with looped navigation, backdrop click close, Escape close, and body scroll lock.

An interactive button that animates through loading, success, and error states. Ideal for form submissions, login flows, and any async operations that need visual feedback.

A sticky reading progress indicator that tracks scroll position within a target element, perfect for blog posts and long-form content.

A file tree component that displays hierarchical file and folder structures using collapsible sections.

A before/after image comparison slider with a draggable handle to reveal differences between two images.