vue-amazing-ui

组件库采用 Vue@3.5.11+ TypeScript@5.6.3 + Vite@5.4.8 + Less@4.2.0 实现！
目前共包含 63 个基础 UI 组件以及 16 个工具函数，并且持续探索更新中...！
所有组件均采用单文件组件 SFC 形式，单独使用，也没问题！
所有组件样式均使用 box-sizing: border-box; 模式！
开箱即用，不墨迹！

Document & Online Preview

Vue Amazing UI

Install

npm install vue-amazing-ui
# or
pnpm add vue-amazing-ui
# or
yarn add vue-amazing-ui
# or
bun add vue-amazing-ui

Use Components

Global

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

import VueAmazingUI from 'vue-amazing-ui'
import 'vue-amazing-ui/css'

const app = createApp(App)
app.use(VueAmazingUI)

Local

<script setup lang="ts">
import { Button } from 'vue-amazing-ui'
import 'vue-amazing-ui/css'
</script>

Use Functions

<script setup lang="ts">
import {
  dateFormat,
  formatNumber,
  rafTimeout,
  cancelRaf,
  throttle,
  debounce,
  add,
  downloadFile,
  toggleDark,
  useEventListener,
  useMutationObserver,
  useScrollDirection,
  useFps,
  useMediaQuery,
  useResizeObserver,
  useSlotsExist
} from 'vue-amazing-ui'
</script>

Use CDN

<script src="https://unpkg.com/vue-amazing-ui@latest"></script>

Project

• Get the project code

git clone https://github.com/themusecatcher/vue-amazing-ui.git

• Install dependencies

cd vue-amazing-ui

pnpm i

• Run project

pnpm dev

Components

Details

My CSDN Blogs

Functions