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: 8 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/devlive-community/view-shadcn-ui
• Owner: devlive-community
• License: mit
• Created: 2024-03-21T13:07:07.000Z (over 2 years ago)
• Default Branch: dev
• Last Pushed: 2025-01-21T07:47:40.000Z (over 1 year ago)
• Last Synced: 2025-03-29T18:06:28.317Z (about 1 year ago)
• Topics: tailwindcss, ui, ui-components, ui-design, view, vue3
• Language: Vue
• Homepage: https://view-shadcn-ui.devlive.org/
• Size: 16.2 MB
• Stars: 116
• Watchers: 1
• Forks: 18
• Open Issues: 35
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome-shadcnui - Github - shadcn-ui.devlive.org/) | ★141 | (Components & Libraries)

README

          




# 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)

```