# @nuskin/design-components

> NuSkin Common UI Design Components in Vue

Latest version **8.9.1** (published 2025-10-07) · ISC license · 0 weekly downloads

## Install

```sh
npm install @nuskin/design-components
pnpm add @nuskin/design-components
yarn add @nuskin/design-components
bun add @nuskin/design-components
```

## Health

**Score 45/100 (D)** — status: stable.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

## Facts

| | |
|---|---|
| Version | 8.9.1 |
| Published | 2025-10-07 |
| First published | 2019-10-25 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 20 |
| Unpacked size | 704.7 KB |
| Known vulnerabilities | 0 (+2 in 2 direct dependencies) |
| Install scripts | no |
| Author | Josh Porter |
| Maintainers | nkranendonk, emoore, nuskin-cws, klau, rellenberger, aallani |

## Links

- npm: https://www.npmjs.com/package/@nuskin/design-components
- Repository: https://git@code.tls.nuskin.io/ns-am/ux/design-components
- Homepage: https://code.tls.nuskin.io/ns-am/ux/design-components/blob/master/README.md
- npm.io page: https://npm.io/package/@nuskin/design-components

## Dependencies (20)

- [vue](https://npm.io/package/vue.md) 2.6.11
- [uuid](https://npm.io/package/uuid.md) 8.2.0
- [vuex](https://npm.io/package/vuex.md) 3.6.0
- [moment](https://npm.io/package/moment.md) 2.30.1
- [vuetify](https://npm.io/package/vuetify.md) 1.5.18
- [vue-select](https://npm.io/package/vue-select.md) 3.6.0
- [vuex-class](https://npm.io/package/vuex-class.md) 0.3.2
- [vue-clipboard2](https://npm.io/package/vue-clipboard2.md) 0.3.1
- [vuetify-loader](https://npm.io/package/vuetify-loader.md) 1.6.0
- [@nuskin/ns-icon](https://npm.io/package/@nuskin/ns-icon.md) 2.12.0
- [lodash.debounce](https://npm.io/package/lodash.debounce.md) 4.0.8
- [detectincognitojs](https://npm.io/package/detectincognitojs.md) 1.4.1
- [libphonenumber-js](https://npm.io/package/libphonenumber-js.md) ^1.11.4
- [@nuskin/axios-util](https://npm.io/package/@nuskin/axios-util.md) 2.3.0
- [@nuskin/ns-account](https://npm.io/package/@nuskin/ns-account.md) 4.28.0
- [vue-class-component](https://npm.io/package/vue-class-component.md) 7.2.6
- [@nuskin/nuskinjquery](https://npm.io/package/@nuskin/nuskinjquery.md) 2.3.1
- [@nuskin/ns-core-styles](https://npm.io/package/@nuskin/ns-core-styles.md) 2.12.0
- [vue-property-decorator](https://npm.io/package/vue-property-decorator.md) 8.5.1
- [material-design-icons-iconfont](https://npm.io/package/material-design-icons-iconfont.md) 6.1.0

## Recent versions

- 8.9.1 (latest) — 2025-10-07
- 8.10.0-cx13-22948.1 (prerelease) — 2026-03-19
- 8.9.2-cx13-22948.2 — 2026-03-19
- 8.9.2-cx13-22948.1 — 2026-02-23
- 8.9.1-gms-12518.5 — 2025-07-22
- 8.9.1-gms-12518.4 — 2025-07-22
- 8.9.1-gms-12518.3 — 2025-07-21
- 8.9.1-gms-12518.2 — 2025-07-17
- 8.9.1-gms-12518.1 — 2025-07-15
- 8.9.1-gms-12581.2 — 2025-07-10
- 8.9.1-gms-12581.1 — 2025-07-02
- 8.9.0 — 2025-05-20
- 8.9.0-3540-gdpr.4 — 2025-05-19
- 8.9.0-3540-gdpr.3 — 2025-05-12
- 8.9.0-3540-gdpr.2 — 2025-05-08
- … 478 more at https://npm.io/package/@nuskin/design-components/versions

## README

# Design Components

### @nuskin/design-components

This project contains common Vue UI components for all Nu Skin projects.

## Installing

```bash
yarn add @nuskin/design-components
```

## Example Usage

```html
<template>
  <NsSpinner :size="100" />
</template>

<script>
import { NsSpinner } from "@nuskin/design-components";

export default {
  //...
  components: {
    NsSpinner
  },
  //...
}
</script>
```

## Resources

- https://nuskin.design
- https://code.tls.nuskin.io/ns-am/ux/design-components

## License

[MIT](https://opensource.org/licenses/MIT)

---
_Source: https://npm.io/package/@nuskin/design-components · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._