Awesome GitHub RepositoriesScroll Progress Bars

Short CSS code snippets for all your development needs

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

Open Source Javascript Gantt

ngx-bootstrap est un ensemble de widgets et de composants d'interface utilisateur stylisés Bootstrap conçus spécifiquement pour le framework Angular. Il fournit une bibliothèque d'éléments d'interface réutilisables conçus pour fonctionner avec le moteur de compilation et de rendu Angular Ivy. La bibliothèque permet l'intégration de composants Bootstrap dans des applications Angular pour créer des interfaces utilisateur réactives sans nécessiter de CSS ou de JavaScript manuel. Elle remplace le besoin de jQuery en utilisant des directives Angular pour la gestion d'état et un moteur de positionnement adaptatif pour les éléments flottants. L'ensemble de composants couvre un large éventail d'éléments interactifs, notamment des contrôles de navigation comme les onglets et la pagination, des fenêtres de superposition comme les modales et les popovers, et des outils de saisie de données comme les sélecteurs de date et d'heure. Il inclut également des widgets de mise en page et de feedback tels que des accordéons, des barres de progression et des alertes.

Ce projet est un framework CSS et une couche de style qui applique les styles visuels de Bootstrap aux composants jQuery UI. Il fonctionne comme un pont inter-bibliothèques pour unifier l'identité visuelle de ces deux bibliothèques, garantissant que les widgets jQuery UI correspondent à un système de design cohérent basé sur Bootstrap. Le framework résout les conflits visuels et fonctionnels entre les bibliothèques via l'injection de style basée sur les sélecteurs et le mappage de thèmes. Il utilise une approche d'intégration en couches pour attacher des classes CSS standardisées aux éléments rendus par la bibliothèque de widgets, empêchant les collisions de style. Le projet couvre un large éventail d'éléments d'interface utilisateur interactifs, incluant des contrôles de saisie comme les sélecteurs de date, les champs d'autocomplétion et les curseurs. Il fournit également un style thématique pour les composants de mise en page tels que les boîtes de dialogue modales et les interfaces à onglets, ainsi que des éléments visuels comme les barres de progression, les menus et les infobulles.

XUI est un framework d'interface utilisateur Android natif et une bibliothèque de composants conçue pour construire des interfaces d'application. Il fournit une suite complète de layouts natifs, de champs de saisie et d'éléments de navigation, supportés par un système de gestion de thèmes à plusieurs niveaux pour définir des attributs visuels globaux et des styles responsifs. Le framework se distingue par un ensemble spécialisé de vues personnalisées et de toolkits d'interaction, incluant des calendriers haute performance, le rendu de visualisation de données et une variété de boutons stylisés avec des minuteurs intégrés et des effets visuels. Il inclut également des capacités de traitement multimédia intégrées telles que le scan de codes-barres et QR, la génération de QR personnalisés et une interface de recadrage d'image. Le projet couvre une large surface de capacités UI et UX, incluant divers composants de saisie de données, des primitives de fenêtres flottantes et un large éventail d'indicateurs de feedback comme les snackbars et les jauges de progression. Il fournit en outre le templating de layout, la configuration typographique et des systèmes d'animation pour gérer les transitions de vues et le feedback interactif.

Ce projet est un modèle administratif basé sur React et un kit UI conçu pour construire des tableaux de bord. Il fournit une collection complète de mises en page pré-stylisées, une bibliothèque de composants accessible et un framework UI basé sur Sass pour créer des interfaces administratives. Le modèle est spécifiquement structuré comme un projet optimisé pour l'IA, utilisant des modèles de codage et une organisation conçus pour aider les assistants IA à générer du code React cohérent et prêt pour la production. Il dispose d'un système de style flexible utilisant des variables Sass et des propriétés personnalisées CSS pour prendre en charge des thèmes clairs et sombres personnalisables. Le kit couvre un large éventail de capacités d'interface, y compris des widgets de visualisation de données, des tableaux interactifs avec tri et pagination, et des éléments de formulaire complexes comme des assistants multi-étapes. Il inclut des systèmes de navigation de haut niveau tels que des barres latérales et des fils d'ariane, ainsi que des composants structurels comme des grilles réactives, des boîtes de dialogue modales et des interfaces de calendrier accessibles.

vue-strap est un framework UI et une bibliothèque de composants proposant une collection d'éléments d'interface thématisés basés sur Bootstrap pour les applications Vue.js. Il sert de kit de composants Bootstrap faisant le pont entre le style d'un framework CSS et une architecture de composants JavaScript réactive. La bibliothèque implémente une large gamme de blocs fonctionnels, incluant des barres de navigation, des menus déroulants et des primitives de mise en page comme des panneaux accordéon et des onglets. Elle inclut un ensemble étendu de champs de formulaire avec sélecteurs de date, saisie semi-automatique et gestion intégrée de l'état de validation. Les fonctionnalités supplémentaires couvrent le feedback utilisateur et les superpositions via des boîtes de dialogue modales, des popovers informatifs, des indicateurs de chargement et des alertes colorées. Le framework fournit également des outils pour le design de mise en page responsive et les flux de saisie de données interactifs.

Ce projet est une barre de progression de terminal thread-safe et un wrapper d'E/S pour les applications Go. Il fournit une bibliothèque pour afficher des indicateurs de progression et des spinners d'activité dans une interface en ligne de commande afin de visualiser l'achèvement des tâches et la progression des flux de données. La bibliothèque inclut un intercepteur d'E/S qui suit et affiche automatiquement le volume d'octets traités lors des opérations de lecture ou d'écriture. Elle prend également en charge des spinners d'activité indéterminés pour les processus dont le volume total de travail est inconnu. Les utilisateurs peuvent configurer l'apparence visuelle des indicateurs de progression via des couleurs, des thèmes et du texte descriptif personnalisés. Le système gère la mise à jour dynamique de la visualisation de la progression à mesure qu'un processus avance vers une limite définie.

This project is a collection of experimental frontend prototypes, comprising a creative web layout gallery, a CSS user interface component library, and a visual experiment lab. It serves as an interactive animation showcase for holographic effects, audio-visual synthesis, and dynamic state transitions. The repository features specialized implementations of interactive media, including physics-based particle systems, real-time audio-visual synthesis, and an interactive sketching system. It also includes tools for content generation, such as text-based image reconstruction and a web-based prese

Bootflat is a front-end component library and CSS framework extension that implements a flat-design aesthetic for web application styling. It provides a set of reusable interface elements and a mobile-first grid system to facilitate responsive web design. The project integrates design and development through a PSD-driven workflow, providing professional Photoshop component sets and curated color palettes for interface prototyping. Visual customization is handled via variable-based theme overrides for colors and fonts. The library covers a broad range of UI components, including form elements

Papercss est un framework CSS UI et un système de design de style document utilisé pour construire des mises en page web responsives. Il fonctionne comme une bibliothèque CSS basée sur Less qui applique une esthétique papier et une typographie structurée pour donner aux pages web l'apparence de documents physiques. Le projet intègre également un modèle de bibliothèque CSS orienté utilitaires pour un stylage rapide. Le framework se distingue par sa capacité à automatiser les décorations visuelles, comme l'application de styles de bordures rotatives et d'effets d'ombre aux éléments enfants. Il utilise un système de variables basé sur Less et une compilation modulaire des feuilles de style, permettant aux utilisateurs de personnaliser les variables de design globales et de sélectionner des ensembles de composants spécifiques pour minimiser la taille finale de la feuille de style. La bibliothèque couvre un large éventail de capacités, incluant une grille responsive de douze colonnes basée sur Flexbox et un ensemble complet de composants UI tels que des modales, des notifications d'alerte et des barres de navigation responsives. Elle fournit également un stylage spécialisé pour le contenu technique, incluant des blocs de code, des tableaux de données et des mises en page d'articles, avec une prise en charge des modes clair et sombre.

Cnblogs-Theme-SimpleMemory is a customizable visual template for Cnblogs that modifies the layout and styling of blog posts and profile pages. It provides a combination of CSS stylesheets and a JavaScript-driven user interface to alter colors, typography, and layout elements. The theme includes dynamic interface enhancements such as a light and dark mode switcher, a scroll-based reading progress indicator, and a customizable embedded music player. It supports automated visual modifications triggered on specific remembrance days and the ability to change browser tab titles based on page focus.

This project is a comprehensive learning resource and technical reference for reactive programming with RxJS. It provides a structured curriculum, curated examples, and an indexed operator catalog to help developers shift from imperative to declarative programming using observable data streams and functional operators. The repository features a library of reactive UI patterns and implementation recipes. These cover practical applications such as type-ahead search, game loops, gesture-based interactions like swipe-to-refresh, and security overlays like lockscreens. The resource covers a broad