Awesome GitHub RepositoriesForm Input Controls

CoreUI Free Bootstrap Admin Template is a pre-built, responsive admin dashboard template built on Bootstrap 5 for constructing back-office interfaces. It provides a library of UI components with native wrappers for React, Vue, and Angular applications, alongside a Sass-based theming system for managing brand colors, dark mode, and design tokens via variables and CSS custom properties. The template includes a set of advanced form controls such as autocomplete, date pickers, and multi-step wizards with built-in validation, and supports switching the entire interface between built-in dark and li

Vditor is a browser-based Markdown editor and rendering engine that supports multiple editing interfaces, including a visual rich-text experience, instant rendering, and a traditional side-by-side split-view preview. It serves as an authoring tool for technical documentation and a component for web-based editor integration. The project is distinguished by its support for complex technical content, utilizing specialized rendering for mathematical formulas, flowcharts, sequence diagrams, and mind maps. It also functions as a collaborative document review tool, enabling users to attach anchored

Terminal.Gui is a cross-platform .NET toolkit for building interactive text-based user interfaces. It provides a component-based architecture, a terminal rendering engine, and a declarative layout system to create console applications that run consistently across Windows, macOS, and Linux. The framework distinguishes itself with a comprehensive set of interactive console widgets, including data grids, hex editors, and hierarchical tree components. It supports advanced visual capabilities such as 24-bit True Color, Sixel image support, and a relative-coordinate layout system that adapts to ter

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.

Valibot is a modular, type-safe schema library for validating and parsing structural data in TypeScript environments.

PrimeReact is a comprehensive UI component library for building interactive user interfaces with React. It provides an accessible component suite, a form input framework, and a data visualization toolkit designed to meet accessibility standards through built-in keyboard navigation and focus management. The library features a themed design system that allows for visual customization via pre-defined skin sets or an unstyled mode. This unstyled mode decouples component behavior and accessibility logic from the presentation layer, enabling the implementation of custom corporate design systems. C

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

Webstudio is a visual CMS and website builder that provides a visual development environment for designing and publishing websites. It functions as an AI-powered design tool, a REST and GraphQL API client, and an atomic CSS compiler. The platform distinguishes itself through generative AI capabilities for creating layout variants and refining visual styles from text prompts. It integrates a headless CMS workflow that maps external data sources to visual components and utilizes a specialized compiler to convert design tokens into deduplicated atomic CSS for optimized page load speeds. The sys

Vendure is a Node.js e-commerce engine and headless commerce framework built with NestJS and TypeScript. It serves as a multi-channel commerce platform that manages product catalogs, orders, and customers via a strongly typed GraphQL API. The platform is distinguished by its highly extensible architecture, featuring a customizable administrative dashboard where developers can inject custom React components and entity views. It supports multi-channel commerce, allowing the isolation of products, currencies, and regional catalogs from a single unified backend. The engine covers a broad range o

MaterialEditText هي مكتبة مكونات واجهة مستخدم لنظام Android وإطار عمل لإدخال النماذج في تطبيقات الهاتف المحمول، تُستخدم لإنشاء حقول نصية تطبق معايير Material Design. توفر المكتبة مجموعة من مكونات الإدخال التي تتميز بتسميات عائمة، وحالات خطأ، وأنماط مرئية متوافقة مع السمات. تتيح المكتبة عرض حقول النص مع تسميات متحركة ونصوص مساعدة مدمجة. كما تدعم إضافة أيقونات التصميم وتسمح بتخصيص الألوان والخطوط للنصوص الأساسية، ونصوص الخطأ، والنصوص المساعدة. يتضمن إطار العمل قدرات للتحقق من صحة الإدخال في تطبيقات الهاتف، مثل فرض حد أدنى وأقصى لعدد الأحرف المسموح بها في حقل النص.

Leva هي لوحة تحكم واجهة مستخدم (GUI) لـ React ومحرر معلمات في الوقت الفعلي يُستخدم لمراقبة وتعديل حالة التطبيق والمتغيرات دون تعديل الكود أو إعادة تحميل الصفحة. تعمل كمصحح حالة ديناميكي ومكتبة إدخال قابلة للتوسيع توفر واجهة مرئية لضبط القيم الرقمية والبوليانية والنصية بدقة داخل تطبيق ويب قيد التشغيل. يتميز المشروع بنظام إضافات يسمح بإنشاء مكونات إدخال مخصصة وسلوكيات متخصصة لدعم أنواع بيانات فريدة. ويستخدم استنتاج النوع لتعيين البيانات تلقائياً إلى أداة الواجهة المرئية المناسبة، على الرغم من إمكانية تجاوز هذا التعيين لفرض أنواع إدخال محددة. تدعم الواجهة فئات إدخال متنوعة، بما في ذلك النطاقات الرقمية، والمتجهات، ومنتقيات الألوان، وحقول رفع الوسائط. يمكن تنظيم عناصر التحكم في مجلدات هرمية، وعرضها بشكل مشروط بناءً على قيم أخرى، ومزامنتها مع مخازن بيانات خارجية. كما يراقب النظام دورة حياة التعديل، مما يتيح استدعاءات عند بدء المستخدمين للعمليات وإنهائها لتحسين الأداء للعمليات المكلفة.

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

هذا المشروع عبارة عن إطار عمل لمكونات واجهة المستخدم القابلة لإعادة الاستخدام والإضافات المصممة لدمج المدخلات المهيكلة وقوائم التحديد في وحدات تحكم التنبيه الأصلية لنظام iOS. يوفر مكتبة من حقول النص القابلة للتخصيص وواجهات اختيار متخصصة يتم تضمينها مباشرة داخل مربعات حوار التنبيه الخاصة بالنظام. يتميز إطار العمل بحقن وحدات تحكم عرض خارجية في حاويات التنبيه، مما يتيح استخدام واجهات معقدة مثل الخرائط ومنتقي التواريخ. كما يتضمن أدوات تكامل متخصصة لتضمين واجهات اختيار للصور، وجهات الاتصال، والمواقع مباشرة من تطبيق المراسلة Telegram. تغطي مجموعة الأدوات مجموعة واسعة من قدرات الاختيار، بما في ذلك متصفحات مكتبة الصور، ومنتقي الألوان، ومحددات جهات الاتصال. كما تدعم جمع الإعدادات الإقليمية من خلال منتقي مخصص للبلدان، ورموز الهاتف، والعملات، مع تقديم عرض نصي منسوب لعرض المحتوى المنسق.

Timber is a PHP library that integrates the Twig template engine into WordPress themes, providing an object-oriented framework for theme development. It wraps WordPress data — posts, terms, users, menus, and comments — in structured PHP classes, allowing developers to work with objects instead of raw arrays while keeping HTML markup separate from PHP logic through Twig templates. The library distinguishes itself by offering a complete set of tools for modern WordPress theme building. It includes a file-based template hierarchy with fallback chains, dynamic image manipulation with resizing, cr

Shiny is a framework for building interactive web applications using R code, eliminating the need for HTML, CSS, or JavaScript. At its core, it provides a reactive programming model that automatically tracks data dependencies and re-executes only the parts of an application that depend on changed inputs. The framework handles server-side UI rendering and maintains persistent WebSocket connections between the browser and server for real-time updates without page reloads. The framework distinguishes itself through deep integration with the R ecosystem, including the ability to embed interactive

Formtastic هو مكون إضافي لـ Ruby on Rails مصمم لأتمتة إنشاء نماذج ويب دلالية وسهلة الوصول. من خلال تعيين نماذج قاعدة البيانات مباشرة إلى حقول النموذج، تقوم المكتبة بإنشاء ترميز HTML منظم يلتزم بمعايير إمكانية الوصول، مما يضمن ربط التسميات والمدخلات بشكل صحيح للتقنيات المساعدة. تستخدم المكتبة لغة خاصة بالمجال لتجريد هياكل النماذج المعقدة إلى استدعاءات طرق موجزة. تتميز بنهج مدفوع بالبيانات الوصفية يفحص مخططات قاعدة البيانات وقواعد التحقق لاختيار أنواع الإدخال المناسبة تلقائياً. يمكن للمطورين توسيع النظام بشكل أكبر من خلال عملية تسجيل معيارية، مما يسمح بإنشاء فئات إدخال مخصصة للتعامل مع متطلبات البيانات المتخصصة. بعيداً عن الإنشاء الأساسي، يوفر إطار العمل دعماً متكاملاً للترجمة وإدارة الأخطاء. يقوم بحل نص العرض للتسميات والتلميحات والأزرار من خلال نظام بحث ترجمة هرمي ويعرض تلقائياً رسائل خطأ التحقق المدركة للسياق. يتم توزيع المشروع كمحرك Rails، مما يوفر بيئة موحدة لبناء واجهات إدخال بيانات متسقة وسهلة الوصول.

Formtastic هو منشئ نماذج لـ Ruby on Rails يوفر لغة خاصة بالمجال لإنشاء نماذج HTML غنية دلالياً وسهلة الوصول. يعمل كإطار عمل مدفوع بالنموذج يقوم تلقائياً بتعيين سمات مخطط قاعدة البيانات والارتباطات إلى حقول الإدخال المقابلة، مما يبسط إنشاء واجهات إدخال البيانات. يتميز إطار العمل بنظام بحث هرمي يدير التسميات المترجمة، والتلميحات، وأزرار الإجراءات عبر مساحات أسماء النماذج والسمات المختلفة. كما يدعم علاقات البيانات المعقدة من خلال معالجة الموارد المتداخلة بشكل متكرر، مما يسمح للمطورين بالتقاط وحفظ سجلات متعددة ذات صلة ضمن هيكل نموذج واحد. بعيداً عن إنشاء الإدخال القياسي، توفر المكتبة خيارات تكوين واسعة لتخصيص سمات HTML، وفئات CSS، وهياكل التغليف. تتكامل مباشرة مع التحقق على مستوى النموذج لعرض ملاحظات الخطأ داخل تخطيط النموذج وتوفر بنية قابلة للتوسيع لإنشاء مكونات إدخال مخصصة لتلبية متطلبات الواجهة المتخصصة.

هذا المشروع هو مجموعة شاملة من مقتطفات الكود القابلة لإعادة الاستخدام، والخطافات المخصصة، وأنماط التنفيذ لبناء واجهات المستخدم باستخدام React. يعمل كمكتبة من الأمثلة القصيرة المصممة لحل مهام التطوير الشائعة، بدءاً من إدارة الحالة إلى تكامل DOM. توفر المجموعة مجموعة واسعة من الأدوات المتخصصة للتفاعل مع واجهات برمجة تطبيقات المتصفح، بما في ذلك تتبع أبعاد النافذة، وتقييم استعلام الوسائط، ومراقبة حالة الاتصال. كما تتضمن أدلة عملية ومقتطفات لتحسين الأداء، مثل التخزين المؤقت (memoization)، والتحميل الكسول، وإلغاء ارتداد تغيير الحالة. تغطي مجالات القدرات الواسعة تنفيذ مكونات واجهة المستخدم التفاعلية مثل النوافذ المنبثقة، وشرائح العرض، والواجهات المتبوبة، بالإضافة إلى الأنماط المعمارية لجلب البيانات، واستمرار الحالة، والتحقق من التحديث غير المتزامن. تتضمن المكتبة أيضاً أدوات لإدارة النماذج، ومعالجة الأحداث، ومزامنة التوجيه عبر تتبع حالة URL.

Searchkit هو إطار عمل لواجهة البحث مصمم لبناء واجهات بحث باستخدام React و Vue تتصل بخلفيات Elasticsearch و OpenSearch. يوفر طبقة ترجمة لاستعلامات البحث لتحويل حالات البحث في الواجهة الأمامية إلى لغات استعلام خاصة بالمحرك ومحرك عرض للنتائج لعرض النتائج وقوائم الأوجه (facets) والترقيم. يتضمن إطار العمل واجهة بحث دلالية تتيح عمليات بحث الجيران الأقرب القائمة على المتجهات ومعالجة اللغة الطبيعية. يتميز بنظام ترجمة قائم على المحولات (adapters) وتعيين واجهة مستخدم قائم على المكونات يربط منطق البحث بطرق عرض قابلة للتبديل عبر واجهة موحدة. يغطي المشروع مجموعة واسعة من القدرات، بما في ذلك إدارة الحالة لمزامنة الفلاتر والترقيم، وتوليد أوجه معقدة للتصفية الهرمية والرقمية، ومنطق ترتيب مخصص من خلال ترجيح أولوية الحقول. كما يوفر أدوات لتثبيت النتائج، وتعديل قواعد الاستعلام، والتصور الجغرافي عبر واجهات قائمة على الخرائط. للأمن والقابلية للتوسع، يستخدم المشروع طبقة وصول API لتوجيه الطلبات بين المتصفح وعنقود البحث ويدعم اعتراض الطلبات القائم على البرمجيات الوسيطة (middleware) لتعديل الاستعلامات والردود.

oh-my-rime is a comprehensive configuration framework and collection of optimized schemes, lexicons, and layouts for the Rime Chinese input method. It provides a system for customizing text entry behaviors, candidate list layouts, and symbol mappings across different platforms. The project distinguishes itself through an automated deployment model, utilizing a command-line tool and recipe-driven installation to apply configuration packages to system directories. It also implements advanced logic via Lua scripting, enabling features such as mathematical expression calculation, date and time in