Awesome GitHub RepositoriesTabbed Code Blocks

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

Codehike ist ein React-basiertes Dokumentations-Framework und Tool für interaktive Code-Walkthroughs. Es fungiert als Markdown-Content-Orchestrator, der annotiertes Markdown in strukturierte Daten und React-Komponenten umwandelt und als Visualisierungsebene für das Hervorheben von Code-Bereichen, Diffs und Compiler-Fehlern dient. Das Projekt zeichnet sich durch die Fähigkeit aus, „Scrollycoding“-Erlebnisse und schrittweise technische Tutorials zu erstellen. Es bietet Animationen auf Token-Ebene, die visuell demonstrieren, wie sich Logik zwischen Code-Versionen entwickelt, und ermöglicht die Synchronisierung des UI-Zustands mit der Scroll-Position des Browsers. Das Framework deckt eine breite Palette an Visualisierungsfunktionen ab, darunter Code-Slideshows, Spotlight-Layouts und Code-Blöcke mit Tabs. Es unterstützt detaillierte Code-Annotationen durch Tooltips, Callouts und Fußnoten sowie funktionale Hilfsmittel wie Sprachumschalter, Code-Transpilierung und die Integration von Echtzeit-Compiler-Daten. Das System nutzt schema-basierte Validierung, um Typsicherheit und Konsistenz für die aus Markdown-Dateien extrahierten strukturierten Daten zu gewährleisten.

Yoopta-Editor is a headless framework for building customizable block-based rich text editors. It utilizes a JSON-based document engine to manage editor state and provides a WYSIWYG interface for creating structured documents. The system separates core document logic from the visual layer, allowing for complete customization of the user interface. The framework is designed for real-time collaborative editing, featuring a synchronization engine with conflict resolution and remote cursor presence tracking. It offers a highly extensible plugin system that allows developers to define new content