View Shadcn UI screenshot

View Shadcn UI

Updated: 15 May 2025
134 Stars

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

Categories

Overview

The Shadcn UI is a Vue3 component library that is built on Tailwind CSS, offering a collection of components for users to enhance their Vue projects.

Features

  • Vue3 Component Library: Provides a range of components for Vue3 projects.
  • Built on Tailwind CSS: Utilizes Tailwind CSS for styling and design.
  • Easy to Import and Use: Simplifies the process of importing and registering components.

Installation

To install the Shadcn UI component library in your Vue project, you can follow these steps:

  1. Install the package:
npm install shadcn-ui
  1. Import and use components:
// Import the desired component
import { Button } from 'shadcn-ui';

// Register the component globally or locally as needed
app.component('Button', Button);

Summary

The Shadcn UI is a Vue3 component library that offers a variety of components for Vue projects. It is built on Tailwind CSS, making it easy to style and design components. With simple installation steps and an easy-to-use approach for importing components, the Shadcn UI can be a valuable addition to Vue projects looking to enhance their user interface elements.