Awesome GitHub RepositoriesCustomizable Inputs

react-select is a customizable select input for React applications that supports single and multiple value selection with integrated search. It functions as a form input library providing a selection interface capable of fetching and displaying options from remote APIs dynamically as a user types. The library is distinguished by a component-injection architecture that allows users to replace internal UI fragments with custom React components. It further enables deep visual customization through prop-based style merging, allowing user-defined CSS objects to override internal defaults for brand

Selectize.js is a jQuery-based autocomplete library and tagging interface component. It functions as a searchable selection tool that combines a text input field with a dropdown select box to facilitate fast item lookup and the management of discrete tags. The project specializes in remote data input, allowing it to fetch, rank, and integrate options from a server in real-time as a user types. It utilizes a weighted search ranking system to score and sort results by scanning multiple text fields for relevance. The library covers a broad range of user interface capabilities, including multi-s

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.

jQuery Knob هو أداة واجهة مستخدم قرصية قابلة للدوران لصفحات الويب تترجم حركات السحب الدائرية إلى قيم رقمية. إنه مكون إدخال يدعم اللمس يتم عرضه عبر واجهة برمجة تطبيقات HTML5 canvas، مما يوفر واجهة رسومية لإدخال البيانات الرقمية من خلال مكتبة jQuery. المكون قابل للتخصيص بدرجة عالية، مما يسمح بتعديلات على الألوان، والخطوط، وقيود الدوران، وأبعاد القوس. يدعم مجموعة متنوعة من طرق التفاعل، بما في ذلك الماوس، وعجلة الماوس، ولوحة المفاتيح، وأحداث اللمس. تتضمن الأداة أنظمة لإدارة قيود الإدخال مثل القيم الدنيا والقصوى وزيادات الخطوات. كما توفر أدوات لتنسيق قيمة الإخراج وآليات لاعتراض أحداث التفاعل لإطلاق منطق مخصص أثناء تغييرات القيمة.