13 Repos
UI components providing predictive text input.
Distinguishing note: Focuses on autocomplete UI implementations.
Explore 13 awesome GitHub repositories matching user interface & experience · Autocomplete Components. Refine with filters or upvote what's useful.
This project is a community-maintained open source directory that serves as a comprehensive index of React components and libraries. It functions as a technical knowledge base, mapping common development challenges to vetted third-party solutions to help developers accelerate their frontend workflows and avoid reinventing standard interface elements. The directory distinguishes itself through a decentralized, hyperlink-centric architecture that avoids hosting code locally, instead pointing users directly to external repositories. This content is curated through a collaborative model where com
Lists autocomplete UI components.
Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application. The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti
Displays a text input with a suggestion list while supporting custom user values.
Downshift is a headless UI component library and framework for React that provides the state and interaction primitives necessary to build accessible autocomplete, combobox, and select dropdown components. It functions as a WAI-ARIA UI framework, generating the required ARIA attributes and keyboard event handlers to ensure screen reader compliance without providing any default styling. The library utilizes a headless component pattern to decouple interaction logic from the visual presentation. It manages complex state transitions through reducers and synchronizes internal UI state with extern
Provides the logic and accessibility primitives required to build searchable autocomplete inputs with suggestion lists.
iCarousel is a data-driven UI library for macOS and iOS used to build interactive three-dimensional scrolling experiences. It functions as a customizable view controller that renders paged content using cylindrical or cover-flow 3D effects. The component is distinguished by its programmable perspective and visual transformation hooks, which allow for the definition of custom 3D styles and bespoke animation effects. Users can adjust viewpoint distance, alpha fading, and foreshortening to control how the vanishing point and depth appear during navigation. The library manages high-performance v
Allows adjustment of visual properties like perspective, alpha fading, and paging constraints.
This project provides an animated Live2D character widget that can be embedded on any web page as an interactive mascot. The widget renders characters using the Cubism SDK on an HTML canvas, and can be deployed either via a content delivery network for zero-setup integration or self-hosted on a personal server for full control over asset delivery. The mascot responds to visitor actions through CSS selector-based interaction binding, displaying custom speech bubbles when users hover over or click specific page elements. Visitors can click and drag the character to reposition it anywhere on the
Modifies the character's appearance, dialog triggers, and interactive responses through a JSON file.
Inshellisense is a command line productivity tool and shell autocomplete engine. It provides IDE-style command suggestions and real-time completions to reduce typing errors and accelerate command entry within the terminal. The tool is designed as a cross-shell completion utility, delivering a consistent autocomplete experience regardless of the specific shell environment being used. It includes a shell alias expansion system to resolve custom shortcuts and generate accurate suggestions for user-defined commands. The system manages terminal productivity through intelligent command completion
Allows users to configure autocomplete navigation and result limits via a configuration file.
Vue Material is a comprehensive UI toolkit and framework for Vue.js that implements the Material Design specification. It provides a suite of pre-built, themed components designed to create consistent and responsive web applications. The library features dynamic theme support for runtime color scheme changes and automatic accessibility contrast management. It is designed for compatibility with server-side rendering to improve initial load times and search engine optimization, and it includes internationalization support for locale translation and text direction adjustments. The toolkit cover
Provides text input components that offer real-time completion suggestions during active typing.
react-joyride is a user onboarding library for React applications used to create interactive guided tours and walkthroughs. It provides a framework for defining sequences of tooltips and beacons that highlight specific user interface elements to introduce users to application features. The library distinguishes itself through a programmatic controller that allows developers to manage tour state, navigation, and lifecycle events via external application logic. It supports a high degree of visual extensibility, allowing the replacement of default tooltips and beacons with custom components to m
Allows developers to define custom responses when users click close buttons or overlays during a tour.
React Autosuggest is a fully controlled React component that provides an autocomplete input with a dropdown of suggestions as the user types. It delegates all state management to the parent component through callbacks, making it compatible with state management patterns like Flux or Redux. The component implements WAI-ARIA accessibility patterns, including keyboard navigation with arrow keys, Enter, and Escape, along with live region integration for screen reader announcements. The component offers extensive customization through render-prop functions, allowing developers to replace the defau
Ships a fully controlled React autocomplete component that delegates all state management to parent callbacks.
Adjusts completion engine settings like debounce timing, key mappings, and source priorities to match personal workflow preferences.
Saws ist ein interaktiver Shell-Wrapper und Ressourcenmanager für das AWS CLI. Es bietet eine Kommandozeilenumgebung, die darauf ausgelegt ist, die Ausführung von AWS-Befehlen durch prädiktiven Text, Ressourcenvorschläge und verbesserte Navigation zu verbessern. Das Tool implementiert Fuzzy-Suche und case-insensitive Autovervollständigung, um die Entdeckung und Auswahl von Cloud-Ressourcen zu beschleunigen. Es reduziert die manuelle Eingabe durch ein System von Befehlskürzeln und Aliasen, die kurze Zeichenfolgen auf komplexe Befehle abbilden. Das Interface umfasst lokales Caching von Ressourcendaten zur Minimierung von API-Anfragen, eine persistente Befehlshistorie und die Möglichkeit, System-Shell-Befehle mit Daten-Piping auszuführen. Benutzer können die Erfahrung durch dateibasierte Konfiguration für visuelle Themes und Logging-Level anpassen und auf kontextbezogene Dokumentation zugreifen, die auf die spezifisch eingegebenen Befehle gefiltert ist.
Allows users to set logging levels and resource matching modes through a configuration file.
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.
Provides a searchable autocomplete component for string fields to assist in data entry.
Dieses Projekt ist ein umfassendes Framework für die iOS-App-Entwicklung, das sich auf den Aufbau mobiler Anwendungen mit benutzerdefinierten UI-Komponenten, asynchronem Task-Management und lokaler Datenpersistenz konzentriert. Es dient als technische Wissensdatenbank für Software-Engineering und bietet Tools zur Organisation und Veröffentlichung architektonischer Analysen und Notizen im Markdown-Format. Das Framework zeichnet sich durch eine robuste dokumentenbasierte Speicherschicht aus, die BSON-formatierte Datensätze nutzt, um CRUD-Operationen innerhalb eines NoSQL-Dokumentenspeichers durchzuführen. Es bietet umfangreiche Systemintegrationsfunktionen, einschließlich spezialisierter App-Extension-Kommunikation, Cross-Sandbox-Messaging und nativer Share-Sheet-Präsentation, was eine nahtlose Interaktion zwischen der Host-Anwendung und Systemdiensten ermöglicht. Das Projekt deckt eine breite Funktionsfläche ab, einschließlich fortgeschrittenem Concurrency-Management mit thread-sicherer Synchronisierung, Auslagerung des Hintergrund-UI-Renderings zur Wahrung der Reaktionsfähigkeit und umfassender Internationalisierungsunterstützung. Es enthält zudem entwicklerfokussierte Utilities für statische Typgenerierung, automatisierte Asset-Mappings und interaktive Prototypenkonstruktion sowie spezialisierte Tools für geografisches Beacon-Monitoring und adaptive Diagrammerstellung.
Defines component behavior through scoping and controller configuration to manage interactive modes.