Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/devlive-community/view-shadcn-ui

View Shadcn UI 是一个基于 Tailwind CSS 构建的 Vue3 组件库。
https://github.com/devlive-community/view-shadcn-ui

tailwindcss ui ui-components ui-design view vue3

Last synced: 5 days ago
JSON representation

View Shadcn UI 是一个基于 Tailwind CSS 构建的 Vue3 组件库。

Awesome Lists containing this project

README

        

Logo

# View Shadcn UI

![NPM Downloads](https://img.shields.io/npm/d18m/view-shadcn-ui)
![NPM Version](https://img.shields.io/npm/v/view-shadcn-ui)

![Visitors](https://api.visitorbadge.io/api/visitors?path=https%3A%2F%2Fgithub.com%2Fdevlive-community%2Fshadcn-ui-vue-admin&countColor=%23263759&style=flat)
[![](https://tokei.rs/b1/github/devlive-community/shadcn-ui-vue-admin)](https://github.com/devlive-community/shadcn-ui-vue-admin)
![version](https://img.shields.io/github/v/release/devlive-community/shadcn-ui-vue-admin.svg)

![GitHub](https://img.shields.io/github/license/devlive-community/shadcn-ui-vue-admin)
[![Push code checker](https://github.com/devlive-community/shadcn-ui-vue-admin/actions/workflows/checker.yml/badge.svg)](https://github.com/devlive-community/shadcn-ui-vue-admin/actions/workflows/checker.yml)
![GitHub Release Date](https://img.shields.io/github/release-date/devlive-community/shadcn-ui-vue-admin?style=flat-square)

![GitHub commit activity](https://img.shields.io/github/commit-activity/y/devlive-community/shadcn-ui-vue-admin?style=flat-square)
![GitHub contributors](https://img.shields.io/github/contributors-anon/devlive-community/shadcn-ui-vue-admin?style=flat-square)
![GitHub last commit](https://img.shields.io/github/last-commit/devlive-community/shadcn-ui-vue-admin?style=flat-square)

View Shadcn UI is a Vue3 component library built on Tailwind CSS.

## Install & Use

```bash
pnpm i view-shadcn-ui
# or
npm install view-shadcn-ui
# or
yarn add view-shadcn-ui
```

## Import and register component

```ts
import { createApp } from 'vue'
import App from './App.vue'

import ViewShadcnUI from 'view-shadcn-ui'

const app = createApp(App)
app.use(ViewShadcnUI)
```