VMWare Clarity – HTML/CSS Framework and UX Guidelines

VMWare Clarity - CSS Framework and UX Guidelines

VMWare Clarity project is an open source design system that brings together UX guidelines, an HTML/CSS framework, and Angular 2 components.

VMWare Clarity Design System is designed for designers and built for developers. It is published in three different npm packages as below

  • clarity-icons. Contains the custom element icons.
  • clarity-ui. Contains the static styles for building HTML components.
  • clarity-angular. Contains the Angular 2 components. This package depends on clarity-ui for styles.

Below are the features and highlights of VMWare Clarity:

  • Sketch Template – Jumpstart your project using VMWare Clarity Sketch template with ready-to-use components.
  • UX Guidelines – Reference UX guidelines that stem from ongoing research and exploration, making it easy to design cohesive experiences.
  • HTML/CSS – Start building with VMWare Clarity HTML/CSS framework and rapidly go from prototype to production.
  • Angular 2 – Use VMWare Clarity set of data-bound and performant components on top of Angular to add interactivity.



Please Post Your Comments & Reviews

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.