awesome-repositories.com
Blog
awesome-repositories.com

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetÀ proposNotre méthodologiePresseServeur MCP
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
layui avatar

layui/layerArchived

0
View on GitHub↗
8,196 stars·2,701 forks·JavaScript·MIT·3 vueslayui.dev/2.7/layer↗

Layer

This project is a JavaScript UI component library and frontend utility toolkit. It serves as a web modal framework and popup library, providing a specialized system for rendering interactive dialogs, overlays, and layered interfaces over web page content.

The library is distinguished by its comprehensive set of overlay tools, including alert dialogs, confirmation prompts, and the ability to embed external content via iframes. It also features a responsive twelve-column grid system for cross-device layout compatibility and an internal modular dependency management system for on-demand loading of functional modules.

The capability surface extends to structured data display through tables, tree views, and timelines, as well as an extensive collection of form elements like date pickers, range sliders, and file upload workflows. Additional utilities cover template-based content injection, XSS sanitization, browser environment detection, and local storage management.

Features

  • Responsive Grid Layouts - Implements a responsive twelve-column grid system with breakpoints for cross-device layout compatibility.
  • Web Modal Frameworks - Serves as a comprehensive framework for rendering and positioning customizable popups, alerts, and floating layers.
  • Customizable Popups - Provides a specialized system for rendering customizable overlay windows and layered interfaces.
  • Data Tables - Displays structured data with fixed headers, column sorting, pagination, and cell editing.
  • Modals and Popups - Provides a specialized set of interactive dialogs including alerts, confirms, prompts, and iframe windows.
  • Utility Toolkits - Offers a comprehensive toolkit of helpers for date formatting, XSS sanitization, and browser detection.
  • Dynamic Data Tables - Creates data tables from API endpoints or static arrays with pagination and custom headers.
  • Column-Based Responsive Grids - Provides a twelve-column responsive grid system with predefined breakpoints for mobile, tablet, and desktop screens.
  • Alert Dialogs - Displays modal alert windows that notify users and require interaction to dismiss.
  • Navigation Menus - Implements a comprehensive set of navigation menus including sidebars and nested dropdowns.
  • UI Component Libraries - Provides pre-styled reusable interface elements and interaction patterns for building web interfaces.
  • User Confirmation Dialogs - Prompts users for explicit approval via dialogs before executing sensitive application actions.
  • Z-Index Management - Manages the visual stacking order of popups and tooltips to maintain a consistent hierarchy over page content.
  • DOM-Based Window Management - Renders customizable overlay windows and modals by injecting HTML content or iframes directly into the DOM.
  • UI Component Libraries - Ships a collection of pre-styled elements including data tables, form inputs, and navigation menus.
  • Global Configurations - Registers custom modules via a global configuration object to share functionality across the entire application.
  • Modular Library Extensions - Extends library functionality by registering custom modules via a global configuration.
  • Button Styles - Formats HTML elements as buttons with customizable themes, sizes, rounded corners, and icons.
  • Chronological Timelines - Displays a sequence of chronological events on a vertical axis to represent history over time.
  • Collapsible Panels - Creates expandable content areas that save screen space by limiting the number of active sections.
  • Color Pickers - Provides a color selection interface supporting hex, rgb, and rgba modes with alpha transparency.
  • Common UI Element Styling - Provides baseline visual styling for common HTML elements, including colors and shapes.
  • Date and Time Pickers - Provides interactive pickers for selecting years, months, days, and times in various formats.
  • Dropdown Menus - Provides interactive menus that reveal nested sub-menus and custom templates upon user trigger.
  • Input Value Assignment - Enables programmatic reading and writing of form values using data objects.
  • Form Input Components - Renders checkboxes, radio buttons, and toggle switches with customizable labels and states.
  • Form Input Handling - Handles the validation and batch assignment of values for select menus, checkboxes, and switches.
  • Form Input Validation - Enforces data integrity during form submission using built-in rules or custom regular expressions.
  • Form Submission Management - Triggers form submissions and executes callbacks programmatically without requiring user clicks.
  • Iframe Overlays - Enables loading remote URLs within an iframe layer to display external pages inside a popup.
  • Input Prompts - Opens modal dialogs with text input fields to capture brief user information.
  • UI Tooltips - Provides small popup tips that anchor themselves to specific page elements.
  • Layout Utility Classes - Provides structural layout utilities for centering blocks and managing inline-block elements.
  • Pagination Controls - Provides navigation controls that break large datasets into discrete, sequential pages.
  • UI Element Visibility Toggles - Provides utilities to toggle the visibility and disabled states of UI elements dynamically.
  • Content Panels - Displays independent containers or card-style surfaces with shadows to organize and highlight page sections.
  • Predefined Animation Effects - Provides a set of predefined CSS animation effects such as fades, slides, and scales.
  • Range Sliders - Creates range sliders with customizable intervals, value inputs, and real-time callbacks.
  • Rating Inputs - Provides a selectable star-based interface for user feedback with custom colors and half-star increments.
  • Select Dropdowns - Builds dropdown select menus with support for option grouping, disabled items, and integrated search.
  • Sidebars - Provides persistent floating sidebars with icons and callbacks for page navigation.
  • Static Table Renderers - Renders basic tabular data using HTML attributes to control borders and zebra-striping.
  • Tabbed Containers - Renders popups containing multiple tabs to organize distinct sets of content.
  • Tabbed Interfaces - Provides a system for composing interactive tab panels with programmatic switching and management.
  • Text Input Fields - Renders single-line text fields, password masks, and multi-line text areas for data entry.
  • Toast Notifications - Displays non-blocking notification toasts that automatically dismiss after a specified time.
  • Tree Views - Renders hierarchical data structures with support for infinite nesting and connection lines.
  • Typography Styling - Controls font sizes, text colors, and text overflow handling for specific interface regions.
  • Color Palettes - Ships with a curated set of primary and secondary color palettes for interface consistency.
  • Loading Indicators - Renders visual loading overlays to indicate that background processes are active.
  • Slider Inputs - Provides draggable sliders for selecting single values or ranges with custom step intervals.
  • UI Skinning - Allows applying custom visual skins to popup layers and dialogs using CSS class definitions.
  • Vector Icons - Integrates scalable vector icons that can be customized via CSS for size and color.
  • Admin Layout Components - Provides a standardized layout structural system designed specifically for backend administration interfaces.
  • Asynchronous Module Loading - Implements an on-demand module loading system that executes callbacks once all required dependencies are resolved.
  • Custom Module Definitions - Defines JavaScript modules with specific interfaces and optional dependencies for application-wide use.
  • Form Handling - Provides tools for constructing structured input layouts with built-in validation and programmatic submission.
  • Form Layouts - Creates structured input layouts using standardized CSS classes and HTML components for consistent styling.
  • UI Template Injection - Generates formatted HTML strings by injecting data objects into templates with XSS sanitization.
  • Template Logic - Runs JavaScript statements and conditional logic within templates to control output based on data.

Historique des stars

Graphique de l'historique des stars pour layui/layerGraphique de l'historique des stars pour layui/layer

Recherche par IA

Explorez plus de dépôts awesome

Décrivez vos besoins en langage naturel — l'IA classe des milliers de projets open source sélectionnés par pertinence.

Start searching with AI

Alternatives open source à Layer

Projets open source similaires, classés selon le nombre de fonctionnalités partagées avec Layer.
  • bopoda/aceAvatar de bopoda

    bopoda/ace

    3,741Voir sur GitHub↗

    Ace is a responsive admin template and UI component library built on Bootstrap 3. It provides a comprehensive framework for creating administrative dashboards with a grid-based layout system that adapts to various screen sizes. The project features a broad array of pre-styled layouts for administrative interfaces, including specialized page templates for user profiles, email clients, and real-time chat interfaces. It includes a configuration system for adjusting visual presentations through color skins and right-to-left mirroring support. The library covers a wide range of interface capabili

    HTML
    Voir sur GitHub↗3,741
  • lusaxweb/vuesaxAvatar de lusaxweb

    lusaxweb/vuesax

    5,596Voir sur GitHub↗

    Vuesax is a frontend framework and UI component library for Vue.js applications. It provides a customizable design system and a set of pre-styled user interface elements designed to accelerate the development of web interfaces. The project is distinguished by a themeable visual toolkit that supports dynamic color updates and server-side style customization to maintain brand identity. It also features a specialized data table component with built-in support for inline cell editing and server-side processing for pagination, filtering, and sorting. The library covers a broad surface of UI capab

    Vue
    Voir sur GitHub↗5,596
  • filamentphp/filamentAvatar de filamentphp

    filamentphp/filament

    31,215Voir sur 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

    PHPadminalpine-jsbuilder
    Voir sur GitHub↗31,215
  • coreui/coreui-free-bootstrap-admin-templateAvatar de coreui

    coreui/coreui-free-bootstrap-admin-template

    12,220Voir sur GitHub↗

    CoreUI Free Bootstrap Admin Template is a pre-built, responsive admin dashboard template built on Bootstrap 5 for constructing back-office interfaces. It provides a library of UI components with native wrappers for React, Vue, and Angular applications, alongside a Sass-based theming system for managing brand colors, dark mode, and design tokens via variables and CSS custom properties. The template includes a set of advanced form controls such as autocomplete, date pickers, and multi-step wizards with built-in validation, and supports switching the entire interface between built-in dark and li

    HTMLadminadmin-dashboardadmin-panel
    Voir sur GitHub↗12,220
Voir les 30 alternatives à Layer→

Questions fréquentes

Que fait layui/layer ?

This project is a JavaScript UI component library and frontend utility toolkit. It serves as a web modal framework and popup library, providing a specialized system for rendering interactive dialogs, overlays, and layered interfaces over web page content.

Quelles sont les fonctionnalités principales de layui/layer ?

Les fonctionnalités principales de layui/layer sont : Responsive Grid Layouts, Web Modal Frameworks, Customizable Popups, Data Tables, Modals and Popups, Utility Toolkits, Dynamic Data Tables, Column-Based Responsive Grids.

Quelles sont les alternatives open-source à layui/layer ?

Les alternatives open-source à layui/layer incluent : bopoda/ace — Ace is a responsive admin template and UI component library built on Bootstrap 3. It provides a comprehensive… lusaxweb/vuesax — Vuesax is a frontend framework and UI component library for Vue.js applications. It provides a customizable design… filamentphp/filament — Filament is a full-stack framework for building administrative panels and management interfaces within the Laravel… coreui/coreui-free-bootstrap-admin-template — CoreUI Free Bootstrap Admin Template is a pre-built, responsive admin dashboard template built on Bootstrap 5 for… cosscom/coss — Coss is an accessible UI component library and design system framework used to build web interfaces. It provides a… coreui/coreui-free-react-admin-template — This project is a React-based administrative template and UI kit designed for building dashboards. It provides a…