awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
markdalgleish avatar

markdalgleish/bespoke.js

0
View on GitHub↗
markdalgleish.com/projects/bespoke.js↗

Bespoke.js

bespoke.js is a DOM-driven presentation tool and HTML framework that transforms existing web elements into navigable slide decks. It functions as a web-based deck orchestrator, using a JavaScript engine to manage slide transitions and state through CSS and programmatic API controls.

The project is built as a plugin-based slide engine, allowing developers to extend core behavior by intercepting navigation events and injecting custom lifecycle logic. This modular system enables the creation of tailored presentation frameworks by adding specific behavioral logic or state management.

The toolset covers DOM navigation management and frontend presentation tooling. This includes the ability to filter slide elements via CSS selectors, manage transitions between views, and use a dedicated project scaffold and build system for deployment to web hosting.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Features

  • HTML Presentation Frameworks - Implements a system for creating structured digital slideshows using standard HTML elements and web technologies.
  • HTML Slide Decks - Provides a framework for creating HTML-based slide decks with programmatic navigation and CSS transitions.
  • Plugin Extenders - Enables the injection of custom behavior and state management by hooking into the system's lifecycle events.
  • Core Capability Extensions - Allows extending the fundamental operational logic of the slide engine via a plugin system.
  • Event-Driven Plugin Hooks - Provides a plugin system that uses event-driven hooks to intercept and modify slide transition logic.
  • Browser-Based Presentation Frameworks - Provides a framework for authoring and delivering presentations as live web pages using HTML and CSS.
  • Presentation Frameworks - Offers a modular architecture and plugin system for building tailored, interactive slide-based presentations.
  • Slide Lifecycle Hooks - Implements lifecycle hooks that trigger custom behavior or state updates during slide navigation events.
  • Slide Transition Controllers - Provides programmatic controls to move the view between slides or jump to specific indices.
  • Slide Element Validators - Identifies valid slide elements by checking DOM structures against CSS selectors or references.
  • DOM-Based Slide Orchestrators - Identifies and manages presentation content by scanning the DOM for elements matching specific CSS selectors.
  • Presentation Decks - Transforms DOM elements into a structured slide deck with integrated navigation controls.
  • Deck Orchestration - Provides programmatic API controls and CSS selectors to orchestrate slide transitions and state within the browser.
  • Slide Presentation Runtimes - Functions as a runtime that manages navigation, state, and transitions for web-based slide decks.
  • DOM Visibility Sequencing - Controls the visibility and transition of HTML elements to create a sequenced presentation experience.
  • Project Scaffolding Tools - Provides a predefined directory structure and preview server to automate the development and deployment process.
  • Presentation State Extenders - Enables specialized behaviors such as list management and state tracking through a flexible plugin system.
  • Hook-Based Plugin Systems - Employs a hook-based plugin system to allow custom logic injection into slide navigation lifecycle events.
  • State-Based CSS Toggling - Uses dynamic CSS class toggling to manage the visibility and layout of slides based on the active index.
  • Navigation Interception - Listens for slide change requests to conditionally block or modify navigation transitions.
  • Project Scaffolders - Generates a starting directory layout and build system to accelerate initial presentation development.
  • Desktop And Presentation - Micro-framework for building presentations.
4,803 stars·450 forks·JavaScript·MIT·21 views

Star history

Star history chart for markdalgleish/bespoke.jsStar history chart for markdalgleish/bespoke.js

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

Projects sharing features with Bespoke.js

These projects share indexed features with Bespoke.js. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • bespokejs/bespokebespokejs avatar

    bespokejs/bespoke

    4,803View on GitHub↗

    Bespoke is a lightweight JavaScript presentation framework designed for creating sequenced web presentations. It functions as a DOM-based slide controller and navigation engine that manages the visibility and styling of HTML elements to create presentation flows. The framework is built around a plugin-based architecture that allows for the extension of core behavior. This system enables the injection of custom logic into the navigation workflow by intercepting and modifying system events, including the ability to cancel specific actions. The toolkit covers content element definition and stat

    JavaScript
    View on GitHub↗4,803
  • imakewebthings/deck.jsimakewebthings avatar

    imakewebthings/deck.js

    5,422View on GitHub↗

    deck.js is an HTML presentation framework and slide generator used to create structured digital slideshows. It transforms web technologies and standard HTML elements into a sequenced presentation format for browser-based delivery. The system includes a dedicated utility for generating printable presentation handouts, which converts digital slides into a simplified black and white format for physical distribution.

    JavaScript
    View on GitHub↗5,422
  • webslides/webslideswebslides avatar

    webslides/WebSlides

    6,314View on GitHub↗

    WebSlides is a CSS-class-driven presentation framework that turns HTML sections into full-screen slides with keyboard, touch, and remote navigation. Its core architecture defines slides as HTML section elements styled entirely through CSS classes for layout, animation, and background, with a vertical-rhythm spacing foundation using an 8-pixel baseline grid. The framework includes a plugin-based behavior extension system that hooks into slide lifecycle events, and maps each slide to a unique URL hash for direct permalink navigation. The framework distinguishes itself through a comprehensive se

    JavaScriptcssdesignhtml
    View on GitHub↗6,314
  • egoist/docuteegoist avatar

    egoist/docute

    3,814View on GitHub↗

    Docute is a browser-based documentation framework that transforms markdown files into functional websites directly within the user's browser. By performing all processing on the fly, it eliminates the need for static build steps, server-side compilation, or complex deployment pipelines. The platform functions as a single-page application, managing navigation and content updates dynamically by intercepting browser history events to avoid full page reloads. It utilizes a virtual file system abstraction to fetch and resolve documentation assets, ensuring that the site remains responsive and ligh

    JavaScript
    View on GitHub↗3,814
Compare all 30 related projects→

Frequently asked questions

What does markdalgleish/bespoke.js do?

bespoke.js is a DOM-driven presentation tool and HTML framework that transforms existing web elements into navigable slide decks. It functions as a web-based deck orchestrator, using a JavaScript engine to manage slide transitions and state through CSS and programmatic API controls.

What are the main features of markdalgleish/bespoke.js?

The main features of markdalgleish/bespoke.js are: HTML Presentation Frameworks, HTML Slide Decks, Plugin Extenders, Core Capability Extensions, Event-Driven Plugin Hooks, Browser-Based Presentation Frameworks, Presentation Frameworks, Slide Lifecycle Hooks.

Which projects share features with markdalgleish/bespoke.js?

Projects with overlapping indexed features include: bespokejs/bespoke — Bespoke is a lightweight JavaScript presentation framework designed for creating sequenced web presentations. It… imakewebthings/deck.js — deck.js is an HTML presentation framework and slide generator used to create structured digital slideshows. It… webslides/webslides — WebSlides is a CSS-class-driven presentation framework that turns HTML sections into full-screen slides with keyboard,… egoist/docute — Docute is a browser-based documentation framework that transforms markdown files into functional websites directly… hect0x7/jmcomic-crawler-python — JMComic-Crawler-Python is a high-performance asynchronous web scraper and API client designed to programmatically… hakimel/reveal.js — This project is a web-native presentation framework that renders slide decks from standard HTML or Markdown. It…