Awesome GitHub RepositoriesModal Overlays

Ionic Framework is a cross-platform UI toolkit and hybrid app framework used to build native-quality mobile and progressive web applications using HTML, CSS, and JavaScript. It functions as a web component library that enables the deployment of a single codebase across iOS, Android, and the web. The framework features a platform-adaptive design system that automatically switches the visual style of components to match the design patterns of the host operating system. It utilizes a web-component-based architecture with CSS custom properties for global theming and specialized bindings to synchr

Expo is a universal mobile framework designed to build native iOS and Android applications from a single codebase using web-standard technologies. It provides a comprehensive development environment that includes a unified runtime for testing, cloud-based infrastructure for compiling and signing native binaries, and automated tools for managing the entire mobile release lifecycle, including app store submission. The framework distinguishes itself through a plugin-based native configuration engine that programmatically modifies project files, allowing developers to integrate native modules wit

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

This project is a cross-platform user interface framework that maps mobile-native component primitives to standard web elements. It enables developers to build consistent applications that function across both mobile and web environments by providing a unified library of components and shared logic. The framework distinguishes itself through a specialized style engine that converts JavaScript object-based declarations into optimized, scoped CSS at runtime. It also features a responsive layout engine that implements a flexbox-based system, ensuring that interfaces adapt dynamically to differen

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

Coss is an accessible UI component library and design system framework used to build web interfaces. It provides a comprehensive kit of interactive elements and layout building blocks that follow screen reader and keyboard navigation standards. The project functions as a UI overlay management library, offering specialized tools for implementing anchored popovers, tooltips, and slide-out panels with smooth transitions. It includes a set of accessible form primitives and selection controls to ensure compatibility across different assistive technologies. Its broader capabilities cover the const

Buefy is a lightweight user interface component library built for Vue.js. It serves as a programmatic wrapper for the Bulma CSS framework, providing a set of pre-styled layout utilities, form components, and structural wrappers to ensure a consistent visual identity. The library provides a comprehensive suite of form elements, including specialized date and time pickers, autocomplete inputs, and validation wrappers. It also includes layout tools such as navigation bars, off-canvas sidebars, and modal overlays, as well as notification systems for banners, snackbars, and toasts. Additional cap

This is a bottom sheet component library for React Native that provides gesture-driven panels sliding up from the bottom of the screen. The library is built around configurable snap points, dynamic sizing, keyboard awareness, modal presentation, and synchronized scrolling, with native driver animation offloaded to the native thread for smooth performance. The library distinguishes itself through deep gesture and animation control, including custom gesture handler overrides, scroll-gesture synchronization, and dynamic snap point recalculation when content size or keyboard visibility changes. I

This project is a cross-platform mobile navigation library and declarative routing engine. It maps components to named scenes within a centralized configuration to manage application flow and screen transitions. The system distinguishes itself through a variety of specialized navigation patterns, including a mobile drawer navigation system for side menus and a tab navigation framework for organizing top-level views. It also features a modal overlay manager for rendering screens as pop-ups or transparent lightboxes and a deep linking handler that maps incoming URIs to specific application scen

Presenterm is a CLI presentation framework and tool used to create interactive slide decks directly in the terminal. It functions as a Markdown slide renderer, transforming Markdown files into formatted terminal presentations with support for synchronized speaker notes and custom YAML themes. The project distinguishes itself through a built-in terminal code executor that runs code snippets live during a presentation, replacing source blocks with real-time output. It also features a terminal image renderer capable of displaying local images, animated GIFs, and pre-rendered diagrams or mathemat

react-joyride is a user onboarding library for React applications used to create interactive guided tours and walkthroughs. It provides a framework for defining sequences of tooltips and beacons that highlight specific user interface elements to introduce users to application features. The library distinguishes itself through a programmatic controller that allows developers to manage tour state, navigation, and lifecycle events via external application logic. It supports a high degree of visual extensibility, allowing the replacement of default tooltips and beacons with custom components to m

Tabulator is an interactive data table library and virtual DOM data grid used to create high-performance tables from JSON or arrays. It functions as a hierarchical data viewer and a spreadsheet interface component, capable of rendering thousands of records efficiently through viewport-based virtualization and progressive loading. The library distinguishes itself by providing a full spreadsheet interface mode with multi-sheet management, cell range selection, and bulk copy-paste capabilities. It supports complex data architectures, including nested data field mapping, expandable tree structure

FloatingPanel est un composant Swift UI pour iOS qui fournit une feuille inférieure interactive et un gestionnaire de panneaux. Il fonctionne comme un contrôleur de présentation modale qui permet aux développeurs d'afficher des conteneurs flottants pour du contenu connexe et des utilitaires à côté d'un écran principal. Le système utilise un système d'ancrage magnétique pour accrocher les panneaux à des positions verticales prédéfinies et prend en charge la gestion de plusieurs panneaux au sein d'une seule vue. Il synchronise la position du panneau avec le comportement de défilement des vues internes pour coordonner le mouvement pendant l'interaction de l'utilisateur. Le projet couvre des capacités pour le suivi de position basé sur les gestes, les calculs de mise en page pilotés par l'état et la répartition d'événements basée sur les délégués. Ces éléments sont utilisés pour implémenter des affichages de contenu contextuel, des modales personnalisées et des interfaces interactives basées sur des cartes.

Fakeflix est un frontend de streaming multimédia qui sert de galerie visuelle pour explorer des films et des émissions de télévision. Il fonctionne comme une interface de navigation de films et de séries qui récupère les métadonnées de l'API The Movie Database pour peupler son catalogue de contenu. L'application inclut un système de suivi de contenu personnel, permettant aux utilisateurs de maintenir une liste de surveillance de films organisée et de gérer une liste de favoris qui persiste entre les sessions. Elle dispose également d'une couche de gestion de compte sécurisée qui gère les inscriptions, les connexions et les connexions via des fournisseurs d'identité tiers grâce à un système d'authentification OAuth. Les utilisateurs peuvent découvrir des médias via l'exploration de catalogue organisée, le défilement infini et une interface de recherche par mots-clés pour trouver des titres, acteurs ou réalisateurs spécifiques. Les métadonnées détaillées pour les médias sélectionnés sont affichées dans une interface modale pour préserver la position de l'utilisateur dans la galerie.

This project is a neobrutalist UI component library and accessible design system for React. It provides a collection of high-contrast web elements characterized by bold colors, thick borders, and a raw aesthetic. The library distinguishes itself by combining a data visualization toolkit—featuring styled charts and responsive tables—with a comprehensive set of interactive components. It balances this specific visual style with accessibility standards for keyboard navigation and screen readers. The component surface covers a wide range of functional areas, including complex form controls with

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.

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.

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

tilt.js is a jQuery plugin and mouse-driven animation library used to create 3D parallax effects and interactive rotations on web elements. It functions as a frontend interaction tool that maps cursor coordinates to rotation angles, simulating three-dimensional perspective and spatial depth. The library features a dynamic glare overlay that simulates light reflection on a surface, mimicking materials such as glass or glossy plastic. It also implements layered parallax offsetting to shift inner elements along different axes, creating a perceived sense of depth as the main container rotates. T

PanModal is an iOS UI library used to create draggable bottom sheet modals that slide up from the bottom of the screen. It provides a programmatic interface for managing the layout, height, and state of these overlay panels, allowing content to be presented over a main view without navigating away from the current screen. The library includes a pan gesture coordinator that synchronizes touch movements between the draggable container and internal scrollable content. This ensures that sliding the modal and scrolling within its content do not conflict. The framework covers custom presentation l