awesome-repositories.com
Blog
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
openui avatar

openui/open-ui

0
View on GitHub↗
4,494 estrellas·223 forks·MDX·1 vistaopen-ui.org↗

Open Ui

Open-UI is a set of web UI standard specifications and a standardized UI component library. It provides technical definitions for universal UI components, behaviors, and accessibility requirements designed to ensure cross-browser compatibility through a series of web language proposals.

The project features a web accessibility polyfill and extensible control polyfills that provide modern UI control functionality in environments lacking native browser support. It includes a browser compatibility suite to verify that components meet defined behavioral and accessibility requirements.

The library covers a wide range of interface elements, including searchable comboboxes, interactive menu systems, multi-handle range inputs, and customizable select menus. It also includes layout and navigation components such as accordions, modals, breadcrumbs, and carousels.

The system utilizes declarative behavior association and event-based action dispatching to execute component logic, while exposing internal states through CSS pseudo-elements for visual styling.

Features

  • Standard UI Component Libraries - Provides a collection of universal interface element patterns based on open web standards.
  • Browser Compatibility Layers - Adds compatibility layers and polyfill management to provide modern UI control functionality across different browsers.
  • Named Event Dispatchers - Uses a centralized event system with namespaced identifiers to trigger specialized internal component behaviors.
  • Web Accessibility Standards - Defines consistent behaviors and accessibility requirements for interface elements to ensure reliable assistive technology support.
  • Design System - Establishes a shared language for component parts, states, and naming conventions to maintain visual and behavioral consistency.
  • Custom Event Dispatchers - Dispatches a specialized event to a target element using a namespaced identifier to trigger custom behaviors.
  • Accessibility State Synchronization - Implements automatic updates of accessibility attributes to ensure assistive technologies reflect the real-time state of interface elements.
  • List Components - Displays a group of sequential items supporting bulleting, numbering, compound content, and basic selection.
  • Drop-Down Menus - Builds a popover list of actions that anchors to an invoking button and handles focus shifts automatically.
  • Declarative Action Associations - Executes built-in behaviors on a target element via a declarative association without requiring custom scripts.
  • Interactive Menu Items - Creates interactive elements within menus to trigger actions, open submenus, or track checked states.
  • Menu Bars - Defines a horizontal group of menu items that invoke commands or open submenus with built-in keyboard navigation.
  • Modal Components - Renders a focused window or dialog box that users interact with to perform a specific task within an application.
  • Overlay Visibility Controls - Controls the visibility of popovers and dialogs by linking a trigger element to the target overlay.
  • Specification-Driven Component Mappings - Maps universal patterns and naming conventions to interface elements to ensure consistent behavior across different platforms.
  • Standardized UI Control Patterns - Defines universal patterns and naming conventions for interface elements to create consistent web standards.
  • UI Specifications - Provides detailed technical definitions and standards for universal UI components, behaviors, and accessibility requirements.
  • Declarative Behavior Composition - Provides a system for linking triggers to target elements via attributes to execute component logic directly within markup.
  • Extensible Control Polyfills - Provides polyfills that implement modern extensible UI control functionality in environments lacking native browser support.
  • Feature Detection Polyfills - Provides fallback logic and runtime utilities to emulate modern UI control functionality in browsers lacking native support.
  • Standardized Web Components - Provides reusable UI elements like comboboxes and modals built using semantic markup and universal accessibility standards.
  • Web Accessibility Polyfills - Provides a compatibility layer that implements modern extensible UI control functionality and accessibility states.
  • Web Standards - Drafts technical requirements and test suites to resolve browser gaps and improve native web language specifications.
  • UI Component Test Suites - Utilizes standardized test suites to verify that UI components meet defined behavioral and accessibility requirements.
  • Element Focus Controllers - Controls whether an element and its subtree are keyboard-focusable while retaining other forms of interactivity like mouse clicks.
  • Tick Mark Association - Links a list of predefined values to a range group to render consistent tick marks and labels across a slider track.
  • Web Language Proposals - Develops technical specifications to resolve gaps in native browser capabilities and interface element behaviors.
  • Compatibility Suites - Ships a set of standardized tests and fallback mechanisms to verify that components meet behavioral and accessibility requirements.
  • Accordions - Includes interactive accordion components that expand and collapse content sections.
  • Badge Components - Ships badge components for displaying status indicators or numerical counts within the interface.
  • Card Components - Provides card components to group related content such as images, text, and actions into visual units.
  • Carousel Components - Includes carousel components for cycling through sets of content or images within a single container.
  • Menu Category Grouping - Organizes menu items into captioned sections and manages shared state for radio or checkbox selections.
  • Checkbox Components - Provides checkbox components supporting binary checked and indeterminate states.
  • Collapsible Content Widgets - Includes collapsible disclosure widgets that toggle the visibility of detailed content.
  • Comboboxes - Implements searchable comboboxes that filter results in a popover as the user types.
  • State-Exposing Pseudo-Elements - Exposes internal component parts and states through CSS pseudo-elements to allow visual skinning without rebuilding logic.
  • Range Segment Styling - Targets track areas between handles using pseudo-elements to apply distinct colors or styles to specific range segments.
  • Checkbox Inputs - Implements checkbox input controls for boolean values and multiple-item selection.
  • Generic Button Components - Implements clickable button components with configurable styles and states to trigger user actions.
  • Breadcrumbs - Provides breadcrumb navigation trails to show the user's current location within a site hierarchy.
  • Comboboxes - Provides combobox input controls that combine a text field with a selectable dropdown list.
  • Custom Select Styling - Renders a select menu with custom HTML and CSS to include rich content within options and custom listbox wrappers.
  • Option List Searching - Locates options in a dropdown list using matching strategies such as pattern matching, prefix matching, or substring inclusion.
  • Select Trigger Buttons - Substitutes the default dropdown button with a custom element to control the look and behavior of the menu trigger.
  • Multi-Handle Range Support - Groups multiple range sliders into a single track with draggable handles for selecting spans or multiple points.
  • DOM-Cloning Synchronization - Allows the structure of a selected option to be duplicated into a trigger element for flexible visual representations.
  • Status Message Displays - Presents brief, high-priority information to the user without interrupting their task while remaining accessible to screen readers.
  • Component Styling - Defines the parts, states, and behaviors of native web controls to allow visual styling without rebuilding functionality.
  • State-Based Style Application - Applies specific styles to an element based on whether a user is currently showing interest via dedicated pseudo-classes.

Historial de estrellas

Gráfico del historial de estrellas de openui/open-uiGráfico del historial de estrellas de openui/open-ui

Búsqueda con IA

Explora más repositorios increíbles

Describe lo que necesitas en lenguaje sencillo: la IA clasifica miles de proyectos open-source curados por relevancia.

Start searching with AI

Alternativas open-source a Open Ui

Proyectos open-source similares, clasificados según cuántas características comparten con Open Ui.
  • chakra-ui/zagAvatar de chakra-ui

    chakra-ui/zag

    5,121Ver en GitHub↗

    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

    TypeScripta11yaccessibilityagnostic
    Ver en GitHub↗5,121
  • north/northN

    north/north

    4,798Ver en GitHub↗

    North is a responsive web design methodology and Sass-based CSS architecture framework. It provides a system for building mobile-first user interfaces using fluid grids and progressive enhancement techniques to ensure a consistent experience across different browser capabilities and screen sizes. The project features a standardized CSS naming system that uses Sass mixins to programmatically generate class names, distinguishing between components, layouts, and states. It also functions as a frontend project scaffolding tool, providing a generator to bootstrap new environments with pre-configur

    CSS
    Ver en GitHub↗4,798
  • creativetimofficial/material-tailwindAvatar de creativetimofficial

    creativetimofficial/material-tailwind

    4,359Ver en GitHub↗

    Material Tailwind is a responsive web UI framework and component library built with Tailwind CSS. It provides a customizable design system that implements Material Design principles for web applications. The project focuses on a customizable design system, allowing for centralized theme configuration and utility-based styling to maintain visual consistency across interfaces. The library includes a wide range of reusable interface elements, covering layout structures, navigation systems, and overlay components. It provides specialized tools for web form construction, data input controls, and

    TypeScriptjavascriptmaterialmaterial-design
    Ver en GitHub↗4,359
  • google/closure-libraryAvatar de google

    google/closure-library

    4,896Ver en GitHub↗

    Closure Library is a JavaScript standard library and utility toolset designed for building large-scale web applications. It provides a collection of core utility modules and standardized APIs to simplify complex application logic and state management. The project is built as a modular framework using a namespace-based module system to prevent global scope pollution. It is specifically designed for use with the Closure Compiler to enable aggressive dead-code elimination and minification, reducing the final delivery size in production. To ensure reliability in large projects, the library utiliz

    JavaScript
    Ver en GitHub↗4,896
Ver las 30 alternativas a Open Ui→

Preguntas frecuentes

¿Qué hace openui/open-ui?

Open-UI is a set of web UI standard specifications and a standardized UI component library. It provides technical definitions for universal UI components, behaviors, and accessibility requirements designed to ensure cross-browser compatibility through a series of web language proposals.

¿Cuáles son las características principales de openui/open-ui?

Las características principales de openui/open-ui son: Standard UI Component Libraries, Browser Compatibility Layers, Named Event Dispatchers, Web Accessibility Standards, Design System, Custom Event Dispatchers, Accessibility State Synchronization, List Components.

¿Qué alternativas de código abierto existen para openui/open-ui?

Las alternativas de código abierto para openui/open-ui incluyen: chakra-ui/zag — Zag is a headless UI state machine library that provides unstyled component logic to ensure consistent behavior across… north/north — North is a responsive web design methodology and Sass-based CSS architecture framework. It provides a system for… creativetimofficial/material-tailwind — Material Tailwind is a responsive web UI framework and component library built with Tailwind CSS. It provides a… mathiasbynens/jquery-placeholder — This project is a jQuery plugin that provides HTML5 placeholder emulation for input and textarea fields. It functions… google/closure-library — Closure Library is a JavaScript standard library and utility toolset designed for building large-scale web… reactjs/react-modal — This project is an accessible modal component for React applications. It provides a dialog window that overlays main…