Projects sharing features with Mdx Deck

nodeppt is a markdown presentation generator and static site generator that transforms markdown source files into interactive web-based slide decks. It consists of a command-line build tool and a specialized frontend runtime used to deliver presentations in a web browser. The project features a dual-screen presentation runtime that synchronizes the audience view with a private speaker notes monitor. It employs a plugin-based markdown pipeline and a post-processing DOM transformation system to convert custom syntax into structured HTML content. The framework supports technical content generat

Spectacle is a React-based presentation framework that enables developers to author slide decks using JSX and MDX syntax. It provides a component-driven approach to building presentations, where slides are composed as React components with declarative layouts, theme-driven styling, and step-based animation sequencing. The framework distinguishes itself through its support for live coding demonstrations within slides, allowing presenters to execute and display code directly during a talk. It includes a presenter mode with dual-view architecture that shows speaker notes, a timer, and upcoming s

Marp is a presentation framework that transforms plain text files into slide decks using Markdown syntax. It functions as a converter and static site generator, enabling the creation of structured visual presentations that can be exported into formats including HTML, PDF, and PowerPoint. The project distinguishes itself through a modular architecture that supports custom themes and plugins, allowing users to extend the core conversion pipeline. It provides a command-line interface for automated file processing and includes reactive file-system watching to facilitate a live preview development

Reveal-md is a command-line tool that transforms Markdown files into interactive, web-based slide decks using the reveal.js framework. It functions as a comprehensive presentation generator, providing an integrated environment for authoring, previewing, and distributing structured slide content. The tool distinguishes itself through a robust development workflow that includes a local server with live reloading, allowing for real-time visual feedback as source files are modified. It supports advanced content customization through metadata-driven configuration, enabling users to define slide hi

Fusuma is a markdown presentation framework and static slide generator that transforms Markdown and MDX files into structured slide decks for web-based presentations. It functions as a technical content renderer and an interactive presentation tool, enabling the creation of slides from text-based source files. The project distinguishes itself as a speaker delivery suite, providing tools for presentation rehearsal such as voice recording, timing analysis, and rehearsal timelines. It includes a dedicated presenter view with speaker notes and supports real-time slide annotations and live comment

eagle.js is a component-driven presentation engine and web-based tool for building interactive digital slideshows. It functions as a Vue.js slideshow framework that uses a component architecture to manage slide hierarchies and transitions within a browser. The system distinguishes itself through support for nested presentation hierarchies, allowing slideshows to be embedded within other slides to organize complex information. It includes a dual-window synchronization system for a dedicated presenter mode, which separates a private controller for speaker notes from the public display. The fra

This project is a pre-configured project foundation for building scalable web applications. It serves as a React application boilerplate and component scaffold designed to provide a scalable architecture and a foundation for long-term growth. The setup is characterized by an offline-first web framework that maintains application availability without an active network connection. It includes an internationalized UI foundation with integrated translation tooling and a modular CSS-in-JS setup for scoped, component-level styling. The boilerplate covers broader capability areas including automate

This is a foundational project structure for building scalable web applications using React. It provides a standardized directory structure and build tools to accelerate the bootstrapping of new projects, featuring a Redux architecture for predictable state management through unidirectional data flow and an immutable store. The project is distinguished by a command-line interface for generating standardized components, containers, and routes from predefined templates. It implements an offline-first framework using service workers to enable progressive web app functionality, alongside a compon

mdp is a markdown terminal presentation tool and slide deck renderer. It uses a text-based user interface to transform markdown files into structured presentations displayed directly within the command line. The project distinguishes itself by offering both a terminal-based presentation environment and a markdown to PDF converter. This allows slide content to be exported into PDF documents while preserving syntax highlighting, dark themes, and custom colors. The system manages slide navigation through keyboard shortcuts, including sequential movement and direct indexing. It supports incremen

This project is a Python terminal user interface library and toolkit designed for building interactive command-line applications. It provides a terminal input manager and a widget toolkit for rendering dashboards, menus, and editors within a terminal emulator. The library enables the creation of full-screen terminal interfaces and interactive shells. It distinguishes itself with advanced input handling, including lexer-based syntax highlighting for visual feedback on code structure and support for industry-standard keyboard navigation modes such as Emacs and Vi. The capability surface covers

Tiny-slider is a vanilla JavaScript carousel library used to create touch-enabled content sliders and accessible UI components without external dependencies. It functions as a responsive layout engine that adjusts slide visibility and dimensions based on viewport breakpoints. The library distinguishes itself through built-in lazy loading for images and media to improve page performance and a responsive system that automatically scales item counts and spacing according to the device screen size. It also supports nested slider instances, allowing for the creation of multi-directional scrolling

Opentui is a terminal user interface framework for building interactive command line applications. It provides a component-based system featuring a flexbox layout engine, a virtual node component tree, and a low-level 2D cell array renderer. The project is distinguished by a sophisticated keyboard binding engine that maps complex multi-stroke sequences and chords to named commands using prioritized, reactive layers. It also implements a plugin architecture that allows external modules to inject custom UI components into designated layout slots and extend input logic at runtime. Its capabilit

Shower is a web-based slide framework and markup-driven generator used to create interactive presentations. It functions as an HTML presentation engine that renders structured markup into browser-based slideshows supporting keyboard navigation and custom styling. The system utilizes a command line interface to manage the creation, bundling, and publishing of presentation assets. It separates presentation logic from visual design through a template-driven theme system, allowing for the application of external CSS themes. The framework includes tools for technical content formatting, such as c

This project is a component-based UI framework and a React Material Design library. It provides a comprehensive set of reusable interface elements that implement Google Material Design specifications to ensure consistent visual styles and behaviors across web applications. The framework enables the construction of professional layouts for enterprise web interfaces and the rapid prototyping of frontend designs. It uses a collection of pre-designed React components to standardize layouts and accelerate the overall development process. The system integrates a styling engine and theme-based inje

Slate is a customizable rich text editor framework that treats documents as a recursive tree of nodes. It functions as a schema-based, state-driven system designed to enforce structural constraints and manage nested components within a structured document model. The framework utilizes a plugin-based architecture to extend editor functionality, allowing for the injection of custom logic into the rendering and transformation pipeline. It supports real-time collaborative editing by synchronizing document operations across multiple users. The system covers a broad range of capabilities, includin

This project is a browser rendering service and headless Chrome PDF generator built on Puppeteer. It functions as a backend tool for converting web pages and raw HTML content into PDF documents and screenshots. The service distinguishes itself through browser session control, allowing for the injection of session cookies and the configuration of navigation timeouts to handle authenticated pages. It also includes viewport-based layout scaling to adjust browser dimensions and device scale factors during the rendering process. The broader capability surface covers HTML content export and automa

Dashy is a configuration-driven dashboard designed for personal infrastructure management and self-hosted service monitoring. It functions as a centralized portal that aggregates web links, live infrastructure metrics, and application health status into a unified, searchable interface. By utilizing a structured schema, the platform allows users to define their entire layout, navigation, and widget configuration through version-controlled files, ensuring a portable and reproducible setup across different environments. The project distinguishes itself through a highly modular architecture that

React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional data flow.

This project is a JavaScript full-stack tutorial providing a step-by-step guide to building a complete web application from scratch. It focuses on the manual implementation of a custom JavaScript toolchain, encompassing the development of a server-side rendering workflow and a client-side state manager. The project distinguishes itself by implementing core development utilities without high-level frameworks, including custom solutions for bundling, transpilation, linting, and hot module replacement. It also features a real-time communication system based on WebSockets for bidirectional messag

GitHub-Dark is a browser extension theme and collection of user style sheets designed to provide a comprehensive dark mode aesthetic for the GitHub interface. It functions by injecting custom style rules directly into the browser to override default website colors, fonts, and layout properties, aiming to improve visual comfort and readability during extended use. The project distinguishes itself through its focus on deep integration and visual consistency. It includes specialized support for syntax highlighting across various programming languages and notebook environments, ensuring that code

This repository serves as a comprehensive collection of reference implementations for the Remix web framework. It provides practical examples of full-stack web development, demonstrating how to build dynamic, server-rendered applications that bridge server-side logic with client-side interactivity. By leveraging a component-based architecture, these examples illustrate core patterns for managing data, routing, and user interfaces within a unified development environment. The collection highlights the framework's distinctive approach to web architecture, emphasizing server-side data loading an

Webstudio is a visual CMS and website builder that provides a visual development environment for designing and publishing websites. It functions as an AI-powered design tool, a REST and GraphQL API client, and an atomic CSS compiler. The platform distinguishes itself through generative AI capabilities for creating layout variants and refining visual styles from text prompts. It integrates a headless CMS workflow that maps external data sources to visual components and utilizes a specialized compiler to convert design tokens into deduplicated atomic CSS for optimized page load speeds. The sys

This project is an LLM-powered presentation generator and HTML slide deck framework designed to produce single-file presentations. It combines an AI-driven generation system with a playback engine that utilizes WebGL-accelerated rendering for high-performance visual storytelling. The system is distinguished by its focus on design system enforcement, utilizing a validator to ensure layouts adhere to specific typographic and structural rules. It includes a specialized AI visual asset pipeline that generates context-aware imagery and transforms raw screenshots into polished assets through progra

Present is a command-line application designed to transform structured markdown files into interactive, keyboard-navigable presentation decks. It functions as a framework for technical storytelling, allowing users to render formatted slide content directly within a terminal window. The tool distinguishes itself by integrating simulated terminal sessions and interactive demonstrations into the presentation flow, enabling the display of live-style command execution and technical workflows. It supports visual customization through configurable color schemes and includes an animation engine capab

This project is a curated collection of technical slide decks focused on high-performance architecture, middleware, cloud-native technologies, and Golang development. The slides are stored as Markdown files in a Git repository, which provides version history and straightforward hosting, and are converted into HTML for direct viewing in a web browser without requiring any downloads. The repository covers a range of advanced technical topics, including distributed consensus algorithms like Raft, network programming models such as epoll and io_uring, and the internals of systems like Apache Puls

huashu-design is a design system infrastructure and a set of specialized design engines for high-fidelity HTML prototyping, quality evaluation, and presentation conversion. It provides tools for generating interactive single-file HTML mockups, frame-based motion design, and a visual evaluator that analyzes design quality across five dimensions using radar charts. The system distinguishes itself through a translation pipeline that converts HTML slide decks into editable PowerPoint and PDF objects rather than flat images. It includes a motion design engine that uses a time-slice model to render

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