VMWare Clarity – HTML/CSS Framework and UX Guidelines

Admin January 8, 2017 at 9:02 pm · Development, Web Design

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.



Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>