15 repository-uri
Floating containers for focused information overlays.
Distinguishing note: No existing candidates; focuses on modal overlay behavior.
Explore 15 awesome GitHub repositories matching user interface & experience · Modals. Refine with filters or upvote what's useful.
Bulma is a design-agnostic CSS framework that provides a collection of pre-styled interface components and layout primitives. It is built to be independent of specific JavaScript frameworks or build tools, allowing developers to construct responsive web interfaces by applying standardized classes directly to semantic HTML markup. The framework distinguishes itself through a utility-first approach that combines modular component styling with a flexible grid system. It leverages native CSS variables to manage design tokens, enabling real-time visual customization, automatic dark mode adaptation
Renders floating containers that sit above page content to present focused information while dimming the background.
Tabler is a comprehensive UI framework designed for building responsive, data-heavy administrative panels and enterprise web applications. It provides a unified collection of pre-styled components and layout patterns that allow developers to construct complex dashboard interfaces using a consistent design system. The project distinguishes itself through a metadata-driven approach to interactivity, where complex component behaviors and state transitions are initialized by parsing configuration attributes directly from HTML elements. This allows for the creation of interactive interfaces withou
Supports layering content over the main document to display lightboxes or notifications.
Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application. The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti
Offers an overlay window component supporting custom sizing, vertical centering, and scrollable content areas.
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
Provides a system for rendering custom forms, wizards, or interface components within modal windows.
The mdb-ui-kit is a frontend component library and visual extension that combines the Bootstrap 5 framework with Material Design principles. It provides a collection of pre-styled interface elements and responsive web templates to facilitate the development of consistent web applications. The toolkit extends the Bootstrap ecosystem by adding Material Design aesthetics and advanced styling options. It enables rapid prototyping through the use of pre-configured design blocks and provides mechanisms for deep visual customization via SCSS variables and native CSS custom properties, including supp
Allows dynamic configuration of text and interactive elements within modal dialogs based on the trigger element.
This project is a command-line utility and development framework designed to modify, extend, and customize the Spotify desktop client. It functions as a binary patching engine that injects custom scripts, stylesheets, and interface components directly into the host application, enabling users to alter visual themes and add new functionality. The tool distinguishes itself by providing a comprehensive development environment for building modular extensions and custom applications. It includes a hot-reloading pipeline for rapid iteration, a declarative library for constructing interactive UI pan
Renders interactive popup windows to present information or collect user input.
Hero is a transition framework and animation toolkit for iOS and tvOS designed to create fluid visual continuity between screens. It provides a shared element animation library that interpolates the position and size of views across different screens using unique identifiers. The framework includes an interactive transition controller that binds navigation progress to manual gestures and user input events in real time. It utilizes a system for calculating animation durations based on element distance and size to maintain a consistent sense of motion speed. The toolkit covers global coordinat
Defines specific presentation and dismissal styles for modals and navigation to control the visual feel.
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
Builds interactive selection modals for foreign key fields, allowing users to pick and link records.
material-dialogs is a Kotlin UI component library that provides a collection of modal dialogs and bottom sheets for Android applications. It is designed to implement user interface elements that follow Material Design standards. The library provides specialized modal interfaces for selecting calendar dates, clock times, and specific color values. It also includes system chooser integrations for selecting files and directories from local storage. Beyond pickers, the library covers a broader range of interaction components including text input dialogs, modal alerts with action buttons, and bot
Provides managed animations and visibility transitions for bottom sheets and modal overlays.
Sweetalert2 is a JavaScript library for creating accessible and responsive modal dialogs that replace standard browser alerts. It functions as a web interface component library, providing a system for rendering stylized, interactive notifications and popups that support complex layouts and user input fields. The library distinguishes itself through a state-driven lifecycle and promise-based flow control, which allows developers to handle user interactions and return results to the calling code after a modal is dismissed. It utilizes focus-trap mechanisms to maintain accessibility standards an
Renders accessible and responsive modal dialogs that replace standard browser alerts with customizable content.
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
Provides floating containers for full-table modal messages to notify users of processes.
Acest proiect este o componentă UI cross-platform pentru aplicații React Native care oferă o fereastră overlay personalizabilă pentru prezentarea conținutului peste vizualizările existente ale aplicației. Servește drept bibliotecă pentru gestionarea componentelor modale animate, a fundalurilor și a tranzițiilor mobile. Componenta se distinge prin suportul pentru animații personalizate de intrare și ieșire și fundaluri extrem de configurabile, permițând ajustarea opacității, culorii și integrarea elementelor personalizate. De asemenea, implementează închiderea prin gesturi, permițând utilizatorilor să închidă overlay-urile prin atingeri în fundal sau swipe-uri în direcții specificate. Biblioteca gestionează provocările de interfață specifice dispozitivelor mobile, inclusiv poziționarea adaptivă a tastaturii pentru a menține conținutul vizibil atunci când tastatura software se deschide și coordonarea gesturilor de swipe cu conținutul scrollabil intern. Oferă, de asemenea, callback-uri de ciclu de viață care se declanșează în timpul secvențelor de animație și al evenimentelor de sistem.
Supports custom animation configurations for the presentation and dismissal of modal overlays.
bootstrap-modal este o bibliotecă JavaScript care extinde componenta standard Bootstrap modal pentru a oferi capabilități avansate de redimensionare, stivuire și animație. Acesta funcționează ca un loader modal AJAX, preluând conținut remote și actualizând vizualizările asincron, fără a necesita reîmprospătarea paginii browser-ului. Proiectul oferă un manager de overlay stivuibil pentru a organiza mai multe ferestre suprapuse cu gestionarea sincronizată a evenimentelor și ordonarea corectă a straturilor. Include, de asemenea, o componentă UI responsivă care ajustează automat dimensiunile și constrângerile în funcție de dimensiunea curentă a ferestrei. Biblioteca acoperă domenii funcționale mai largi, inclusiv fluxuri de lucru modale imbricate, blocarea scroll-ului de fundal și animații de tranziție modală. Încorporează, de asemenea, mecanisme de feedback vizual, cum ar fi indicatori de stare de încărcare și animații de interacțiune pentru a semnala procesele de fundal active.
Functions as an AJAX modal loader that fetches remote content and updates views asynchronously.
Colorbox is a jQuery-based lightbox plugin and modal overlay library used to display images, HTML, and external content within a centered window. It functions as a customizable UI component and an AJAX content loader capable of fetching remote data via GET or POST requests. The library distinguishes itself through its ability to group multiple media items into a sequential image gallery slideshow. It includes a state-based sequencing system that provides previous and next navigation controls to cycle through these collections. The tool covers a broad range of rendering and management capabil
Implements a specialized modal system for fetching and displaying remote content asynchronously via AJAX.
Acest repository servește drept colecție completă de implementări de referință pentru framework-ul web Remix. Oferă exemple practice de dezvoltare web full-stack, demonstrând cum să construiești aplicații dinamice, rerate pe server, care fac legătura între logica server-side și interactivitatea client-side. Prin utilizarea unei arhitecturi bazate pe componente, aceste exemple ilustrează tipare fundamentale pentru gestionarea datelor, rutare și interfețe utilizator într-un mediu de dezvoltare unificat. Colecția evidențiază abordarea distinctivă a framework-ului față de arhitectura web, punând accent pe încărcarea datelor pe server și ierarhiile de rute imbricate care oglindesc structurile URL. Aceste exemple arată cum să gestionezi cererile care schimbă starea prin acțiuni dedicate pe server și să asiguri funcționalitatea aplicației prin îmbunătățire progresivă (progressive enhancement), permițând funcțiilor să rămână operaționale chiar înainte ca scripturile client-side să fie complet încărcate. Dincolo de tiparele fundamentale, repository-ul acoperă un spectru larg de capabilități de integrare, inclusiv autentificare securizată și gestionarea sesiunilor, sincronizarea datelor în timp real și conectivitatea cu API-uri externe. De asemenea, oferă îndrumări privind fluxurile de lucru pregătite pentru producție, cum ar fi procesarea sarcinilor în fundal, gestionarea securizată a plăților și tehnici de optimizare a performanței, precum batching-ul cererilor către baza de date și amânarea încărcării resurselor (asset deferral). Aceste exemple sunt menținute ca un set de proiecte modulare, oferind dezvoltatorilor o privire directă asupra modului de structurare a aplicațiilor, impunerea calității codului și automatizarea pipeline-urilor de deployment. Fiecare implementare servește drept șablon funcțional pentru sarcini comune de dezvoltare web, variind de la gestionarea conținutului și a formularelor până la interacțiuni UI complexe.
Uses URL paths to trigger modal visibility, allowing users to share direct links to specific modal states.