Kernel module overlays

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

react-toastify is a React toast notification library used to display temporary, animated alert messages. It functions as an animated notification framework and queue manager that coordinates the entry and exit transitions of on-screen alerts. The library features an imperative dispatch system that triggers notifications without requiring manual state management. It provides a customizable alert UI component that supports custom content, dark mode themes, and right-to-left layouts. The framework covers notification lifecycle management and behavior configuration, including the ability to limi

vue-js-modal is a component library for Vue.js applications that provides a system for creating customizable popup overlays, dialog windows, and dynamic content modals. It allows for the runtime injection of custom components and data into overlay windows to present focused content above the primary user interface. The library features draggable UI windows with capabilities for manual positioning and resizing. It is designed as a server-side rendering compatible component, utilizing style extraction to ensure consistent layout and visual appearance during server-side generation. The system c

Notie is a zero-dependency JavaScript UI library providing a suite of lightweight interface components for data collection, selection prompts, and system-level status notifications. It functions as an input component suite and a selection dialog tool that operates in any JavaScript environment without requiring third-party packages. The library includes a collection of notification tools, such as themed toast notifications that disappear after a set time and forced alert notifications that require explicit user acknowledgment for critical information. It also provides interactive dialogs for

Sonner is a React-based notification library designed for rendering transient, stackable feedback messages within web applications. It functions as a frontend system for managing and displaying time-limited alerts that inform users of system events or state changes during an active session. The library utilizes a centralized state machine to manage the lifecycle of each notification, ensuring consistent visibility and removal. It coordinates these elements through an event-driven message bus and renders them into a detached container outside the main application hierarchy to maintain global s

Toastr is a JavaScript toast notification library and client-side alert manager used to display non-blocking alert messages and system notifications in web browsers. It serves as a frontend notification UI for rendering timed messages that provide real-time visual feedback within web applications. The library includes a notification system that supports right-to-left layout mirroring for internationalized applications. It also features a mechanism to prevent duplicate notifications by matching new content against active alerts to avoid redundant stacking. The system manages notification life

Noty is a dependency-free JavaScript toast notification library and in-app notification system. It provides a framework for rendering non-blocking alert, success, error, and information messages, as well as interactive confirmation dialogs. The library includes a notification queue manager to organize the sequence and timing of messages and a web push notification manager for delivering system-level alerts via service workers when an application is inactive. The system supports extensive visual customization through HTML templates and theme configurations. It manages the notification lifecyc

This library is a Vue.js component system designed for managing transient visual feedback and toast-style alerts. It provides a framework for rendering non-blocking messages that inform users about application events or status updates without interrupting their current workflow. The system distinguishes itself through a decoupled architecture that uses a centralized event bus for triggering notifications from any part of an application. It supports complex layout requirements by routing alerts into named containers and rendering them via portals, which ensures that notifications remain visibl

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

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

notistack is a React notification toast library used for displaying and managing stacked, customizable snackbars. It provides a programmatic notification manager to trigger, dismiss, and deduplicate on-screen alerts via hooks and programmatic calls. The library features a stacked notification component that renders a queue of temporary alerts with configurable timeouts and visibility limits. It supports customizable snackbar interfaces that include action buttons and custom icons. The system covers notification appearance through anchor positioning and custom styling. It manages notification

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 project is a cross-platform UI component for React Native applications that provides a customizable overlay window for presenting content on top of existing application views. It serves as a library for managing animated modal components, backdrops, and mobile transitions. The component distinguishes itself through support for custom enter and exit animations and highly configurable backdrops, allowing for the adjustment of opacity, color, and the integration of custom elements. It also implements gesture-based dismissal, enabling users to close overlays via background taps or swipes in

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

mdui is a framework-agnostic UI library and design system based on Material Design 3 standards. It provides a comprehensive set of reusable interface elements implemented as native Web Components, ensuring compatibility across different JavaScript frameworks. The library features a sophisticated theming system that supports light and dark modes, as well as the ability to generate dynamic color palettes from seed colors or image sources. It distinguishes itself with a high level of flexibility in visual customization, using CSS custom properties to control design tokens such as typography, cor

UIkit is a CSS front-end framework and accessible UI component library designed for building responsive web interfaces. It provides a comprehensive set of styling classes and modular components alongside a JavaScript interaction toolkit for managing behavioral elements. The framework includes native support for internationalized web interfaces, featuring multi-locale text translation and right-to-left layout directions. It employs a responsive layout engine that uses flexible grids, adaptive breakpoints, and container widths to align content across different screen sizes. The toolkit covers

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

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

Bootstrap-vue is a Vue.js component library and responsive UI kit based on the Bootstrap CSS framework. It provides a frontend component suite of reusable interface elements designed for building mobile-first websites and web applications. The project wraps Bootstrap CSS classes in Vue components to manage styles and behaviors through reactive state. It integrates a responsive layout management system that synchronizes internal component states with Bootstrap's grid system and device breakpoints. The library covers a wide range of interface capabilities, including data display with sortable

Magnific-Popup is a JavaScript lightbox library and frontend UI component used to display images, videos, and remote HTML content within a responsive overlay window. It functions as a responsive media gallery, providing a dimmed background to focus viewing on specific content. The library distinguishes itself through its ability to fetch and render remote HTML via asynchronous AJAX requests and its support for thumbnail zoom transitions. It includes a gallery system that groups multiple media items with directional controls, progress counters, and background preloading of adjacent assets to e

Base UI is a headless component library and unstyled framework providing accessible interface primitives. It decouples behavioral logic and state management from the visual layer, allowing developers to implement complex UI patterns while maintaining total control over the final styling. The library implements WAI-ARIA design patterns to ensure all primitives support standard keyboard navigation and screen reader accessibility. It provides a suite of low-level building blocks that handle the internal mechanics of interface elements without bundling any CSS. The framework covers a broad range

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

Zag is a headless UI state machine library that provides unstyled component logic to ensure consistent behavior across different rendering engines. It functions as a toolkit for modeling complex user interface interactions using statecharts, decoupling the underlying logic and accessibility attributes from visual styling. The library is framework-agnostic, utilizing specialized adapters to bridge its state machine logic with various JavaScript libraries such as React, Solid, Vue, and Svelte. This approach allows developers to maintain a single interaction model while applying any CSS or styli

Ark is a headless UI component library that delivers accessible, cross-framework primitives with behavior governed by finite state machines. It provides unstyled components that encapsulate logic and accessibility — including full keyboard navigation, focus management, and WAI-ARIA support — while leaving visual styling entirely to the consumer. Components expose scoped data attributes for CSS targeting and use state machines to produce predictable, testable interactive behavior across every state transition. The library distinguishes itself through a state propagation model that distributes

fancyBox is a jQuery-based lightbox plugin and JavaScript modal gallery used to render images and videos within a full-screen overlay. It isolates media from the background page by utilizing a responsive gallery system that dims the rest of the screen to focus attention on the selected content. The tool functions as a touch-enabled content overlay, incorporating support for swipe gestures and pinch-to-zoom for navigating media on mobile devices and tablets. It ensures media scales correctly across different screen sizes through a responsive gallery system. The project covers a broad range of

Vex is a dialog management framework and modal library designed to create and coordinate configurable overlay windows for web applications. It functions as a UI component library that provides a system for replacing standard browser alert and prompt boxes with custom-styled interface elements. The library focuses on dialog coordination, enabling the management of multiple overlapping windows that can be opened and closed independently or in batches. It provides a mechanism for creating modal dialogs that block interaction with the main screen until a user completes a specific action. The fra

bootstrap-modal is a JavaScript library that extends the standard Bootstrap modal component to provide advanced resizing, stacking, and animation capabilities. It functions as an AJAX modal loader, fetching remote content and updating views asynchronously without requiring a browser page refresh. The project provides a stackable overlay manager to organize multiple overlapping windows with synchronized event handling and correct layer ordering. It also includes a responsive UI component that automatically adjusts dimensions and constraints based on the current window size. The library covers

A simple & lightweight method of displaying modal windows with jQuery.

A modal built with pure CSS, enhanced with JavaScript

Note: jQuery UI is in maintenance-only mode. Please read the project status blog post for more information._

This library provides a centralized state management system for handling modal lifecycles and visibility within React applications. By decoupling modal triggers from the component hierarchy, it enables developers to manage UI overlays globally without the need for passing visibility flags through deep component trees. The system utilizes a registry pattern to define reusable modal templates, allowing for dynamic component injection and programmatic instantiation from any location in an application. It distinguishes itself through a promise-based orchestration model, which allows calling compo

React Native Modalize is a customizable bottom sheet component designed for mobile applications. It functions as a navigation and interface utility that allows users to access secondary content or settings through slide-up panels without leaving their current screen context. The library distinguishes itself by processing touch events and swipe gestures directly on the UI thread, ensuring responsive interaction across different mobile devices. It utilizes a portal-based rendering approach to position modal content above all other application elements, while its internal logic synchronizes scro

Bootbox is a programmatic dialog library and JavaScript modal interface designed to create non-blocking alert, confirm, and prompt dialogs. It functions as a wrapper for the Bootstrap CSS framework, providing a toolkit to add stylized popup interactions to web interfaces. The library simulates native browser dialog behaviors through a programmatic API, replacing blocking alerts with asynchronous modal windows. It distinguishes itself by offering a localized interface design, allowing for the translation of dialog buttons and content across multiple languages using built-in or custom translati

Tamagui is a cross-platform user interface framework designed to build high-performance, themeable applications that share logic and styling across web and mobile environments. It functions as a comprehensive design system orchestrator, providing a collection of type-safe components that compile to optimized atomic CSS for the web and native code for mobile platforms. By utilizing a build-time compiler, the framework eliminates runtime overhead, ensuring consistent visual output and interaction behavior regardless of the target platform. The framework distinguishes itself through its advanced