Awesome GitHub RepositoriesModal Components

Filament is a full-stack framework for building administrative panels and management interfaces within the Laravel ecosystem. It provides a declarative, component-based architecture that allows developers to construct complex, data-driven applications using server-side configuration objects rather than manual HTML. By inspecting database model structures and relationships, the framework automates the generation of CRUD interfaces, forms, and data tables, significantly reducing boilerplate code. The project distinguishes itself through a highly modular and extensible design that supports custo

React-admin is a framework for building data-driven administrative interfaces that connect to REST or GraphQL backends. It provides a comprehensive suite of tools for managing the full lifecycle of administrative applications, including resource-oriented routing, declarative form scaffolding, and context-driven state management. By utilizing a modular adapter-based architecture, the framework abstracts backend communication, allowing developers to build consistent CRUD interfaces that handle data fetching, authentication, and synchronization automatically. The project distinguishes itself thr

SweetAlert is a JavaScript modal dialog library and web UI component library used to replace native browser alert and prompt windows with stylized, customizable popup dialogs. It provides a set of visual components for displaying messages, warnings, and prompts through a polished user interface. The library allows for the creation of custom modal designs and branded popup dialogs that match a specific website aesthetic. It supports the embedding of external rendering elements directly into popups to customize visual content and layout. The toolkit covers a range of interaction patterns, incl

Wagtail is an open-source content management system built on the Django web framework. It provides a structured, tree-based approach to content modeling, allowing developers to define custom page types and reusable content components that are managed through a highly customizable administrative interface. The platform distinguishes itself through its flexible, block-based content composition system, which enables editors to assemble complex page layouts dynamically. It also offers robust support for multi-site and multi-lingual environments, allowing organizations to manage distinct websites

This project is a cross-platform chatbot framework designed to integrate generative artificial intelligence models into messaging services. It provides a unified architecture for building and deploying automated bots that maintain consistent conversation state, user identity, and interaction logic across multiple messaging platforms from a single codebase. The framework distinguishes itself through a modular adapter system that normalizes platform-specific webhooks and events into a standardized internal schema. It includes a comprehensive toolkit for constructing rich, interactive user inter

vim-airline is a customizable status and tab line plugin for Vim that displays editor state and plugin metadata in real time. It serves as a visual interface extension and buffer manager, providing an enhanced UI through a dynamic status line and a top tab bar for navigating open files. The plugin features a theme-based styling system that supports predefined color schemes and specialized font icons. Users can configure the visual aesthetic by modifying colors and reordering individual status line sections to control which information is visible. The system manages editor state visualization

This project is a comprehensive collection of web development reference guides and technical cheat sheets. It provides a curated set of markdown-based documentation designed to help developers quickly locate syntax patterns and API examples for common web technologies and programming languages. The repository serves as a specialized reference library covering several distinct technical domains. It includes extensive guides for CSS, focusing on selectors, Flexbox, Grid, and responsive layout properties, as well as a DevOps command reference for Docker, Kubernetes, AWS, Ansible, and general she

This project is a collection of native directives designed to implement the Bootstrap component framework within Angular applications. It provides a suite of modular interface elements that allow developers to build interactive web components without requiring external JavaScript dependencies. The library distinguishes itself by using a dependency-free logic layer that relies entirely on native framework primitives. It features a specialized service-based positioning engine to manage the placement of floating overlays and an event-driven system to coordinate the lifecycle of complex UI elemen

Kepler.gl is a web-based geospatial visualization framework designed for rendering large-scale location datasets. It functions as a modular React mapping component that enables developers to embed interactive, high-performance geographic visualizations into web applications, serving as a comprehensive engine for building browser-based GIS dashboards. The library distinguishes itself through a highly extensible architecture that centers on centralized state management. By utilizing a predictable state-driven model, it allows for the programmatic control of map layers, filters, and viewport set

Kakoune is a scriptable, modal text editor for the terminal that employs a client-server architecture. This model allows multiple terminal windows to connect to a single editing session, providing a programmable environment for managing source code and text. The editor is distinguished by its selection-first logic, where a text region must be predefined before a command is applied. It leverages regular expressions to manage multiple cursors and perform bulk edits across complex text patterns, and it integrates deeply with the shell by piping selections through external programs and filters.

Craft.js is a framework for building extensible drag-and-drop page editors using React components and serializable state management. It provides the core infrastructure to construct custom page builders where users can compose layouts by dragging, dropping, and repositioning elements within a structured editor environment. The framework manages editor state through a component-based node tree, where each user element is represented as an internal node storing its type, props, and parent relationships. This state is managed via React Context and can be serialized to JSON for persistence and sh

SwiftMessages is an iOS notification bar library and in-app message queue manager. It provides a system for displaying customizable alerts and status messages at the top, bottom, or center of the screen. The library features a hosting bridge that allows declarative SwiftUI views to be rendered within imperative UIKit containers. It includes a queue management system that sequences chronological notifications and filters duplicate alerts to prevent interface overlap. The system handles dynamic layout management to avoid occlusion by the system keyboard and provides an accessibility interface

This project is an accessible modal component for React applications. It provides a dialog window that overlays main content and manages keyboard focus to ensure compatibility with assistive technologies. The component integrates a portal wrapper to render modal content into a separate DOM node, avoiding layout nesting issues. It uses a focus-trapping system to restrict keyboard navigation to the dialog window and prevent users from tabbing into background page content. The library covers visibility control, custom portal mounting, and visual styling for dialog windows and overlays. It also

SwiftEntryKit is a Swift presentation framework and UI overlay library used to orchestrate banners, pop-up views, and custom modal presentations on top of an iOS application window. It functions as a view orchestrator that manages the lifecycle, animations, and layering of multiple overlapping user interface elements. The framework features a priority-based queueing system to determine the display order and precedence of overlays, ensuring specific elements can override others. It includes a dedicated animation toolkit for translation, scale, and fade transitions, alongside haptic integration

dtale est une grille interactive basée sur le web et un visualiseur pour les dataframes pandas, conçu comme un outil d'analyse exploratoire des données. Il fournit une interface basée sur le navigateur pour analyser les structures de données tabulaires, permettant aux utilisateurs de calculer des statistiques, de détecter des valeurs aberrantes et de calculer des corrélations sans écrire de code manuel. Le projet fonctionne comme un visualiseur de données intégré qui peut être intégré dans des applications web via des iframes ou des routes personnalisées, avec une prise en charge spécifique pour Django, Flask et Streamlit. Il permet l'exploration des jeux de données grâce à une combinaison d'une grille de données interactive et d'une bibliothèque de visualisation de données capable de générer des histogrammes, des boîtes à moustaches et des graphiques de dispersion 3D. La plateforme couvre un large éventail de capacités de gestion et d'analyse de données, notamment le nettoyage des données tabulaires, le remodelage et le filtrage interactif. Elle inclut des outils d'observabilité pour l'analyse des données manquantes, le calcul de corrélation et le score de puissance prédictive. Pour la gestion de session, elle prend en charge le suivi multi-instance et la persistance de l'état à travers les processus de travail concurrents. L'interface est protégée par une authentification par nom d'utilisateur et mot de passe et prend en charge l'ingestion de données à partir de fichiers délimités, de feuilles de calcul et de datastores ArcticDB.

bootstrap-modal est une bibliothèque JavaScript qui étend le composant modal Bootstrap standard pour fournir des capacités avancées de redimensionnement, d'empilement et d'animation. Il fonctionne comme un chargeur modal AJAX, récupérant du contenu distant et mettant à jour les vues de manière asynchrone sans nécessiter de rafraîchissement de la page du navigateur. Le projet fournit un gestionnaire de superposition empilable pour organiser de multiples fenêtres qui se chevauchent avec une gestion d'événements synchronisée et un ordre de couche correct. Il inclut également un composant d'interface utilisateur responsive qui ajuste automatiquement les dimensions et les contraintes en fonction de la taille actuelle de la fenêtre. La bibliothèque couvre des domaines fonctionnels plus larges incluant les workflows modaux imbriqués, le verrouillage du défilement en arrière-plan et les animations de transition modale. Elle incorpore en outre des mécanismes de feedback visuel tels que des indicateurs d'état de chargement et des animations d'interaction pour signaler les processus d'arrière-plan actifs.

go-astilectron est un framework GUI multiplateforme et une liaison (binding) qui permet la création de logiciels de bureau en combinant un backend Go compilé avec un frontend Electron. Il fonctionne comme un pont de communication inter-processus, utilisant un système de messagerie asynchrone pour échanger des événements JSON et synchroniser l'état entre le processus Go et l'interface utilisateur JavaScript. Le projet fournit un wrapper d'API de bureau natif pour orchestrer les fonctionnalités au niveau du système depuis le backend. Cela inclut la possibilité de gérer les fenêtres de navigateur, de construire des menus d'application natifs et de contrôler les icônes de la barre d'état système et le dock macOS. Il permet également l'enregistrement de raccourcis clavier globaux et l'exécution de commandes système. Le framework couvre de larges domaines de capacités, incluant la gestion des fenêtres, la détection de l'affichage matériel et les boîtes de dialogue système natives. Il fournit en outre un système de distribution pour regrouper les binaires d'application et les assets intégrés dans des installateurs distribuables ou des fichiers exécutables uniques pour plusieurs systèmes d'exploitation, incluant le provisionnement automatisé des binaires d'exécution requis.

Platform est un framework pour construire des applications de back-office et des tableaux de bord administratifs en utilisant Laravel. Il fonctionne comme un framework d'interface utilisateur piloté par schéma et un générateur CRUD qui construit automatiquement des interfaces de gestion de base de données, des formulaires de saisie et des règles de validation à partir de définitions de modèles programmatiques. Le projet se distingue par un kit d'interface utilisateur backend complet qui prend en charge la capture de données avancée, y compris le mappage de coordonnées géographiques, les matrices de données JSON tabulaires et le suivi des métadonnées marketing. Il dispose d'un système robuste de contrôle d'accès basé sur les rôles pour gérer la visibilité des ressources et la protection des routes, parallèlement à une implémentation de recherche plein texte globale qui indexe les données à travers plusieurs modèles. La plateforme couvre un large éventail de capacités, y compris le chargement de données asynchrone, les systèmes de notification multicanaux et une bibliothèque de composants de formulaire spécialisés pour la gestion de texte riche et de fichiers. Elle fournit également des outils pour la visualisation de données via l'agrégation de modèles et la création de graphiques, ainsi que des utilitaires pour le rafraîchissement partiel de page afin de simuler une expérience d'application monopage. Les options d'intégration permettent la connexion de contrôleurs existants et de templates hérités pour faciliter une migration progressive des fonctionnalités vers le framework.

Colorbox est un plugin lightbox basé sur jQuery et une bibliothèque de superposition modale utilisée pour afficher des images, du HTML et du contenu externe dans une fenêtre centrée. Il fonctionne comme un composant UI personnalisable et un chargeur de contenu AJAX capable de récupérer des données distantes via des requêtes GET ou POST. La bibliothèque se distingue par sa capacité à regrouper plusieurs éléments multimédias dans un diaporama de galerie d'images séquentiel. Elle inclut un système de séquençage basé sur l'état qui fournit des contrôles de navigation précédent/suivant pour parcourir ces collections. L'outil couvre un large éventail de capacités de rendu et de gestion, incluant l'intégration de médias tiers via des iframes et l'utilisation de mise en tampon d'éléments cachés pour préserver l'état du HTML en ligne. Il dispose d'un moteur d'animation de transition CSS pour les effets visuels et d'un système de callback par hooks d'événements pour déclencher une logique personnalisée pendant le cycle de vie de la modale. Les utilisateurs peuvent contrôler par programmation la superposition pour ouvrir, fermer, redimensionner ou naviguer parmi les éléments.