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 est un framework frontend et une bibliothèque de composants UI pour les applications Vue.js. Il fournit un système de conception personnalisable et un ensemble d'éléments d'interface utilisateur pré-stylisés conçus pour accélérer le développement d'interfaces web. Le projet se distingue par une boîte à outils visuelle thématisable qui prend en charge les mises à jour de couleurs dynamiques et la personnalisation de style côté serveur pour maintenir l'identité de marque. Il dispose également d'un composant de tableau de données spécialisé avec un support intégré pour l'édition de cellules en ligne et le traitement côté serveur pour la pagination, le filtrage et le tri. La bibliothèque couvre une large surface de capacités UI, incluant un système de grille responsive à douze colonnes, des éléments de formulaire complets et divers outils de mise en page comme des cartes de contenu et des listes repliables. Elle inclut également des utilitaires de navigation tels que des barres latérales et des fils d'ariane, ainsi qu'un éventail de superpositions incluant des boîtes de dialogue modales, des notifications système et des infobulles.

Zag est une bibliothèque de machine à états UI headless qui fournit une logique de composant non stylisée pour assurer un comportement cohérent à travers différents moteurs de rendu. Elle fonctionne comme une boîte à outils pour modéliser des interactions d'interface utilisateur complexes en utilisant des statecharts, découplant la logique sous-jacente et les attributs d'accessibilité du stylage visuel. La bibliothèque est agnostique au framework, utilisant des adaptateurs spécialisés pour faire le pont entre sa logique de machine à états et diverses bibliothèques JavaScript telles que React, Solid, Vue et Svelte. Cette approche permet aux développeurs de maintenir un modèle d'interaction unique tout en appliquant n'importe quelle solution CSS ou de stylage via des attributs de données pilotés par l'état. Zag couvre un large éventail de domaines fonctionnels, incluant une gestion complète de l'accessibilité pour la navigation au clavier et les attributs ARIA, ainsi qu'une vaste collection de primitives interactives. Celles-ci incluent des contrôles de saisie, des éléments de navigation comme les menus et onglets, des composants de superposition tels que les dialogues et popovers, et une gestion média complexe pour le recadrage d'image et la capture de signature. Elle fournit également des utilitaires pour la gestion de données hiérarchiques, la gestion de listes asynchrones et un système pour construire des visites guidées de produits.

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 est un template administratif et kit UI basé sur Bootstrap, conçu pour le développement rapide d'interfaces de gestion web. Il fournit une collection de mises en page pré-construites et de composants d'interface réutilisables qui permettent aux développeurs de construire des tableaux de bord fonctionnels avec un langage de design cohérent. Le framework se distingue par un système de mise en page basé sur une grille réactive qui ajuste automatiquement le contenu pour s'adapter à diverses tailles d'écran et fenêtres d'affichage. Il inclut une bibliothèque spécialisée de widgets interactifs, tels que des graphiques de visualisation de données, des sélecteurs de date et des curseurs de plage, qui facilitent l'affichage de métriques complexes et la collecte d'entrées utilisateur. Le projet prend en charge une personnalisation étendue des ressources visuelles et des thèmes de design pour s'aligner sur des exigences de marque spécifiques. Il fournit également une interface standardisée pour intégrer des plugins tiers, permettant l'extension des fonctionnalités de base pour des tâches comme la gestion de données et l'édition de texte riche.