Awesome GitHub RepositoriesVisual Editor Frameworks

GrapesJS is a framework for creating no-code visual editors that produce HTML and CSS templates. It provides a browser-based interface for designing website and newsletter structures using a drag-and-drop page editor. The project functions as a web builder framework, enabling the development of custom design environments. It includes a system for managing nested HTML elements, modifying layout properties via a graphical interface, and organizing components through a page layer hierarchy. The toolset covers digital asset management for organizing images and files, as well as the ability to pe

Butterfly est une bibliothèque de visualisation de graphes interactive et un moteur de diagramme basé sur SVG utilisé pour construire des concepteurs de flux de travail basés sur des nœuds et des éditeurs de flux visuels. Il fournit un framework pour le rendu de nœuds, d'arêtes et de groupes interconnectés afin de modéliser des architectures techniques, des processus métier et des flux de travail basés sur les données. Le projet se distingue par sa capacité à intégrer des composants d'interface utilisateur personnalisés en tant que nœuds de graphe et son support spécialisé pour la visualisation de la lignée des données. Il permet le mappage des relations entre les champs de données, les tables et les entités métier pour suivre la provenance et surveiller le statut des flux de travail. Le système couvre un large éventail de capacités, incluant des algorithmes de mise en page automatique des nœuds, l'imbrication hiérarchique des groupes et la validation de la logique de connexion. Il inclut des utilitaires de navigation tels qu'une mini-carte, des contrôles de zoom et de panoramique, et une sélection par zone, ainsi que des outils pour le parcours de la topologie du graphe et l'exportation d'images aux formats vectoriels et matriciels. La bibliothèque est implémentée en JavaScript.