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

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectAboutHow we rankPressMCP server
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
vmware-archive avatar

vmware-archive/clarityArchived

0
View on GitHub↗
6,400 stars·728 forks·TypeScript·MIT·7 viewsclarity.design↗

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

  • 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.

Star history

Star history chart for vmware-archive/clarityStar history chart for vmware-archive/clarity

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Open-source alternatives to Clarity

Similar open-source projects, ranked by how many features they share with Clarity.
  • radix-ui/themesradix-ui avatar

    radix-ui/themes

    8,490View on GitHub↗

    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
    View on GitHub↗8,490
  • chakra-ui/chakra-ui-vuechakra-ui avatar

    chakra-ui/chakra-ui-vue

    1,846View on GitHub↗

    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
    View on GitHub↗1,846
  • douyinfe/semi-designDouyinFE avatar

    DouyinFE/semi-design

    10,017View on GitHub↗

    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
    View on GitHub↗10,017
  • angular/material2angular avatar

    angular/material2

    25,033View on GitHub↗

    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
    View on GitHub↗25,033
See all 30 alternatives to Clarity→

Frequently asked questions

What does vmware-archive/clarity do?

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.

What are the main features of vmware-archive/clarity?

The main features of vmware-archive/clarity are: Web Components, Framework Agnostic Interfaces, Accessible UI Frameworks, Cross-Framework UI Libraries, Design Token Systems, Web Accessibility Compliance, Style Encapsulations, Accessibility-First Patterns.

What are some open-source alternatives to vmware-archive/clarity?

Open-source alternatives to vmware-archive/clarity include: 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…