Awesome GitHub RepositoriesAdmin UI Customization

Payload is a headless content management system and application framework that uses a code-first approach to define data schemas and administrative interfaces. By utilizing a centralized, type-safe configuration object, it automatically generates database schemas, API endpoints, and a fully customizable admin panel. The system is built on a database-agnostic architecture, allowing it to interface with various storage engines while providing a unified, type-safe API for server-side operations, REST, and GraphQL. What distinguishes Payload is its deep extensibility and developer-centric design.

Amis is a JSON-driven UI framework and low-code page builder used to generate complex administrative interfaces from schema configurations. It functions as an administrative interface generator that renders web pages and data-entry forms using declarative JSON specifications to eliminate manual component coding. The framework utilizes a schema-driven component library where reusable UI elements are instantiated and managed through structured data definitions. This approach enables a rapid prototyping workflow by allowing interface designs and layouts to be modified via schema files without re

EmDash is an open-source content management system built on Astro that combines a visual admin panel with a plugin-driven architecture and server-side rendering. It provides a complete content management system with structured content modeling, a rich text editor using Portable Text format, and a TypeScript API for type-safe content queries. The system supports authentication through passkeys, OAuth 2.1, and external providers, with role-based access control and fine-grained permission scopes. What distinguishes EmDash is its plugin development framework, which supports both native plugins ru

Vendure is a Node.js e-commerce engine and headless commerce framework built with NestJS and TypeScript. It serves as a multi-channel commerce platform that manages product catalogs, orders, and customers via a strongly typed GraphQL API. The platform is distinguished by its highly extensible architecture, featuring a customizable administrative dashboard where developers can inject custom React components and entity views. It supports multi-channel commerce, allowing the isolation of products, currencies, and regional catalogs from a single unified backend. The engine covers a broad range o

This project is a JavaScript spreadsheet component and web-based data table that provides an interactive grid for managing tabular data. It functions as a cross-framework UI component compatible with React, Vue, and jQuery, and can also be embedded as a standalone web component. The grid is specifically designed for XLSX interoperability, allowing users to import and export XLSX files while preserving formulas and styles. It distinguishes itself through real-time collaboration for simultaneous multi-user editing and a flexible system for creating custom cell editors and specialized column typ

InvenTree is an open-source inventory management platform built on Django, designed for tracking parts, stock levels, and supply chain operations through a web interface and REST API. The system uses barcodes—including QR codes, 1D barcodes, and Data Matrix codes—as primary identifiers for scanning, linking, and triggering inventory actions, and extends core functionality through a Python plugin framework supporting custom actions, UI panels, barcode handlers, and scheduled tasks. The platform distinguishes itself through a comprehensive plugin-based extensibility system that allows custom in

Leva ist ein React-GUI-Kontrollpanel und Echtzeit-Parameter-Editor, der verwendet wird, um den Anwendungsstatus und Variablen zu überwachen und anzupassen, ohne den Code zu ändern oder die Seite neu zu laden. Es fungiert als dynamischer Status-Debugger und erweiterbare Eingabebibliothek, die eine visuelle Schnittstelle für das Feintuning numerischer, boolescher und Textwerte innerhalb einer laufenden Webanwendung bietet. Das Projekt zeichnet sich durch ein Plugin-System aus, das die Erstellung benutzerdefinierter Eingabekomponenten und spezialisierter Verhaltensweisen zur Unterstützung einzigartiger Datentypen ermöglicht. Es nutzt Typinferenz, um Daten automatisch dem passenden visuellen Widget zuzuordnen, wobei dieses Mapping überschrieben werden kann, um spezifische Eingabetypen zu erzwingen. Die Schnittstelle unterstützt diverse Eingabekategorien, einschließlich numerischer Bereiche, Vektoren, Farbwähler und Medien-Upload-Felder. Steuerelemente können in hierarchischen Ordnern organisiert, basierend auf anderen Werten bedingt angezeigt und mit externen Datenspeichern synchronisiert werden. Das System überwacht zudem den Bearbeitungslebenszyklus und ermöglicht Callbacks, wenn Benutzer Interaktionen starten oder beenden, um die Performance für rechenintensive Operationen zu optimieren.

json-editor ist ein schema-gesteuerter UI-Generator und webbasierter Editor, der automatisch interaktive HTML-Formulare aus JSON-Schema-Definitionen erstellt. Er fungiert als Werkzeug zum Sammeln, Modifizieren und Validieren strukturierter Daten durch Abbildung von Schema-Spezifikationen auf entsprechende Eingabekomponenten. Das Projekt zeichnet sich durch eine Plug-in-Eingabearchitektur und resolver-basiertes Komponenten-Mapping aus, die die Injektion von Editoren Dritter und benutzerdefinierter Eingabeschnittstellen für spezialisierte Datentypen wie Markdown, Farben und syntax-hervorgehobenen Code ermöglichen. Es unterstützt zudem externe Schema-Auflösung via URLs und Hyper-Schema-Linking, um Remote-Datenmodelle und zugehörige Dokumente zu integrieren. Das System deckt umfassendes Formular-Layout-Management ab, einschließlich Grid-Anordnungen und Array-Konfigurationen, neben bedingter Logik für abhängige Felder und dynamischer Enum-Population. Es bietet eine Validierungs-Engine, die sowohl standardisierte Schema-Constraints als auch benutzerdefinierte Geschäftsregeln durchsetzt, während es UI-String-Lokalisierung und die Integration mit externen CSS-Frameworks unterstützt.

Formtastic ist ein Ruby on Rails-Formular-Builder, der eine Domain-Specific Language zur Generierung semantisch reichhaltiger und barrierefreier HTML-Formulare bereitstellt. Es fungiert als modellgetriebenes Framework, das Datenbank-Schema-Attribute und Assoziationen automatisch auf entsprechende Eingabefelder abbildet und so die Erstellung von Dateneingabeschnittstellen optimiert. Das Framework zeichnet sich durch ein hierarchisches Lookup-System aus, das internationalisierte Labels, Hinweise und Action-Buttons über verschiedene Modell- und Attribut-Namespaces hinweg verwaltet. Es unterstützt zudem komplexe Datenbeziehungen durch rekursive Verarbeitung verschachtelter Ressourcen, was es Entwicklern ermöglicht, mehrere zusammengehörige Datensätze innerhalb einer einzigen Formularstruktur zu erfassen und zu speichern. Über die Standard-Eingabegenerierung hinaus bietet die Bibliothek umfangreiche Konfigurationsoptionen zur Anpassung von HTML-Attributen, CSS-Klassen und Wrapper-Strukturen. Sie integriert sich direkt in die modellbasierte Validierung, um Fehlerfeedback innerhalb des Formular-Layouts zu rendern, und bietet eine erweiterbare Architektur zur Erstellung benutzerdefinierter Eingabekomponenten für spezielle Schnittstellenanforderungen.

Kubeapps ist ein webbasiertes Anwendungsmanagement-Interface zum Entdecken, Bereitstellen und Überwachen des operativen Lebenszyklus von Software über einen oder mehrere Kubernetes-Cluster hinweg. Es bietet ein visuelles Dashboard für die Orchestrierung der Installation und Verwaltung von Anwendungen und Operatoren und ersetzt manuelle Befehlszeilenoperationen. Das Projekt zeichnet sich durch Multi-Cluster-Koordination aus, die es Benutzern ermöglicht, Anwendungen über mehrere verschiedene Cluster-Umgebungen hinweg von einer einzigen Oberfläche aus zu verwalten. Es nutzt ein Software-Discovery-System, das Pakete aus OCI-konformen Container-Registries und Chart-Repositories katalogisiert und eine schema-gesteuerte Formulargenerierung verwendet, um die Parameterkonfiguration während des Deployments zu vereinfachen. Die Plattform deckt ein breites Spektrum an Funktionen ab, einschließlich Echtzeit-Lebenszyklus-Tracking, Versionsvergleichen für Upgrades und der Entfernung bereitgestellter Ressourcen. Der Zugriff wird durch eine Identitätsschicht gesichert, die OpenID-Connect-Provider mit rollenbasierter Zugriffskontrolle integriert, um granulare Berechtigungen für das Bereitstellen und Modifizieren von Software durchzusetzen. Historische Management-Ereignisse werden durch Application-Event-Auditing gepflegt, um administrative Änderungen aufzuzeichnen.