17 Repos
Widgets that automate the arrangement and validation of form fields.
Distinguishing note: Focuses on form-specific orchestration, distinct from individual input components.
Explore 17 awesome GitHub repositories matching user interface & experience · Form Input Widgets. Refine with filters or upvote what's useful.
Gooey is a framework that transforms command-line programs into graphical applications by automatically generating user interfaces from existing argument definitions. By applying a decorator to a script, the tool maps standard command-line arguments to specialized graphical widgets, allowing users to interact with terminal-based utilities through forms, file pickers, and date selectors. The project distinguishes itself by providing a comprehensive suite of customization and lifecycle management tools that extend beyond simple interface generation. It includes capabilities for input validation
Enables replacing standard text input fields with specialized graphical components like file choosers, date pickers, or color selectors.
Wagtail is an open-source content management system built on the Django web framework. It provides a structured, tree-based approach to content modeling, allowing developers to define custom page types and reusable content components that are managed through a highly customizable administrative interface. The platform distinguishes itself through its flexible, block-based content composition system, which enables editors to assemble complex page layouts dynamically. It also offers robust support for multi-site and multi-lingual environments, allowing organizations to manage distinct websites
Constructs administrative forms that automatically select specialized widgets for model fields.
Decap CMS is a headless, Git-based content management system designed to provide a visual editing interface for static site workflows. By decoupling the administrative dashboard from the frontend, it allows users to manage content stored directly in version control repositories as structured data. The system maps visual form inputs to repository files, enabling non-technical contributors to update content without requiring direct code changes. The platform distinguishes itself through its Git-centric automation, which handles content lifecycles by creating commits, branches, and pull requests
Provides a suite of visual input widgets for capturing various data types within content files.
Tolaria is a markdown knowledge base manager and bidirectional note linking system. It functions as an integrated environment for organizing notes and structured data, utilizing YAML frontmatter and wikilinks to establish relational mappings between documents. The project distinguishes itself by integrating language model capabilities directly into the editor for content generation and analysis. It further combines prose with structured data through a markdown spreadsheet editor that renders CSV-formatted files as interactive grids with formula support and cross-sheet referencing. The platfo
Overrides editor width, display modes, and grid settings using reserved system metadata fields.
This project is a declarative framework for building interactive web forms by parsing JSON Schema definitions. It functions as a component-based generator that automatically maps schema constraints to input fields and validation logic, ensuring that data collection remains consistent with defined structures. The library distinguishes itself through a registry-based architecture that allows for extensive customization of the user interface. Developers can override default widgets, field templates, and layout structures to accommodate unique data types or specific design requirements. It suppor
Allows creation of specialized input components and field overrides to handle unique data types.
Tempus Dominus is a JavaScript date-time picker library designed to integrate with Bootstrap-based web projects, replacing manual text entry with an interactive calendar and clock interface. It functions as a form input enhancement that provides visual selection of single dates, times, or combined date-time values through a calendar and clock widget. The picker is built as a collection of independent UI components that manage their own state and rendering, with visual customization achieved entirely through CSS variables and class overrides without requiring JavaScript configuration. User int
Replaces manual date entry with a visual calendar and clock picker for form inputs.
Dieses Projekt ist ein Framework für die schnelle Anwendungsentwicklung zum Aufbau von Back-Office-Schnittstellen und Dashboards innerhalb von Laravel-Anwendungen. Es fungiert als Backend-Management-UI-Toolkit und schema-basierter UI-Generator, der Administrationspanels und Datenformulare rendert, indem Backend-Logik auf vordefinierte Frontend-Komponenten abgebildet wird. Das Framework enthält ein rollenbasiertes Zugriffskontrollsystem, um Anwendungsfunktionen und Daten basierend auf Benutzeridentität und zugewiesenen Rollen einzuschränken. Es bietet zudem eine Volltextsuch-Integration, die austauschbare Treiber verwendet, um Anwendungsinhalte zu indizieren und abzurufen. Zusätzliche Funktionen decken asynchrones Laden von Inhalten zur Optimierung von Seitenübergängen und ein Multi-Channel-Benachrichtigungs-Routing-System ab. Die Plattform bietet zudem Tools für abfragegesteuerte Datenfilterung und -sortierung, um komplexe Datensätze innerhalb interner Dashboards zu verwalten.
Offers widgets that automate the arrangement and validation of data-entry form fields.
Platform ist ein Framework für den Aufbau von Back-Office-Anwendungen und administrativen Dashboards unter Verwendung von Laravel. Es fungiert als schema-gesteuertes UI-Framework und CRUD-Generator, der automatisch Datenbankverwaltungsschnittstellen, Eingabeformulare und Validierungsregeln aus programmatischen Modelldefinitionen konstruiert. Das Projekt zeichnet sich durch ein umfassendes Backend-UI-Kit aus, das fortgeschrittene Datenerfassung unterstützt, einschließlich geografischem Koordinaten-Mapping, tabellarischen JSON-Datenmatrizen und Tracking von Marketing-Metadaten. Es bietet ein robustes rollenbasiertes Zugriffskontrollsystem zur Verwaltung der Ressourcensichtbarkeit und des Routenschutzes, neben einer globalen Volltextsuche, die Daten über mehrere Modelle hinweg indiziert. Die Plattform deckt ein breites Spektrum an Funktionen ab, einschließlich asynchronem Laden von Daten, Multi-Channel-Benachrichtigungssystemen und einer Bibliothek spezialisierter Formularkomponenten für Rich-Text- und Dateimanagement. Sie bietet zudem Tools zur Datenvisualisierung durch Modellaggregation und Charting sowie Utilities für partielles Page-Refreshing, um eine Single-Page-Application-Erfahrung zu simulieren. Integrationsoptionen erlauben die Verbindung bestehender Controller und Legacy-Templates, um eine schrittweise Migration von Funktionen in das Framework zu erleichtern.
Generates administrative input screens and form fields automatically from programmatic model definitions.
SwitchButton ist ein anpassbares Toggle-Switch-Widget zum Erstellen animierter An/Aus-Schalter mit konfigurierbaren Labels und Farben. Es dient als interaktive Formulareingabe, die es Nutzern ermöglicht, zwischen zwei gegensätzlichen Optionen mittels einer zustandsgesteuerten Komponente zu wechseln. Das Widget ist gestenbewusst konzipiert und erfasst horizontale Wischbewegungen, um Zustandsänderungen auszulösen, während vertikale Scroll-Ereignisse an den übergeordneten Container weitergegeben werden. Die Komponente unterstützt die Definition benutzerdefinierter Farben, Abmessungen und Eckenradien sowohl für den Toggle-Thumb als auch für den Hintergrund-Track. Sie umfasst Funktionen zur Verwaltung von Toggle-Zuständen, zur Konfiguration von Label-Texten und zur Anpassung von Animationsgeschwindigkeiten.
Provides a visual toggle element as a specialized widget for binary form input.
Vue.NetCore is a full-stack scaffolding tool that automatically generates frontend and backend code using .NET Core and Vue.js based on database schemas. It functions as a CRUD boilerplate generator and database orchestrator that maps entities into business logic to create administrative interfaces and API endpoints. The project provides a multi-platform UI scaffold, producing compatible code for web, iOS, Android, and WeChat mini-programs. It utilizes a TypeScript web framework with Vite and leverages SqlSugar to automate the mapping of database entities. The system covers enterprise CRUD a
Generates frontend forms with automated data source binding based on database schemas and programmatic model definitions.
Kit ist ein Desktop-Automatisierungs-Framework und ein skriptbares UI-Toolkit, das für den Aufbau personalisierter Produktivitäts-Tools entwickelt wurde. Es dient als plattformübergreifender CLI-Wrapper und macOS-Systemautomatisierer und bietet eine Umgebung zur Ausführung von Skripten, die Betriebssystemaufgaben, Dateiverwaltung und Anwendungsworkflows steuern. Das Projekt zeichnet sich durch eine dedizierte LLM-Integrationsschicht für strukturierte Datenextraktion und Textgenerierung aus, neben einem spezialisierten UI-Framework für die Erstellung interaktiver Eingabeformulare, HTML-Fenster und schwebender Widgets. Es bietet eine tiefe macOS-Integration durch AppleScript-Ausführung und Anpassung der System-Menüleiste. Das Framework deckt ein breites Spektrum an Funktionen ab, einschließlich systemweiter Eingabegerätesteuerung, Zwischenablagenverwaltung und Energieverwaltung. Es enthält Automatisierungs-Dienstprogramme für Cron-basiertes Scheduling und Dateiüberwachung sowie Entwickler-Tools für Git-Synchronisation, Umgebungsvariablenverwaltung und Web-Scraping. Das System bietet integrierte Unterstützung für die Ausführung von Shell-Befehlen und die Verwaltung isolierter Skriptumgebungen.
Creates rapid-entry input forms that return structured objects for use in script logic.
pdfme is a schema-based PDF generation engine and dynamic document builder. It provides a system for producing PDF documents by merging predefined templates with dynamic input data across different runtime environments. The project includes a browser-based WYSIWYG PDF editor and template designer, allowing for the arrangement of elements via a drag-and-drop interface. It distinguishes itself through a plugin-based architecture that enables schema extensions and custom rendering logic for new content types. The capability surface covers dynamic content generation, including variable placehold
Creates user interfaces specifically designed to capture the variable values needed to populate a document template.
vue-antd-admin is an administrative dashboard framework and enterprise UI starter kit. It serves as a template for building professional back-office interfaces and internal tooling, integrating the Ant Design component library within a Vue environment. The project provides a structured layout for creating data-heavy internal tools, specializing in a wrapper for the Ant Design system to ensure consistent user interfaces for enterprise web applications. The framework includes capabilities for centralized API request handling, dynamic menu mapping, and route-based view injection. It further sup
Automatically generates complex input fields and validation logic based on predefined JSON schemas.
This project is a GitHub profile README generator and markdown profile builder. It functions as a developer portfolio generator that converts personal information and preferences into a structured Markdown file for use as a public profile landing page. The tool focuses on developer portfolio branding and GitHub profile customization. It uses a series of templates to automate the layout of a professional presence, allowing users to showcase their skills and social links. The generator utilizes form-driven data collection and conditional content logic to determine which sections appear in the
Provides template-driven input forms that capture the specific variables needed to populate the profile README.
This project is a schema-based form generator for Vue.js that constructs interactive user interfaces by parsing structured data configurations. It automates the creation of form layouts, data binding, and field rendering, eliminating the need for manual template creation for individual forms. The system distinguishes itself through a registry-based architecture that allows for the integration of custom input components. By mapping specialized field types to the generation engine, developers can extend the library to handle unique data types or complex interface requirements that fall outside
Automatically generates reactive form interfaces by parsing structured data schemas.
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
Constructs interactive web forms by parsing declarative JSON schema definitions into a functional UI hierarchy at runtime.
Backbone Forms is a schema-driven library designed to automate the generation and validation of HTML forms within the BackboneJS ecosystem. It functions as a framework for building data entry interfaces that bind directly to application models, ensuring data integrity through a combination of schema-level rules and model-level constraints. The library distinguishes itself through a modular architecture that supports the creation of custom input editors and the use of pluggable HTML templates. This allows for the management of complex, hierarchical data structures, including nested objects and
Automatically builds and renders HTML forms based on programmatic model definitions and schemas.