SlideHide

SlideHide is a library and design pattern for constructing slide-based user interfaces in which content can be hidden or revealed through sliding transitions. The approach supports a deck of slides where each slide may contain multiple content layers whose visibility can be toggled by user actions or by declarative rules. The goal is progressive disclosure and space-efficient storytelling in applications such as product tours, onboarding flows, and interactive presentations.

Key features include smooth horizontal and vertical slide transitions, per-slide visibility rules, and layer-level toggling that can be controlled by keyboard, mouse, or touch input. The library emphasizes accessibility, providing ARIA roles, focus management, and keyboard navigation. It uses CSS variables for theming and is designed to be framework-agnostic, with adapters for React, Vue, and vanilla JavaScript. Data for decks is described in JSON or YAML, enabling versioned, portable slide sets.

SlideHide originated in the open-source community in the early 2020s as a lightweight alternative to heavier presentation frameworks. It has seen contributions from developers focused on UI pattern libraries and on progressive disclosure techniques. The project tends to release modular updates with compatibility notes for the popular web frameworks.

Technical notes: SlideHide is implemented in JavaScript and CSS. It has a small footprint and can be integrated into existing apps without a full rewrite. It is distributed under an open-source MIT license and aims for cross-browser compatibility in modern environments. Typical use cases include embedded product tours, onboarding wizards, and dashboards that reveal details step by step.

See also Progressive disclosure, Reveal.js, and related UI presentation tools.