一、开源项目简介

View Shadcn UI

View Shadcn UI 是一个基于 Tailwind CSS 构建的 Vue3 组件库。目前已经支持 80+ 组件，更多的组件还在支持中，

二、开源协议

使用MIT开源协议

三、界面展示

四、功能概述

组件美化

基于 Shadcn UI 和 Tailwin CSS 开发，美化各种底层组件

开发工具

使用流行的 TypeScript 语言和 Vite 构建工具进行源代码和构建

多种引入方式

支持全局 |按需引入组件，方便快捷的开发测试

高度可定制性

提供灵活的配置选项，轻松自定义组件样式和功能

高性能

使用现代框架和优化的构建工具构建，以确保快速加载和流畅交互

全面的文档

清晰详细的文档，带有示例，便于快速理解

多语言支持

支持多语言定制，以满足来自不同地区的用户

安全稳定

定期进行安全更新和主动维护，确保安全稳定使用

可主题化

在不同主题之间轻松切换，以满足您的品牌或项目的设计要求

移动优先设计

响应式和移动友好型组件，可在任何设备上提供出色的体验

模块化结构

高度模块化的组件，允许在您的项目中灵活集成和扩展

数据可视化

提供内置的数据可视化组件，用于创建交互式和富有洞察力的图表

开发人员友好的 API

直观且结构良好的 API，可加快开发过程并提高生产力

插件系统

可扩展的插件系统，用于与第三方工具集成并增强功能

代码示例

即用型代码示例，帮助开发人员快速学习和集成组件

五、技术选型

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

安装与使用

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

导入并注册组件

import { createApp } from 'vue'
import App from './App.vue'
import ViewShadcnUI from 'view-shadcn-ui'
const app = createApp(App)
app.use(ViewShadcnUI)