Awesome GitHub RepositoriesEditor Node Trees

Craft.js is a framework for building extensible drag-and-drop page editors using React components and serializable state management. It provides the core infrastructure to construct custom page builders where users can compose layouts by dragging, dropping, and repositioning elements within a structured editor environment. The framework manages editor state through a component-based node tree, where each user element is represented as an internal node storing its type, props, and parent relationships. This state is managed via React Context and can be serialized to JSON for persistence and sh

An audio server, programming language, and IDE for sound synthesis and algorithmic composition.

Overtone ist eine Lisp-Bibliothek für Audiosynthese, die eine programmierbare Umgebung für das Design von Synthesizern und die Generierung von Echtzeit-Audio bietet. Sie dient als Framework für digitale Signalverarbeitung (DSP) im Live-Coding-Bereich und integriert einen Audio-Sample-Manager zum Abrufen und Caching von Sounds aus Remote-Repositories sowie einen Musiksequenzer für die Komposition melodischer und rhythmischer Strukturen. Das Projekt zeichnet sich durch spezialisierte Schnittstellen für Hardware und Networking aus, darunter ein dediziertes System für das Routing von MIDI-Daten und den Austausch von Open Sound Control-Nachrichten zwischen Software und externer Hardware. Es enthält zudem Tools für algorithmische Musikkomposition, wie die Generierung euklidischer Rhythmen sowie Funktionen zur Definition von Tonleitern und Akkorden. Das Framework deckt ein breites Funktionsspektrum ab, einschließlich digitaler Audiosignalverarbeitung mit Node-basiertem Routing und individuellem Envelope-Design. Es bietet Systeme für die Synchronisation von Audio-Events, zeitgesteuertes Sequencing sowie die Möglichkeit, Audio-Output mit Grafikbibliotheken und Shader-Umgebungen für audiovisuelle Synchronisation zu koordinieren. Zusätzliche Utilities umfassen Tonhöhen- und Akkordanalysen sowie Echtzeit-Monitoring von Audio- und Control-Bus-Werten.

Zag ist eine Headless-UI-Zustandsmaschinenbibliothek, die ungestylte Komponentenlogik bereitstellt, um konsistentes Verhalten über verschiedene Rendering-Engines hinweg sicherzustellen. Sie fungiert als Toolkit zur Modellierung komplexer User-Interface-Interaktionen unter Verwendung von Statecharts und entkoppelt die zugrunde liegende Logik und Accessibility-Attribute vom visuellen Styling. Die Bibliothek ist framework-agnostisch und nutzt spezialisierte Adapter, um ihre Zustandsmaschinenlogik mit verschiedenen JavaScript-Bibliotheken wie React, Solid, Vue und Svelte zu verbinden. Dieser Ansatz ermöglicht es Entwicklern, ein einheitliches Interaktionsmodell beizubehalten, während sie jede CSS- oder Styling-Lösung durch zustandsgesteuerte Datenattribute anwenden können. Zag deckt ein breites Spektrum an funktionalen Bereichen ab, einschließlich umfassendem Accessibility-Management für Tastaturnavigation und ARIA-Attribute sowie eine riesige Sammlung interaktiver Primitiven. Dazu gehören Input-Controls, Navigationselemente wie Menüs und Tabs, Overlay-Komponenten wie Dialoge und Popovers sowie komplexe Medienhandhabung für Bildzuschnitt und Signaturerfassung. Es bietet zudem Utilities für hierarchisches Datenmanagement, asynchrone Listenbehandlung und ein System zur Konstruktion geführter Produkttouren.

Editable ist ein modulares Framework für den Aufbau benutzerdefinierter webbasierter Rich-Text-Editoren. Es bietet eine strukturierte Umgebung für die Verwaltung komplexer Dokumentinhalte, einschließlich Unterstützung für strukturierte Daten wie Listen und Raster, während eine unveränderliche Baumdarstellung (Immutable Tree) beibehalten wird, um eine vorhersagbare Zustandsmanipulation zu gewährleisten. Das Framework zeichnet sich durch eine kollaborative Engine aus, die den Dokumentzustand über mehrere Benutzer hinweg in Echtzeit mittels Operational Transformation synchronisiert. Zudem verfügt es über eine Plugin-basierte Architektur, die es Entwicklern ermöglicht, Rendering- und Node-Verhalten abzufangen, was die Injektion benutzerdefinierter Komponenten und Logik in die Dokumentstruktur erlaubt. Das System enthält ein umfassendes Toolkit für die Inhaltstransformation, das die Konvertierung von Dokumentdaten zwischen HTML-, Markdown- und Plain-Text-Formaten erleichtert. Es integriert zudem ein befehlsbasiertes Verlaufssystem zur Nachverfolgung von Benutzeraktionen, das präzise Undo- und Redo-Funktionen während der gesamten Bearbeitungssitzung bietet.