Impress.js

Impress.js is a browser-based presentation engine that transforms standard document elements into interactive, three-dimensional slide decks. It functions as a declarative layout framework, allowing users to define spatial relationships and visual perspectives for content within a coordinate-based canvas. By leveraging the browser's native rendering capabilities, it enables the creation of non-linear slide decks that utilize hardware-accelerated transformations for movement and perspective shifts.

The framework distinguishes itself through a state-driven controller that manages active content segments and applies dynamic styling hooks based on element visibility. It provides programmatic control over navigation, layout scaling, and visual state management, allowing for complex transitions triggered by keyboard or touch inputs. This architecture supports the development of immersive visual narratives and high-fidelity interface prototypes that rely on spatial positioning rather than traditional linear slide progression.

The system includes tools for configuring presentation dimensions, transition speeds, and viewport scaling to ensure consistent output across different display environments. It also maintains state persistence through browser URL fragments, enabling deep linking and history navigation within the presentation.

Features

Content Presentation Components - Transforms standard document elements into interactive, three-dimensional slide decks using CSS transformations.
Presentation Frameworks - Builds specialized slide-based applications that require programmatic control over navigation and layout.
Declarative Layout Frameworks - Provides a structural approach to defining spatial relationships and visual perspectives for content elements.
State-Driven UI Controllers - Tracks active content segments and applies dynamic styling hooks to elements based on their visibility.
Animation and Motion - Presentation-style animations using CSS3 transforms.
Presentation Frameworks - Creates presentations using CSS3 transforms and transitions.
Sliders and Carousels - Presentation framework utilizing CSS3 transforms and transitions.
Sliders & Carousels - CSS3-based presentation framework.
Desktop And Presentation - CSS3-based presentation framework.
Presentation Flow Control - Controls slide transitions programmatically using a command interface that manages manual step movement.
Navigation Controllers - Manages slide transitions by listening for keyboard and touch inputs to update the global coordinate state.
Interactive Storytelling Tools - Builds immersive visual narratives where spatial movement and perspective shifts guide the audience.
Presentation Layout Configuration - Defines screen dimensions, transition speeds, and scaling behavior for all presentation steps.
Spatial Layout Engines - Uses hardware-accelerated matrix transformations to place and orient elements within a three-dimensional coordinate space.

hakimel/reveal.js

71,731View on GitHub

This project is a web-native presentation framework that renders slide decks from standard HTML or Markdown. It functions as a declarative slide engine, managing navigation, state persistence, and lifecycle events through a configuration-driven interface. By leveraging standard web technologies, it enables the creation of responsive, browser-based presentations that support complex layouts, nested transitions, and interactive content. The framework distinguishes itself through a modular, plugin-based architecture that allows developers to extend core functionality using custom hooks and event

tailwindlabs/headlessui

28,619View on GitHub

Headless UI is a headless component library and accessible UI component kit that provides logic-only interface elements. It functions as a state-driven UI framework designed to provide functionality without prescribing any specific visual styles. The library is specifically designed for integration with Tailwind CSS, enabling the implementation of custom design systems. It allows users to apply visual styles to components based on whether they are active, selected, or open. The project covers the development of accessible UI components that meet ARIA standards and include built-in keyboard n

creative-punch/jQuery.adaptive-slider

55View on GitHub

A jQuery plugin for a slider with adaptive colored figcaption and navigation.

bchanx/slidr

1,542View on GitHub

add some slide effects.

A jQuery plugin for a slider with adaptive colored figcaption and navigation.

bchanx/slidr

1,542View on GitHub

add some slide effects.

impressimpress.js

Features