# @cn-ui/core

> The @cn-ui/core is a collection of UI components and utilities for building modern web applications with SolidJS.

Latest version **2.11.1** (published 2024-10-07) · MIT license · 0 weekly downloads

## Install

```sh
npm install @cn-ui/core
pnpm add @cn-ui/core
yarn add @cn-ui/core
bun add @cn-ui/core
```

## Health

**Score 35/100 (D)** — status: maintenance-mode.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.11.1 |
| Published | 2024-10-07 |
| First published | 2022-10-20 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 24 |
| Unpacked size | 2.4 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | konghayao |
| Keywords | cn-ui, component, components, design, framework, frontend, solid, solid-js, solid-component, solid-js-component, ui |

## Links

- npm: https://www.npmjs.com/package/@cn-ui/core
- Repository: https://github.com/KonghaYao/cn-ui
- Homepage: https://cn-ui.netlify.app
- Issues: https://github.com/KonghaYao/cn-ui/issues
- npm.io page: https://npm.io/package/@cn-ui/core

## Dependencies (24)

- [radash](https://npm.io/package/radash.md) ^12.1.0
- [solid-js](https://npm.io/package/solid-js.md) ^1.8.16
- [split.js](https://npm.io/package/split.js.md) ^1.6.5
- [viewerjs](https://npm.io/package/viewerjs.md) ^1.11.6
- [headless-qr](https://npm.io/package/headless-qr.md) ^1.0.3
- [solid-icons](https://npm.io/package/solid-icons.md) 1.0.12
- [solidjs-use](https://npm.io/package/solidjs-use.md) ^2.3.0
- [ts-toolbelt](https://npm.io/package/ts-toolbelt.md) ^9.6.0
- [@ark-ui/solid](https://npm.io/package/@ark-ui/solid.md) ^2.2.0
- [@types/lodash](https://npm.io/package/@types/lodash.md) ^4.17.0
- [@popperjs/core](https://npm.io/package/@popperjs/core.md) ^2.11.8
- [@cn-ui/reactive](https://npm.io/package/@cn-ui/reactive.md) ^4.10.3
- [@cn-ui/sortable](https://npm.io/package/@cn-ui/sortable.md) ^3.3.2
- [async-validator](https://npm.io/package/async-validator.md) ^4.2.5
- [@tanstack/ranger](https://npm.io/package/@tanstack/ranger.md) ^0.0.3
- [@types/lodash-es](https://npm.io/package/@types/lodash-es.md) ^4.17.12
- [@cn-ui/table-core](https://npm.io/package/@cn-ui/table-core.md) ^8.16.0
- [copy-to-clipboard](https://npm.io/package/copy-to-clipboard.md) ^3.3.3
- [@ant-design/colors](https://npm.io/package/@ant-design/colors.md) ^7.0.2
- [@cn-ui/svg-spinner](https://npm.io/package/@cn-ui/svg-spinner.md) ^1.1.1
- [@solid-primitives/refs](https://npm.io/package/@solid-primitives/refs.md) ^1.0.8
- [solid-transition-group](https://npm.io/package/solid-transition-group.md) ^0.2.3
- [@solid-primitives/keyed](https://npm.io/package/@solid-primitives/keyed.md) ^1.2.2
- [@solid-primitives/transition-group](https://npm.io/package/@solid-primitives/transition-group.md) ^1.0.5

## Alternatives

- [@progress/kendo-ooxml](https://npm.io/package/@progress/kendo-ooxml.md) — 152.1K weekly downloads
- [@progress/kendo-react-ripple](https://npm.io/package/@progress/kendo-react-ripple.md) — 8.0K weekly downloads
- [@progress/kendo-react-orgchart](https://npm.io/package/@progress/kendo-react-orgchart.md) — 4.3K weekly downloads
- [@praxisui/dynamic-fields](https://npm.io/package/@praxisui/dynamic-fields.md) — 2.4K weekly downloads
- [@progress/kendo-vue-listbox](https://npm.io/package/@progress/kendo-vue-listbox.md) — 932 weekly downloads

## Recent versions

- 2.11.1 (latest) — 2024-10-07
- 2.11.0 — 2024-10-07
- 2.10.2 — 2024-10-07
- 2.10.1 — 2024-10-07
- 2.10.0 — 2024-10-07
- 2.9.0 — 2024-10-07
- 2.8.10 — 2024-06-15
- 2.8.9 — 2024-06-08
- 2.8.8 — 2024-06-08
- 2.8.7 — 2024-06-08
- 2.8.6 — 2024-06-06
- 2.8.5 — 2024-06-06
- 2.8.0 — 2024-06-02
- 2.7.4 — 2024-05-28
- 2.7.3 — 2024-05-18
- … 42 more at https://npm.io/package/@cn-ui/core/versions

## README

# Creative Nature UI

CN-UI 是一个 Solid-js 组件库, [Storybook](https://cn-ui.netlify.app/)

```sh
npm i @cn-ui/core
pnpm i @cn-ui/core
```

```js
// entry
import "@cn-ui/core/dist/cn-uno.css"; // if you don't use UnoCSS
```

```tsx
import { Button } from "@cn-ui/core";
export const MyComponent = () => {
    return <Button></Button>;
};
```

## SSR Support

```diff
// vite.config.js
+ {
+       ssr: {
+           noExternal: ['solid-icons', '@popperjs/core'],
+           resolve: {
+               externalConditions: ['solid', 'module']
+           }
+       }
+   }
```

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