介绍

Ananas UI是一个用于Vue3的 不轻量 超级重重重 高度可定制 的UI组件库

🍍：一个看起来像热带水果风味的 Vue3 UI组件库

特性

Ananas UI 提供了一系列强大且灵活的功能，使开发者可以快速构建出精美的用户界面：

• 🍍 高度可定制：每个组件都可以灵活配置和定制样式，轻松满足不同项目的需求。
• ⚡ 全 Vue3 支持：基于 Vue3 完全开发，充分利用 Vue3 新特性.
• 🧩 丰富的组件库：提供了一套常见的 UI 组件，可以帮助你快速构建页面。
• 🌈 响应式设计：所有组件都支持响应式设计，确保在不同设备和屏幕尺寸下都有良好的展示效果。
• 🔨 灵活的主题系统：内置主题支持，用户可以根据需求自定义主题样式，满足多种设计风格。
• 🚀 开箱即用：开箱即用的默认样式和功能配置，能够帮助你快速启动项目。
• 🖌️ 内置动画和过渡效果：为用户界面交互添加流畅的动画和过渡效果，提升用户体验。
• 🧑‍🤝‍🧑 易于扩展和集成：兼容各种 Vue3 插件和第三方库，能够轻松扩展功能或集成到已有项目中。

---

安装教程

# 使用npm安装
npm i ananas-ui

# 使用yarn安装
yarn add ananas-ui

# 使用pnpm安装
pnpm add ananas-ui

使用教程

import { createApp } from 'vue'
import App from './App.vue'
import AnanasUI from 'ananas-ui'

const app = createApp(App)
app.use(AnanasUI)
app.mount('#app')

文档

Ananas UI 文档

许可证

MIT