16 repository-uri
Interactive form fields, checkboxes, and buttons for gathering user data.
Distinguishing note: No candidates provided; fits under UI & Experience as an input utility.
Explore 16 awesome GitHub repositories matching user interface & experience · Input Collection Components. Refine with filters or upvote what's useful.
Reflex is a full-stack web framework that enables the development of complete web applications using only Python. It provides a unified environment where server-side logic and client-side interfaces are synchronized through a shared, event-driven architecture. By using a declarative component language, the framework compiles code into reactive frontend elements and backend event handlers, allowing developers to manage the entire application lifecycle within a single codebase. The framework distinguishes itself through its reactive state management and integrated AI-assisted development tools.
Collects user input through interactive form fields, checkboxes, and buttons.
FastMCP is a Python framework designed for building servers that expose functions, resources, and prompts to AI models using the Model Context Protocol. It simplifies the development process by automatically deriving tool metadata, input schemas, and documentation directly from Python function signatures and type hints. The framework provides a unified container for managing these components, allowing developers to build modular applications that integrate seamlessly with AI assistants. The project distinguishes itself through its support for interactive, server-defined user interface compone
Gathers structured information from users through validated forms during tool execution.
Gum is a toolkit for building interactive, visually styled command-line interfaces and prompts directly within shell scripts. It functions as a library of modular components that allow developers to enhance terminal workflows by adding structured layouts, formatted text, and user-input widgets to standard command-line operations. The project distinguishes itself by providing a suite of specialized utilities for common shell tasks, such as fuzzy-matched selection menus, interactive file system navigation, and confirmation dialogs. It translates high-level styling and layout instructions into t
Gathers data from users through interactive text fields and selection lists.
Inquirer.js is a command line input framework and prompt library for Node.js applications. It provides a structured set of tools for building interactive terminal interfaces, including menus, checklists, and text inputs, to gather user data and manage complex interactions. The framework allows for the creation of dynamic user experiences through branching prompt logic and the resolution of asynchronous configurations. Users can define custom prompts using a provided API and localize interface text into different languages. The library covers a wide range of input capabilities, including sing
Ships a wide variety of interactive input components including lists, checkboxes, and toggles.
material-dialogs is a Kotlin UI component library that provides a collection of modal dialogs and bottom sheets for Android applications. It is designed to implement user interface elements that follow Material Design standards. The library provides specialized modal interfaces for selecting calendar dates, clock times, and specific color values. It also includes system chooser integrations for selecting files and directories from local storage. Beyond pickers, the library covers a broader range of interaction components including text input dialogs, modal alerts with action buttons, and bot
Provides specialized input collection components including text fields and pickers for gathering user data.
This project is a cross-platform chatbot framework designed to integrate generative artificial intelligence models into messaging services. It provides a unified architecture for building and deploying automated bots that maintain consistent conversation state, user identity, and interaction logic across multiple messaging platforms from a single codebase. The framework distinguishes itself through a modular adapter system that normalizes platform-specific webhooks and events into a standardized internal schema. It includes a comprehensive toolkit for constructing rich, interactive user inter
Displays interactive dialogs with form fields to gather data from users and validates submitted information before processing.
Chainlit is a Python framework designed for building and deploying interactive, stateful conversational AI interfaces. It provides a backend-driven platform that connects language models and agent frameworks to a web-based chat frontend, managing the complexities of session state, message history, and real-time communication. The framework distinguishes itself by offering a component-based UI builder that allows developers to inject interactive widgets, rich media, and data visualizations directly into the chat stream. It supports the visualization of complex agent workflows, enabling users t
Provides interactive input widgets like date pickers, sliders, and forms to collect structured user data.
React is a JavaScript library for building user interfaces through the composition of modular, self-contained components. It employs a declarative programming model where developers describe the desired visual state, and the library automatically manages the underlying document updates and state synchronization. By utilizing a virtual representation of the document, it calculates and applies minimal changes to the browser, ensuring efficient rendering even in complex applications. The library distinguishes itself through a sophisticated scheduling system that manages rendering work in increme
Renders various input types like text fields, checkboxes, and radio buttons to collect user data within a structured component layout.
This repository contains the HTML specification, which defines the core standards for web page structuring, content organization, and document rendering. It establishes the fundamental algorithms for state-machine-based tokenization, tree construction for the document object model, and origin-based security isolation. The specification provides a framework for defining custom elements with independent lifecycles and registries. It also details the requirements for cross-document communication, session history management, and the synchronization of interface properties with content attributes.
Provides a specialized input field for collecting telephone numbers.
Simple Form is a Ruby on Rails form builder that provides a domain specific language for generating HTML forms mapped to database models. It functions as an automatic model input mapper, selecting the appropriate HTML input element based on the database column type of a model. The project employs a markup independent approach to separate business requirements from final HTML rendering and CSS. It provides a customizable form component library consisting of extensible builders and wrappers to standardize layout structures and input behaviors. The library covers database-driven form generation
Creates select boxes, radio buttons, or checkboxes from arrays or ranges to capture user choices.
intl-tel-input is an international telephone input widget that provides a country-aware phone number entry experience with automatic formatting, validation, and E.164 normalization. It combines a searchable country picker with a format-as-you-type engine and a validation rule engine that checks numbers against country-specific patterns, returning machine-readable error codes when a number is invalid. The project ships as both a zero-dependency vanilla JavaScript library and as framework-specific components for React, Vue, Angular, and Svelte, all sharing the same core logic through a framewor
Provides a form control for selecting a country and entering a phone number with automatic formatting and validation.
Clack is a Node.js CLI framework and prompt library designed for building stylized, interactive command-line user interfaces. It provides a toolkit for creating terminal applications that collect structured user input and display formatted information. The library includes a set of interactive terminal UI components, such as validated input fields for text and passwords, searchable selection menus with autocomplete, and grouped options for user choice. It also provides mechanisms for process visualization, including loading spinners, progress bars, and sequential task lists to communicate bac
Provides validated input fields and masks for collecting text, passwords, dates, and file paths.
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
Ships styled text inputs, checkboxes, radio buttons, toggles, and forms with validation states.
Acest proiect este o bibliotecă de tipare UI declarative și o implementare de referință pentru structurarea layout-urilor, a fluxurilor de navigare și a colecțiilor de date pe platformele Apple. Oferă o colecție de tipare practice de implementare și exemple de componente pentru construirea de interfețe utilizator folosind framework-ul SwiftUI. Biblioteca servește drept referință cross-platform pentru randarea conținutului vizual pe iOS și macOS. Include un ghid de implementare a vizualizărilor care acoperă gestionarea navigării, gestionarea input-urilor utilizatorului și încorporarea conținutului web. Baza de cod acoperă domenii largi de capabilități, inclusiv gestionarea layout-ului prin compoziții bazate pe stack-uri și organizarea formularelor, precum și framework-uri de navigare în aplicație folosind tab bar-uri și rutare ierarhică. Oferă tipare pentru afișarea datelor prin randarea iterativă a colecțiilor, interacțiunea utilizatorului prin controale de input și gestionarea evenimentelor, precum și utilizarea overlay-urilor de conținut interactiv, cum ar fi modalele și alertele. Proiectul include, de asemenea, utilitare pentru integrarea vizualizărilor legacy, permițând încorporarea componentelor bazate pe controller într-o ierarhie declarativă modernă.
Provides a suite of input controls including text fields, pickers, sliders, and steppers for data collection.
Apostrophe is an open-source Node.js headless content management system that delivers structured content through REST APIs while providing a visual in-context page editor for live editing. It is built on a module-based plugin architecture that extends CMS functionality through reusable modules, each encapsulating logic, configuration, and templates. The system uses schema-driven content modeling to define data structures and validation rules through configurable schemas and custom field types, with all content stored as flexible JSON-like documents in MongoDB. The platform distinguishes itsel
Provides a URL input field with built-in format validation for storing web addresses.
Acest proiect este un ghid de referință și o resursă tehnică pentru construirea de interfețe utilizator cu framework-ul SwiftUI. Oferă o colecție cuprinzătoare de exemple de cod, documentație și o bibliotecă de componente de implementări de vizualizări reutilizabile și tipare de layout. Resursa include o hartă de compatibilitate care leagă vizualizările declarative moderne de omoloagele lor imperative din framework-ul UIKit. Această documentație ajută la migrarea de la UIKit la SwiftUI prin oferirea de îndrumări privind împachetarea view controller-elor legacy și a subclaselor de vizualizare într-o ierarhie declarativă. Ghidul acoperă o gamă largă de capabilități de interfață, inclusiv implementarea structurilor de navigare, layout-uri bazate pe grid și stack, și randarea performantă a listelor. Detaliază, de asemenea, utilizarea componentelor interactive pentru input-ul utilizatorului, recunoașterea gesturilor și aplicarea modificatorilor vizuali pentru stilizare.
Implements a set of interactive controls for collecting user data via text fields, toggles, and pickers.