All Projects → contactlab → Contactlab Ui Components

contactlab / Contactlab Ui Components

Licence: apache-2.0
DEPRECATED - Basic UI components for ContactLab UX design pattern library

Projects that are alternatives of or similar to Contactlab Ui Components

Storybook
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Stars: ✭ 67,445 (+217464.52%)
Mutual labels:  components, web-components, polymer
Gwt Polymer Elements
Polymer Web Components for GWT. A collection of Material Design widgets for desktop and mobile.
Stars: ✭ 153 (+393.55%)
Mutual labels:  components, web-components, polymer
Bem Components
Set of components for sites development
Stars: ✭ 318 (+925.81%)
Mutual labels:  library, components, web-components
Webrix
Powerful building blocks for React-based web applications
Stars: ✭ 41 (+32.26%)
Mutual labels:  library, components, web-components
Base Components Recipes
A collection of base component recipes for Lightning Web Components on Salesforce Platform
Stars: ✭ 293 (+845.16%)
Mutual labels:  components, web-components
Framework7
Full featured HTML framework for building iOS & Android apps
Stars: ✭ 16,560 (+53319.35%)
Mutual labels:  library, components
Web Components Todo
A simple todo list built with various Web Components technologies
Stars: ✭ 368 (+1087.1%)
Mutual labels:  web-components, polymer
Polymer Cli
Moved to Polymer/tools monorepo
Stars: ✭ 518 (+1570.97%)
Mutual labels:  web-components, polymer
uce-template
A Vue 3 inspired Custom Elements toolless alternative.
Stars: ✭ 96 (+209.68%)
Mutual labels:  components, web-components
Vaadin Core
An evolving set of free, open source web components for building mobile and desktop web applications in modern browsers.
Stars: ✭ 382 (+1132.26%)
Mutual labels:  web-components, polymer
Polymer
Our original Web Component library.
Stars: ✭ 21,723 (+69974.19%)
Mutual labels:  web-components, polymer
Weightless
High-quality web components with a small footprint
Stars: ✭ 284 (+816.13%)
Mutual labels:  components, web-components
Ui Neumorphism
📕 React component library designed on the "new skeuomorphism" or "neumorphism" UI/UX trend.
Stars: ✭ 258 (+732.26%)
Mutual labels:  library, components
Awesome Ui Component Library
Curated list of framework component libraries for UI styles/toolkit
Stars: ✭ 702 (+2164.52%)
Mutual labels:  library, components
anywhere-webcomponents
A UI work in progress based on custom elements (web components) for use in anywhere.
Stars: ✭ 17 (-45.16%)
Mutual labels:  components, web-components
Vaadin
An evolving set of open source web components for building mobile and desktop web applications in modern browsers.
Stars: ✭ 424 (+1267.74%)
Mutual labels:  web-components, polymer
Fast
The adaptive interface system for modern web experiences.
Stars: ✭ 6,532 (+20970.97%)
Mutual labels:  components, web-components
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.
Stars: ✭ 6,398 (+20538.71%)
Mutual labels:  components, web-components
Gdg.es
The GDG Spain official website
Stars: ✭ 16 (-48.39%)
Mutual labels:  web-components, polymer
nuxeo-web-ui
New Nuxeo Web UI
Stars: ✭ 51 (+64.52%)
Mutual labels:  polymer, web-components

⚠️ Deprecated

This package is deprecated in favor of our new design system.

Thus:

  • no new developments will be made;
  • all issue will be closed with the tag won't fix;
  • no new pull-requests will be accepted (except for bug fixes - see below);
  • only blocking bugs will be fixed, if necessary.

Contactlab Pattern Library UI Components

Installation

Polymer 1.x version (stable)

$ npm install [email protected]

# --- or ----

$ yarn add [email protected]

Polymer 3.x (preview)

$ npm install [email protected]

# --- or ----

$ yarn add [email protected]

Legacy version on Bower

$ bower install clab-ui-components#1.3.7

Shady DOM & Global CSS

WARNING: both versions of the Contactlab Pattern Library make use of the Shady DOM instead of the Shadow DOM and styles are applied via a global CSS file, so after the package installation you should move (manually or with an automation tool) the ./_assets/css/contactlab-pattern.min.css file in a distributable folder and link to it.

Development

To start a development server on localhost:3000 plus Webpack in watch mode, you can use the command

$ npm run dev

To run the unit tests written with AVA

$ npm test

Please refer to CONTRIBUTING.md to better understand how to develop and integrate changes on this repo.

How to use & Documentation

For detailed instruction on how to install and use the Contactlab Pattern Library components check out the documentation website.

Git branching policies

Any feature/bug fixing/refactor must be developed on a feature branch derived from the master branch and integrate the changes through a pull request in order to have a code review.

License

Released under the Apache 2.0 license.

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