awesome-repositories.com
Blog
MCP
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektÜber unsRanking-MethodikPresseMCP-Server
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
vmware-archive avatar

vmware-archive/clarityArchived

0
View on GitHub↗

Clarity

Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.

Features

KI-Suche

Entdecke weitere awesome Repositories

Beschreibe in einfachen Worten, was du brauchst — die KI bewertet tausende kuratierte Open-Source-Projekte nach Relevanz.

Start searching with AI
clarity.design
↗
Web Components - Provides reusable web components that encapsulate structure, style, and behavior for composing user interfaces.
  • Framework Agnostic Interfaces - Builds components with native web standards that work across any JavaScript framework without adapter layers.
  • Accessible UI Frameworks - Provides a design system built with accessibility as a core principle for inclusive enterprise user interfaces.
  • Cross-Framework UI Libraries - Builds user interfaces with web components that work across any JavaScript framework, enabling flexible technology choices.
  • Design Token Systems - Defines visual properties as named design tokens for consistent theming across all components.
  • Web Accessibility Compliance - Creates inclusive user interfaces that meet accessibility standards for enterprise software.
  • Style Encapsulations - Uses Shadow DOM to isolate component styles and behavior from the global document, preventing CSS conflicts.
  • Accessibility-First Patterns - Ships components with built-in ARIA attributes, keyboard navigation, and screen reader support as core requirements.
  • Component Wrappers - Provides Angular-specific thin wrappers around core web components for framework-native integration.
  • Enterprise Component Systems - Builds consistent, accessible, and scalable user interfaces for enterprise applications using a design system with web components.
  • Angular UI Libraries - Develops Angular applications with framework-native components that share a common CSS library for consistent styling.
  • Static CSS Libraries - Distributes styles as a standalone CSS file for framework-free styling of HTML interfaces.
  • Frontend - Implements frontend scalability patterns with lazy loading and tree-shaking for large enterprise applications.
  • Angular UI Libraries - Ships Angular-specific components that depend on a shared CSS library for consistent interface development.
  • CSS Utility Token Systems - Applies design tokens and utility classes from a static CSS library to style HTML interfaces without a JavaScript framework.
  • CSS Variable Token Mappings - Provides a static CSS library with design tokens and utility classes for styling interfaces without a JavaScript framework.
  • CSS Styling - Applies design tokens and utility classes from a static CSS library to style HTML without a JavaScript framework.
  • 6,400 Stars·728 Forks·TypeScript·MIT·6 Aufrufe

    Star-Verlauf

    Star-Verlauf für vmware-archive/clarityStar-Verlauf für vmware-archive/clarity

    Open-Source-Alternativen zu Clarity

    Ähnliche Open-Source-Projekte, sortiert nach der Anzahl der gemeinsamen Funktionen mit Clarity.
    • radix-ui/themesAvatar von radix-ui

      radix-ui/themes

      8,490Auf GitHub ansehen↗

      This project is an accessible UI component library and themed design system. It provides a collection of pre-made user interface components designed to meet accessibility standards and maintain a consistent visual identity across web applications. The system includes an interactive theme previewer, which allows for the adjustment and testing of visual settings in real time within a running application. It covers global theme management and design system implementation through root configurations and a token-driven approach. The library supports rapid frontend prototyping by offering a set of

      TypeScriptaccessibilitycolorscomponent-library
      Auf GitHub ansehen↗8,490
    • chakra-ui/chakra-ui-vueAvatar von chakra-ui

      chakra-ui/chakra-ui-vue

      1,846Auf GitHub ansehen↗

      Chakra UI Vue is a component library for the Vue.js ecosystem that provides a collection of modular, accessible building blocks for constructing user interfaces. It functions as a design system provider, enabling developers to manage global design tokens and visual consistency across complex applications through a centralized theme provider. The framework distinguishes itself by integrating accessibility logic and WAI-ARIA attributes directly into its base components, ensuring that keyboard navigation and screen reader compatibility are handled by default. It utilizes a declarative styling ap

      JavaScripta11yaccessibilitychakra-ui
      Auf GitHub ansehen↗1,846
    • douyinfe/semi-designAvatar von DouyinFE

      DouyinFE/semi-design

      10,017Auf GitHub ansehen↗

      Semi Design is a React UI component library and design token system used to build web application frontends. It provides a collection of pre-built interface elements and a framework of visual constants to maintain consistent branding across a product. The project features a design-to-code workflow that converts visual design drafts into production-ready React code and stylesheets. It includes an internationalization framework for adapting interfaces to different languages and text layouts, as well as a web component wrapper to isolate UI elements for use in SDKs and browser plugins. The libr

      TypeScriptai-friendlycode2designdark-mode
      Auf GitHub ansehen↗10,017
    • angular/material2Avatar von angular

      angular/material2

      25,033Auf GitHub ansehen↗

      This project is a Material Design UI library and Angular component framework. It provides a collection of reusable UI building blocks and development tools for creating consistent web applications that follow Material Design specifications. The framework includes an accessible web component library that uses headless directives and WAI-ARIA patterns to ensure user interface elements meet web accessibility standards. It also provides specialized integration wrappers for embedding and managing interactive Google Maps and YouTube video playback. The project supports custom UI component developm

      TypeScript
      Auf GitHub ansehen↗25,033
    Alle 30 Alternativen zu Clarity anzeigen→

    Häufig gestellte Fragen

    Was macht vmware-archive/clarity?

    Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.

    Was sind die Hauptfunktionen von vmware-archive/clarity?

    Die Hauptfunktionen von vmware-archive/clarity sind: Web Components, Framework Agnostic Interfaces, Accessible UI Frameworks, Cross-Framework UI Libraries, Design Token Systems, Web Accessibility Compliance, Style Encapsulations, Accessibility-First Patterns.

    Welche Open-Source-Alternativen gibt es zu vmware-archive/clarity?

    Open-Source-Alternativen zu vmware-archive/clarity sind unter anderem: radix-ui/themes — This project is an accessible UI component library and themed design system. It provides a collection of pre-made user… chakra-ui/chakra-ui-vue — Chakra UI Vue is a component library for the Vue.js ecosystem that provides a collection of modular, accessible… angular/material2 — This project is a Material Design UI library and Angular component framework. It provides a collection of reusable UI… douyinfe/semi-design — Semi Design is a React UI component library and design token system used to build web application frontends. It… salesforce-ux/design-system — This project is a comprehensive design system framework for building accessible, responsive, and consistent web… mui/pigment-css — Pigment CSS is a framework-agnostic styling tool that moves component style processing from the browser runtime to the…