clarity - UX guidelines, HTML/CSS framework, and Angular components working together to craft exceptional experiences

  •        126

Project Clarity is an open source design system that brings together UX guidelines, an HTML/CSS framework, and Angular components. This repository includes everything you need to build, customize, test, and deploy Clarity. For complete documentation, visit the Clarity website.The easiest way to run a sample Angular application with Clarity is to use the Clarity Seed.

http://clarity.design
https://github.com/vmware/clarity

Dependencies:

@angular/animations : ^4.3.0
@angular/common : ^4.3.0
@angular/compiler : ^4.3.0
@angular/compiler-cli : ^4.3.0
@angular/core : ^4.3.0
@angular/forms : ^4.3.0
@angular/platform-browser : ^4.3.0
@angular/platform-browser-dynamic : ^4.3.0
@angular/platform-server : ^4.3.0
@angular/router : ^4.3.0
@angular/upgrade : ^4.3.0
@webcomponents/custom-elements : ^1.0.0
angular : 1.5.x
core-js : ^2.4.0
font-awesome : ^4.5.0
intl : 1.1.0
reflect-metadata : ^0.1.8
rxjs : ^5.0.1
systemjs : 0.19.40
web-animations-js : ^2.2.1
zone.js : ^0.8.4

Tags
Implementation
License
Platform

   




Related Projects

ng-lightning - Native Angular 2 components & directives for Lightning Design System

  •    Typescript

This library contains native Angular components and directives written from scratch in TypeScript using the Lightning Design System CSS framework.

ngx-materialize - Angular wrap around Materialize library

  •    TypeScript

This library is an Angular wrap around Materialize library, a responsive CSS/JS framework that implements Material Design specifications from Google. The main purpose of this library is to simplify the usage of Materialize within the Angular framework which make it more dynamic. To illustrate this, we have Playground sections in several component demo pages.

ngx-auth-firebaseui - Angular Material UI component for firebase authentication

  •    TypeScript

Angular UI component for firebase authentication. This library is an angular module (including angular components and services) that allows to authenticate your users with your firebase project. NgxAuthFirebseUI is compatible with angular material and angular flexLayout.

angular2-materialize - Angular 2 support for Materialize CSS framework.

  •    TypeScript

This library adds support for the Materialize CSS framework in Angular 2. It is needed to add the dynamic behavior of Materialize CSS that is using JavaScript rather than plain CSS. To use the library you need to import it once per project and then use its MaterializeDirective directive for binding it to any component that needs a dynamic behavior, like collapsible panels, tooltips, etc.

storybook - UI component dev & test: React, Vue, Angular, React Native, Ember, Web Components & more!

  •    TypeScript

Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components. Storybook runs outside of your app. This allows you to develop UI components in isolation, which can improve component reuse, testability, and development speed. You can build quickly without having to worry about application-specific dependencies.


ng2-nvd3 - Angular2 component for nvd3

  •    TypeScript

Angular component for nvd3 (uses d3 v3!). It has similar technique as angular-nvd3 for angular 1, but designed for angular 2+ and without extra features (like extended mode) you won't need.it requires angular2+, d3 (v3.5.17) and nvd3 as dependencies.

ng-select - :star: Native angular 6+ select component

  •    TypeScript

Library is under active development and may have API breaking changes for subsequent major versions after 1.0.0. To allow customization and theming, ng-select bundle includes only generic styles that are necessary for correct layout and positioning. To get full look of the control, include one of the themes in your application. If you're using the Angular CLI, you can add this to your styles.scss or include it in .angular-cli.json (Angular v5 and below) or angular.json (Angular v6 onwards).

angular-calendar - A flexible calendar component for angular 6

  •    TypeScript

A calendar component for Angular 6.0+ that can display events on a month, week or day view. The successor of angular-bootstrap-calendar. In order to allow the most flexibility for all users there is a substantial amount of boilerplate required to get up and running. Please see the demos list for a series of comprehensive examples of how to use this library within your application.

storybook - Interactive UI component dev & test: React, React Native, Vue, Angular

  •    Javascript

Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components. Storybook runs outside of your app. This allows you to develop UI components in isolation, which can improve component reuse, testability, and development speed. You can build quickly without having to worry about application-specific dependencies.

fuel-ui - UI Components for use with Angular2 and Bootstrap4

  •    Javascript

A set of utilities and Angular2 components implementing Twitter's Bootstrap 4 components

rebass - :atom_symbol: React UI component library & design system, built with styled-components and styled-system

  •    Javascript

React UI component library & design system, built with styled-system, with support for styled-components & emotion. Rebass is a library of highly-composable, primitive UI components for React, built with styled-components to keep styles isolated and reduce the need to write custom CSS in your application. Based upon a configurable design system, Rebass‘s props API makes building consistent, responsive web apps simpler and faster.