19 dépôts
UI components that adjust visibility and options based on user-provided input.
Distinguishing note: Focuses on interactive workflow input configuration rather than general form building.
Explore 19 awesome GitHub repositories matching user interface & experience · Dynamic Input Forms. Refine with filters or upvote what's useful.
Kestra is a declarative workflow orchestrator designed to manage complex task dependencies and automated processes through versioned configuration files. It functions as a distributed platform that decouples task scheduling from execution by offloading computational workloads to a fleet of worker nodes. The system uses a reactive, event-driven engine to initiate workflows automatically in response to external signals, webhooks, schedules, or file system changes. The platform distinguishes itself through a modular plugin architecture that allows for the integration of custom tasks and external
Links input fields to other selections to control visibility, allowing interactive workflows to display relevant options.
React-admin is a framework for building data-driven administrative interfaces that connect to REST or GraphQL backends. It provides a comprehensive suite of tools for managing the full lifecycle of administrative applications, including resource-oriented routing, declarative form scaffolding, and context-driven state management. By utilizing a modular adapter-based architecture, the framework abstracts backend communication, allowing developers to build consistent CRUD interfaces that handle data fetching, authentication, and synchronization automatically. The project distinguishes itself thr
Updates or toggles the visibility of form fields dynamically based on the values of other inputs to manage complex workflows.
Activepieces is an open-source, self-hosted workflow automation platform designed to connect third-party applications through modular triggers and actions. It provides a low-code integration framework that allows users to build, manage, and execute complex business logic sequences within isolated, sandboxed environments. The platform distinguishes itself through its focus on embeddability and enterprise-grade security. It features an embedded automation builder that can be integrated into external applications via iframes, supported by comprehensive identity and access management tools such a
Defines interactive fields and dynamic form elements for gathering user input in triggers and actions.
Naive UI is a comprehensive TypeScript user interface library and component set designed specifically for Vue 3 applications. It provides a type-safe framework for building web interfaces, featuring a responsive layout engine and high-performance data components such as virtual-scroll data tables. The library is distinguished by a customizable theme system that utilizes type-safe JavaScript objects for visual overrides instead of traditional CSS variables. This architecture allows for dynamic runtime updates and global style configurations managed through a centralized provider. The framewor
Provides UI components for building dynamic data entry interfaces with validation and specialized input fields.
Eureka is a framework for building structured data-entry interfaces and forms in Swift for iOS applications. It provides a declarative UI layout engine and a dynamic input interface to define fields, sections, and row layouts through a configuration layer. The system distinguishes itself through dynamic interface management, including conditional visibility and interaction control that reacts to real-time user changes. It supports complex input behaviors such as expandable row rendering, multivalued field management for inserting or deleting similar rows, and custom keyboard navigation that s
Implements a layout manager that dynamically adjusts visibility, expandable rows, and keyboard navigation.
Heyform is an open-source form builder and self-hosted data collection platform. It provides a no-code designer for creating dynamic web-based surveys and input forms, supported by an extensible backend for managing submissions and storing results in a private database. The system distinguishes itself through advanced form logic and branding controls. It includes a conditional logic engine to show or hide sections based on user responses and allows for precise visual identity customization through configurable themes and custom CSS injection. The platform covers a broad range of operational
Offers comprehensive tools for designing dynamic user input forms with various field types.
x-render is a configuration-driven UI framework and low-code interface builder that transforms structured data definitions into functional user interface components. It operates as a JSON-driven UI generator, using a standardized configuration protocol to render data tables, input forms, and charts. The system includes a visual form builder and interface design editor, allowing users to arrange layouts and configuration settings through a graphical interface to avoid writing manual structural code. This process is supported by a schema-based component library that maps configuration keys to a
Builds structured input forms that adjust based on predefined configuration settings.
This PHP routing library is an HTTP request router and matcher designed to map incoming URL paths to specific controller actions using defined patterns and configuration. It serves as a programmatic interface for defining, loading, and resolving URL patterns, while providing a URL generator to produce absolute or relative URIs from route names and parameters. The system supports diverse route loading through YAML, XML, PHP arrays, and class attributes, utilizing compiled route matching to optimize performance. It enables sophisticated request handling through regex-based path matching, sub-do
Provides a fluent interface for defining and structuring user input forms.
form-create is a JSON-driven form generator and low-code form builder that renders dynamic web forms and validation logic from configuration files. It functions as a data-driven form orchestrator for managing field dependencies and hierarchical data structures within complex layouts. The system includes a visual drag-and-drop interface for designing data entry layouts and automatically generating their corresponding configuration structures. It provides a dynamic UI component library of adaptable form fields and layout containers designed for cross-framework integration and mobile responsiven
Features UI components that dynamically adjust field visibility and requirement rules based on user-provided input.
Choices is a vanilla JavaScript library used to create customizable select boxes and text inputs without external dependencies. It functions as a custom select box plugin that transforms standard HTML select elements into searchable, stylable dropdowns and tagged text input components. The library distinguishes itself through a system of customizable HTML templates and CSS custom properties, allowing for the creation of tailored UI components. It provides the ability to define custom HTML structures for input components and modify the visual appearance of the interface via CSS theme styling.
Implements text fields that dynamically load options from an API and validate entries in real time.
Apache Zeppelin is a web-based notebook platform for interactive data analytics that supports executing code in over 20 languages within a single notebook. It provides a plugin-based interpreter architecture that allows the notebook to be extended with new languages and data sources, and includes a JDBC connector abstraction for connecting to any JDBC-compliant database. The platform also features session-isolated interpreter contexts, enabling separate interpreter instances per notebook or user with support for dependency injection and user impersonation. The platform distinguishes itself th
Creates interactive form controls within a notebook paragraph to parameterize queries and code execution.
Huh is a Go library for building interactive terminal forms, designed to work with the Bubbletea TUI framework. It provides a complete form-building system with text inputs, selection lists, confirmation prompts, and file pickers, all navigable using only the keyboard without requiring a mouse. The library distinguishes itself through dynamic form adaptation, allowing fields to be shown, hidden, or modified at runtime based on user selections and conditional rules. It includes screen reader support that announces form fields and falls back to text prompts when a visual interface is unavailabl
Creates forms that show, hide, or modify fields at runtime based on user input and conditional rules.
luban-h5 est un framework web low-code et un constructeur de pages mobiles visuel utilisé pour concevoir des pages web mobiles interactives. Il fonctionne comme un moteur de rendu de page basé sur JSON qui convertit les configurations de design en pages en direct pour la livraison aux utilisateurs finaux, et inclut un constructeur de formulaires visuel pour créer des champs de saisie interactifs et suivre les statistiques de soumission. Le projet propose un convertisseur PSD vers HTML qui analyse les fichiers Photoshop en pages HTML fonctionnelles pour automatiser le flux de travail design-vers-code. Il se distingue par un système basé sur des plugins qui permet le développement de composants UI personnalisés et de plugins de page spécialisés. La plateforme couvre une large surface de capacités, incluant le design visuel par glisser-déposer, la gestion d'animations et l'intégration d'actifs multimédias. Elle fournit des outils pour la gestion de contenu backend, la liaison de données dynamique et la publication de pages vers des URLs publiques avec des aperçus en direct sur appareil via des codes QR.
Includes a visual builder for creating structured user input forms with various field types.
David AI is a UI development toolkit that combines AI-powered page generation with a library of pre-built, copy-paste-ready components built on Tailwind CSS. At its core, it offers an AI builder that can generate complete landing pages and dashboards from natural language prompts, outputting clean, responsive Tailwind CSS code. The project provides a comprehensive collection of UI components—including buttons, forms, navigation elements, and data displays—that can be assembled into full page sections like hero blocks, pricing tables, and dashboards. The toolkit distinguishes itself through a
Build form inputs that collect user data through text fields, checkboxes, radio buttons, and text areas.
Material Kit is an open-source UI component library that provides pre-styled Material Design elements for building responsive web interfaces with Bootstrap 5. It offers a collection of reusable components like buttons, inputs, navbars, cards, and modals that follow Google's Material Design guidelines, along with a 12-column flexbox grid system for fluid layouts that adapt to any screen size. The kit distinguishes itself by including pre-built page sections such as headers, feature blocks, pricing tables, and footers that can be combined into complete page layouts, reducing the time needed to
Provides pre-built form, newsletter, and contact section layouts for collecting user data.
Ce projet est un moteur de mise en page de document WYSIWYG basé sur des plugins et un éditeur de texte riche qui utilise Canvas et SVG pour le rendu. Il fonctionne comme un éditeur collaboratif utilisant des types de données répliqués sans conflit (CRDT) pour permettre une synchronisation en temps réel entre plusieurs utilisateurs. Le système sert de constructeur de formulaire interactif, permettant l'intégration de contrôles d'entrée tels que des cases à cocher et des sélecteurs de date directement dans les documents. Il est conçu pour une sortie haute fidélité, garantissant que la représentation visuelle pendant l'édition correspond au format final pour les exportations PDF et image. L'éditeur couvre de larges capacités incluant la gestion de la mise en page d'impression pour les tailles de page et les marges, la rédaction de texte riche avec typographie et listes structurées, et l'intégration d'éléments complexes comme des tableaux dynamiques et des formules mathématiques. Il fournit également des outils pour l'organisation de documents, tels que des tables des matières et le filigrane. Le framework est construit sur une architecture de plugins qui permet l'extension des comportements principaux et la personnalisation des interactions utilisateur.
Includes tools for creating and structuring user input forms with embedded field types within documents.
Ce projet est une collection d'implémentations de référence et de composants d'interface utilisateur expérimentaux. Il sert de galerie d'exemples démontrant des animations avancées, le rendu graphique personnalisé et des techniques d'interaction non standard. Le dépôt propose des démonstrations de mouvement haute fidélité, incluant des transformations 3D, des animations de séquences d'images et des transitions de page fluides. Il inclut une bibliothèque d'expériences graphiques qui utilisent le dessin sur canvas et des chemins vectoriels pour rendre des systèmes de particules et des visualisations de données. La surface d'implémentation couvre une gamme de capacités UI avancées, telles que le rendu d'objets 3D immersifs et des composants de navigation interactifs. Il inclut également des modèles pour gérer des formulaires complexes en plusieurs parties avec validation dynamique et des outils de visualisation de données interactifs pour le rendu de graphiques et de diagrammes.
Provides complex multi-part input screens with fields that adjust based on user selections.
This project is a programmatic HTML form builder and element generator for PHP, designed as a component library for the Laravel Blade templating engine. It provides a fluent interface to create structured HTML markup and attributes, allowing developers to generate web interface elements through code rather than writing raw markup. The library focuses on the dynamic construction of web forms and input fields. It enables the programmatic definition of form structures and attributes based on application logic, which helps maintain cleaner templates within the Laravel framework.
Provides a programmatic builder for creating and structuring comprehensive web forms and input fields.
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
Constructs interactive web forms by mapping schema fields to components and managing data binding.