Awesome GitHub RepositoriesSlider Inputs

This project is a JavaScript UI component library and frontend utility toolkit. It serves as a web modal framework and popup library, providing a specialized system for rendering interactive dialogs, overlays, and layered interfaces over web page content. The library is distinguished by its comprehensive set of overlay tools, including alert dialogs, confirmation prompts, and the ability to embed external content via iframes. It also features a responsive twelve-column grid system for cross-device layout compatibility and an internal modular dependency management system for on-demand loading

Vuido is a framework for building native desktop applications for Windows, macOS, and Linux using Vue.js components, without requiring Electron or Chromium. It maps Vue components directly to native widgets from the libui library, creating lightweight applications that run on a single-threaded event loop and compile templates at build time for optimized runtime performance. The framework provides a complete Vue.js component-to-native bridge, enabling two-way data binding via v-model, component-based window composition, and platform-specific package generation for distributing executables. It

A library to bring fully animated Material Design components to pre-Lolipop Android.

noUiSlider is a dependency-free JavaScript range slider library that provides a lightweight, ARIA-accessible slider widget with multi-touch and keyboard support. It is built as a standalone implementation with no external dependencies, using GPU compositing for smooth animations and responsive layout adaptation across different screen sizes. The library distinguishes itself through its comprehensive accessibility and input handling, offering full keyboard navigation for slider control without requiring a mouse, along with multi-touch support for simultaneous handle manipulation on mobile and

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

Zag هي مكتبة آلة حالة واجهة مستخدم بدون رأس توفر منطق مكون غير مصمم لضمان سلوك متسق عبر محركات عرض مختلفة. تعمل كمجموعة أدوات لنمذجة تفاعلات واجهة المستخدم المعقدة باستخدام مخططات الحالة، وفصل المنطق الأساسي وسمات إمكانية الوصول عن التصميم المرئي. المكتبة لا تعتمد على إطار عمل، وتستخدم محولات متخصصة لربط منطق آلة الحالة الخاص بها بمكتبات JavaScript متنوعة مثل React و Solid و Vue و Svelte. يسمح هذا النهج للمطورين بالحفاظ على نموذج تفاعل واحد مع تطبيق أي حل CSS أو تصميم من خلال سمات البيانات القائمة على الحالة. تغطي Zag مجموعة واسعة من المجالات الوظيفية، بما في ذلك إدارة إمكانية الوصول الشاملة للتنقل بلوحة المفاتيح وسمات ARIA، بالإضافة إلى مجموعة واسعة من العناصر التفاعلية. تشمل هذه عناصر التحكم في الإدخال، وعناصر التنقل مثل القوائم وعلامات التبويب، ومكونات التراكب مثل مربعات الحوار والنوافذ المنبثقة، ومعالجة الوسائط المعقدة لاقتصاص الصور والتقاط التوقيعات. كما توفر أدوات لإدارة البيانات الهرمية، ومعالجة القوائم غير المتزامنة، ونظاماً لبناء جولات المنتج الموجهة.

This project is a static site generator and development environment designed for building data-driven dashboards and reports. It functions as a framework that combines narrative markdown documentation with interactive visualizations and data-driven components, compiling them into optimized static assets that can be deployed to any standard web infrastructure. The framework distinguishes itself through a multi-language data pipeline that executes scripts in languages such as Python, R, and SQL during the build process. By transforming raw information into precomputed data snapshots, it ensures

Makie.jl is a high-performance Julia data visualization library and hardware-accelerated plotting engine used to create interactive 2D and 3D visualizations. It functions as a reactive visualization framework where plots update automatically via observables and compute graphs, and as a vector graphics generator for high-resolution academic output. The system is distinguished by its backend-agnostic rendering pipeline, which supports OpenGL, WebGL, and ray-traced scenes. It employs a grammar-of-graphics approach to map variables to aesthetic attributes and utilizes a hierarchical scene graph t

Shards Dashboard هو قالب إداري ومجموعة أدوات واجهة مستخدم (UI kit) يعتمد على Bootstrap ومصمم للتطوير السريع لواجهات الإدارة المستندة إلى الويب. يوفر مجموعة من تخطيطات الصفحات المبنية مسبقاً ومكونات الواجهة القابلة لإعادة الاستخدام التي تسمح للمطورين بإنشاء لوحات تحكم وظيفية بلغة تصميم متسقة. يتميز إطار العمل بنظام تخطيط قائم على الشبكة (grid-based) سريع الاستجابة يقوم تلقائياً بضبط المحتوى ليناسب أحجام الشاشات ومنافذ عرض الأجهزة المختلفة. ويتضمن مكتبة متخصصة من الأدوات التفاعلية، مثل مخططات تصور البيانات، ومنتقيات التاريخ، ومنزلقات النطاق، التي تسهل عرض المقاييس المعقدة وجمع مدخلات المستخدم. يدعم المشروع تخصيصاً واسعاً للأصول المرئية وسمات التصميم لتتوافق مع متطلبات العلامة التجارية المحددة. كما يوفر واجهة موحدة لدمج إضافات الطرف الثالث، مما يتيح توسيع الوظائف الأساسية لمهام مثل إدارة البيانات وتحرير النصوص الغنية.