awesome-repositories.com
Blog
awesome-repositories.com

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectDespreCum realizăm clasamentulPresăServer MCP
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

15 repository-uri

Awesome GitHub RepositoriesModals

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.

Awesome Modals GitHub Repositories

Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
  • jgthms/bulmaAvatar jgthms

    jgthms/bulma

    50,074Vezi pe GitHub↗

    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.

    CSScsscss-frameworkdesign
    Vezi pe GitHub↗50,074
  • tabler/tablerAvatar tabler

    tabler/tabler

    41,180Vezi pe GitHub↗

    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.

    HTMLadmin-dashboardadminpanelboilerplate-template
    Vezi pe GitHub↗41,180
  • mantinedev/mantineAvatar mantinedev

    mantinedev/mantine

    31,263Vezi pe GitHub↗

    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.

    TypeScriptdark-modedark-themehooks
    Vezi pe GitHub↗31,263
  • filamentphp/filamentAvatar filamentphp

    filamentphp/filament

    31,215Vezi pe GitHub↗

    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.

    PHPadminalpine-jsbuilder
    Vezi pe GitHub↗31,215
  • mdbootstrap/mdb-ui-kitAvatar mdbootstrap

    mdbootstrap/mdb-ui-kit

    24,256Vezi pe GitHub↗

    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.

    SCSSbootstrapbootstrap-materialbootstrap-template
    Vezi pe GitHub↗24,256
  • spicetify/cliAvatar spicetify

    spicetify/cli

    23,479Vezi pe GitHub↗

    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.

    JavaScriptcommand-linecommand-line-toolcustomization
    Vezi pe GitHub↗23,479
  • herotransitions/heroAvatar HeroTransitions

    HeroTransitions/Hero

    22,462Vezi pe GitHub↗

    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.

    Swift
    Vezi pe GitHub↗22,462
  • wagtail/wagtailAvatar wagtail

    wagtail/wagtail

    20,366Vezi pe GitHub↗

    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.

    Pythoncmsdjangohacktoberfest
    Vezi pe GitHub↗20,366
  • afollestad/material-dialogsAvatar afollestad

    afollestad/material-dialogs

    19,577Vezi pe GitHub↗

    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.

    Kotlin
    Vezi pe GitHub↗19,577
  • sweetalert2/sweetalert2Avatar sweetalert2

    sweetalert2/sweetalert2

    18,089Vezi pe GitHub↗

    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.

    JavaScriptaccessiblealertangular
    Vezi pe GitHub↗18,089
  • olifolkerd/tabulatorAvatar olifolkerd

    olifolkerd/tabulator

    7,550Vezi pe GitHub↗

    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.

    JavaScriptajaxcdnjsdata
    Vezi pe GitHub↗7,550
  • react-native-community/react-native-modalAvatar react-native-community

    react-native-community/react-native-modal

    5,656Vezi pe GitHub↗

    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.

    TypeScript
    Vezi pe GitHub↗5,656
  • jschr/bootstrap-modalAvatar jschr

    jschr/bootstrap-modal

    4,964Vezi pe GitHub↗

    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.

    JavaScript
    Vezi pe GitHub↗4,964
  • jackmoore/colorboxAvatar jackmoore

    jackmoore/colorbox

    4,731Vezi pe GitHub↗

    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.

    JavaScript
    Vezi pe GitHub↗4,731
  • remix-run/examplesAvatar remix-run

    remix-run/examples

    1,216Vezi pe GitHub↗

    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.

    TypeScript
    Vezi pe GitHub↗1,216
  1. Home
  2. User Interface & Experience
  3. Modals

Explorează sub-etichetele

  • AJAX LoadersModal components specialized in fetching remote content asynchronously. **Distinct from Modals:** Specializes general modals to focus specifically on the asynchronous loading of remote content.
  • ChooserInteractive selection modals for linking records from models or external data sources. **Distinct from Modals:** Distinct from general modals: focuses on the specific use case of record selection and linking in a CMS.
  • Injection ManagersUtilities for dynamically managing the lifecycle and insertion of modal containers into the document body. **Distinct from Modals:** Distinct from general modal overlays: focuses specifically on the programmatic injection and lifecycle management of the modal container.
  • Lifecycle EventsEvents and hooks that fire during the transition of a modal's visibility state. **Distinct from Modals:** Focuses on the programmatic events of showing/hiding rather than the general overlay container.
  • Modal Content CustomizationsUtilities for configuring the text and interactive elements within modal dialogs. **Distinct from Modals:** Distinct from Modals: focuses on the internal content configuration rather than the modal overlay itself.
  • Modal Initialization HooksLifecycle hooks for executing logic when a modal opens to prepare data or form states. **Distinct from Modals:** Distinct from Modals: focuses on the initialization lifecycle hook rather than the modal container itself.
  • Modal Transition StylesCustom animation configurations for the presentation and dismissal of modal overlays. **Distinct from Modals:** Focuses on the visual animation style of the modal transition, whereas Modals covers general overlay behavior.
  • Route-BasedModals triggered by URL paths to allow direct linking to specific modal states. **Distinct from Modals:** Distinct from generic Modals: specifically uses URL path segments to control modal visibility and state.