3 Repos
Controls over the spatial arrangement and ordering of form fields using grids, tabs, and tables.
Distinct from Custom Form Builders: Focuses on the arrangement logic and property ordering of an existing form rather than building a form from scratch via drag-and-drop.
Explore 3 awesome GitHub repositories matching user interface & experience · Form Layout Management. Refine with filters or upvote what's useful.
JSON Editor ist ein schema-gesteuertes UI-Framework und ein webbasierter Editor, der dazu verwendet wird, interaktive Formulare zu generieren und JSON-Daten zu validieren. Er übersetzt JSON-Schema-Spezifikationen in eine Hierarchie von HTML-Formularelementen, was es Benutzern ermöglicht, komplexe JSON-Strukturen über eine strukturierte Schnittstelle anstelle von rohem Text zu manipulieren. Das Framework zeichnet sich durch ein plugin-basiertes Erweiterungssystem aus, das benutzerdefinierte Resolver-Funktionen und die Integration spezialisierter Editoren unterstützt, wie z. B. WYSIWYG-, Markdown- und syntax-hervorgehobene Code-Editoren. Es verwendet rekursive Schema-Auflösung, um verschachtelte Definitionen zu handhaben, und implementiert zustandsbasierte bedingte Validierung unter Verwendung von if-then-else-Logik. Das Projekt bietet ein breites Spektrum an Fähigkeiten, einschließlich bidirektionalem Data-Binding, Array- und Objekt-Layout-Management für Grids und Tabs sowie dynamischer Feld-Synchronisierung via Template-Interpolation. Seine Komponentenbibliothek deckt Standard-Inputs neben spezialisierten Tools wie Farbwählern, Datum-Zeit-Wählern, Autocomplete-Komponenten und Datei-Upload-Schnittstellen ab. Die Schnittstelle unterstützt die Lokalisierung von UI-Strings und integriert sich in verschiedene CSS-Frameworks, um die strukturelle Formulargenerierung vom visuellen Styling zu entkoppeln.
Allows precise control over the visual arrangement of fields using grids, tabs, and custom property ordering.
Twill ist ein Laravel-CMS-Toolkit und Admin-Panel-Generator, der für den Bau benutzerdefinierter administrativer Konsolen und Content-Management-Systeme entwickelt wurde. Es dient als Headless-CMS-Framework und als Toolkit zur Definition von Inhaltsmodellen und zur Verwaltung strukturierter Daten über eine dedizierte administrative Schnittstelle. Das Projekt bietet einen visuellen Block-Editor, der es Redakteuren ermöglicht, wiederverwendbare Inhaltsabschnitte über eine Drag-and-Drop-Schnittstelle anzuordnen und zu konfigurieren. Es enthält einen dedizierten Digital-Asset-Manager zum Speichern, Zuschneiden und Optimieren von Bildern und Dateien über lokalen oder Cloud-Speicher hinweg sowie einen mehrsprachigen Inhaltsmanager für die Handhabung übersetzter Felder und lokalisierter Permalinks. Die Plattform bietet umfassende Funktionen für die Inhalts- und Medienverwaltung, einschließlich Versionsverfolgung, Veröffentlichungsplanung und hierarchischer Seitenorganisation. Sie deckt umfangreiche administrative Tools ab, wie z. B. rollenbasierte Zugriffskontrolle, globale Suche und Befehlszeilen-Scaffolding für die schnelle Generierung von CRUD-Modulen und Datenbankmigrationen. Das System integriert sich in Laravel-Modelle unter Verwendung von Traits, um Veröffentlichungs- und Medienhandhabung zu ermöglichen.
Provides controls for organizing form fields into fieldsets and split-column layouts to improve administrative usability.
This library provides a dynamic engine for Vue that automatically renders interactive web forms from JSON Schema definitions. It functions as a data-driven framework that maps schema constraints to UI components, managing state synchronization and input validation throughout the form lifecycle. The project distinguishes itself through a flexible adapter system that bridges structured data with established design systems, such as Element UI, Ant Design, or Naive UI. It supports complex interface requirements by allowing developers to inject custom logic, event listeners, and specialized templa
Allows for extensive customization of form layouts and appearance to ensure visual consistency with specific branding requirements and interface design standards.