# @collabui/core > Cisco Collab UI CSS Framework Latest version **10.43.4** (published 2019-01-12) · MIT license · 0 weekly downloads ## Install ```sh npm install @collabui/core pnpm add @collabui/core yarn add @collabui/core bun add @collabui/core ``` ## Health **Score 15/100 (F)** — status: abandoned. Positive: no vulnerabilities. Warnings: low downloads; no types; no esm support. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 10.43.4 | | Published | 2019-01-12 | | First published | 2019-01-12 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | none | | Module format | CommonJS | | Dependencies | 1 | | Unpacked size | 6 MB | | Known vulnerabilities | 0 | | Install scripts | no | | Author | Cisco Systems, Inc. | | Maintainers | pauljeter | | Keywords | Cisco, Webex, Cisco Spark, Spark UI, Collab UI, CSS, Scss | ## Links - npm: https://www.npmjs.com/package/@collabui/core - Repository: https://github.com/collab-ui/ci-test-lerna - Homepage: http://core.collab-ui.com/ - Issues: https://github.com/collab-ui/collab-ui-core/issues - npm.io page: https://npm.io/package/@collabui/core ## Dependencies (1) - [@collabui/icons](https://npm.io/package/@collabui/icons.md) ^3.46.0 ## Alternatives - [style-dictionary](https://npm.io/package/style-dictionary.md) — 2.0M weekly downloads - [postcss-merge-idents](https://npm.io/package/postcss-merge-idents.md) — 1.7M weekly downloads - [@fontsource/noto-sans](https://npm.io/package/@fontsource/noto-sans.md) — 93.0K weekly downloads - [uglifycss](https://npm.io/package/uglifycss.md) — 71.6K weekly downloads - [mat4-interpolate](https://npm.io/package/mat4-interpolate.md) — 23.3K weekly downloads ## Recent versions - 10.43.4 (latest) — 2019-01-12 ## README # Collab UI Core [![license](https://img.shields.io/github/license/ciscospark/react-ciscospark.svg)](https://github.com/collab-ui/collab-ui-icons/blob/master/LICENSE) > @collabui/core Collab UI Core is a UI framework for implementing Cisco Collaboration Design into web apps and sites. ## Table of Contents - [Install](#install) - [Usage](#usage) - [Contribute](#contribute) - [License](#license) ## Install Install and manage the Collab UI Core using NPM. You may use `yarn` or `npm`. By default, yarn/npm installs packages to node_modules/. `npm install @collabui/core --save` or `yarn add @collabui/core` ## Usage ### CSS 1. Copy the "@collabui/core/fonts" directory to the "fonts" directory for your site. 2. Copy the "@collabui/core/images" directory to the "images" directory for your site. 3. Copy the "@collabui/core/css/collab-ui.min.css" to your styles/css directory. 4. In the `` of your HTML reference the location of your collab-ui.min.css. `` ### Scss 1. Copy the "@collabui/icons/fonts" directory to the "fonts" directory for your site. 2. Add an "$brand-font-folder, $icon-font-path, and $images-path" variables to your app's variables.scss file. ``` $brand-font-folder: 'path/to/fonts/directory'; $icon-font-path: 'path/to/fonts/directory'; $images-path: 'path/to/images/directory'; ``` 3. Import "@collabui/core/scss/collab-ui.scss" into your main entry Scss file AFTER the variables. `@import '~@collabui/core/scss/collab-ui';` 4. Compile your Scss using your static compiler or bundler (Webpack, Grunt, Gulp, etc.) ## Contribute See [the contributing file](CONTRIBUTING.md)! PRs accepted. ## License [© 2014-2019 Cisco and/or its affiliates. All Rights Reserved.](../LICENSE) --- _Source: https://npm.io/package/@collabui/core · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._