GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → vmware → Clarity

vmware / Clarity

Licence: other
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.

Programming Languages

typescript
32286 projects
HTML
75241 projects
SCSS
7915 projects
javascript
184084 projects - #8 most used programming language
Vue
7211 projects
CSS
56736 projects

Labels

cssangularuiuxdesign-systemcomponent-librarycomponentswebaccessibilityweb-componentsangular-componentsclarityaccessible-componentsaccessible-designweb-components-librarylit-elements

Projects that are alternatives of or similar to Clarity

Reakit
Toolkit for building accessible rich web apps with React
Stars: ✭ 5,265 (-17.71%)
Mutual labels:  hacktoberfest, components, accessibility
eufemia
DNB Design System
Stars: ✭ 38 (-99.41%)
Mutual labels:  accessibility, ux, design-system
Styleguide
The VTEX Design System and React component library.
Stars: ✭ 138 (-97.84%)
Mutual labels:  hacktoberfest, design-system, component-library
Orbit
React components of open-source Orbit design system by Kiwi.com
Stars: ✭ 774 (-87.9%)
Mutual labels:  hacktoberfest, design-system, component-library
elements
Lovingly crafted ui components based on web components. Works well with all Frameworks - including Angular, React and Vue.
Stars: ✭ 42 (-99.34%)
Mutual labels:  components, web-components, design-system
Taiga Ui
Angular UI Kit and components library for awesome people
Stars: ✭ 1,353 (-78.85%)
Mutual labels:  hacktoberfest, component-library, components
flow-ui
Accessibility oriented design system for developing fast and powerful web interfaces.
Stars: ✭ 89 (-98.61%)
Mutual labels:  accessibility, ux, design-system
Barista
Barista - the Dynatrace design system. Tailored to scale.
Stars: ✭ 107 (-98.33%)
Mutual labels:  design-system, component-library, angular-components
fast-blazor
Blazor component library for FluentUI. Microsoft's official lightweight wrapper around the FluentUI Web Components for use with .NET 6.0 Blazor applications
Stars: ✭ 928 (-85.5%)
Mutual labels:  components, web-components, component-library
design-system
The Baloise Design System consists of reusable components and a clearly defined visual style, that can be assembled together to build any number of applications.
Stars: ✭ 40 (-99.37%)
Mutual labels:  components, web-components, design-system
React95
🌈🕹 Refreshed Windows 95 style UI components for your React app
Stars: ✭ 4,877 (-23.77%)
Mutual labels:  design-system, component-library, components
First Born
Component library for React Native
Stars: ✭ 267 (-95.83%)
Mutual labels:  hacktoberfest, ux, component-library
Carbon Web Components
Carbon Design System variant on top of Web Components
Stars: ✭ 171 (-97.33%)
Mutual labels:  design-system, component-library, web-components
Uniforms
A React library for building forms from any schema.
Stars: ✭ 1,368 (-78.62%)
Mutual labels:  hacktoberfest, component-library, components
Vue Design System
An open source tool for building UI Design Systems with Vue.js
Stars: ✭ 2,077 (-67.54%)
Mutual labels:  design-system, component-library, components
paragon
💎 An accessible, theme-ready design system built for learning applications and Open edX.
Stars: ✭ 85 (-98.67%)
Mutual labels:  accessibility, component-library, design-system
Website
Website and documentation for Radix.
Stars: ✭ 45 (-99.3%)
Mutual labels:  design-system, component-library, accessibility
Stylable
Stylable - CSS for components
Stars: ✭ 1,109 (-82.67%)
Mutual labels:  design-system, components, web-components
dorai-ui
Accessible, unstyled, open-sourced, and fully functional react component library for building design systems
Stars: ✭ 34 (-99.47%)
Mutual labels:  accessibility, component-library, design-system
sodium-ui
Sodium is a simple, modular and customizable web component library to build elegant and accessible UI pieces for your React Application.
Stars: ✭ 23 (-99.64%)
Mutual labels:  web-components, component-library, design-system
View All Similar Projects ➔

Clarity

Clarity Design System

Build

Clarity is an open source design system that brings together UX guidelines, design resources, and coding implementations with Web Components. This repository includes everything you need to build, customize, test, and deploy Clarity. For complete documentation, visit the Clarity website.

If you are looking for Clarity Angular, our previous implementation of Clarity built in Angular, please see the angular branch for the latest version there.

Getting Started

Clarity is published as five npm packages:

  • npm version core Contains the Web Components that work in any JavaScript framework.
  • npm version cds angular Contains shims for core usage in Angular environment
  • npm version cds react Contains shims for core usage in React environment
  • npm version clarity city Our open source sans-serif typeface.

Installing Clarity

Visit our documentation at https://clarity.design/get-started/

Documentation

For documentation on the Clarity Design System, including a list of components and example usage, see our website.

Contributing

The Clarity project team welcomes contributions from the community. For more detailed information, see our contribution guidances.

Licenses

  • The Clarity Design System is licensed under the MIT license.

Feedback

If you find a bug or want to request a new feature, please open a GitHub issue.

Include a link to the reproduction scenario you created by forking one of the Clarity Stackblitz Templates for the version you are using at Clarity StackBlitz templates.

Support

For our support policies please visit https://clarity.design/get-started/support/

For questions, ideas, or just reaching out to the team feel free to open a discussion in our GitHub Disscussion section.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].