# mengyue-components

**Repository Path**: q62/mengyue-components

## Basic Information

- **Project Name**: mengyue-components
- **Description**: 一款使用 Vue.js 编写的高质量前端 UI 组件库。
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://mengyuecengj.github.io/mengyue-components/
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 0
- **Created**: 2026-02-23
- **Last Updated**: 2026-04-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# [mengyue-plus]：让前端开发更「方便」的小帮手 🛠️✨

Hey！👋

是不是厌倦了在项目中反复造轮子？每次写按钮、 布局、表单都觉得“似曾相识”？下次项目还得重头再来？

认识一下 **`[mengyue-plus]`** 吧！

github: https://github.com/mengyuecengj/mengyue-components
<br />
gitee: https://gitee.com/q62/mengyue-components
<br />
文档: https://mengyuecengj.github.io/mengyue-components/

## 他可以做到
*   **省时省力：** 常用组件？拿来吧你！甭管是基础的按钮、输入框，还是表格、日期选择器，都包圆了，可以用很简易的代码完成编写。
*   **统一省心：** 代码风格不一致，五颜六色的UI，该组件库可以统一风格。
*   **专注核心：** 最重要的是，把时间花在写那些真正酷炫的业务逻辑上，而不是跟一个下拉框的样式死磕。
*   **有点小追求：** 我们不只是堆组件！还琢磨着怎么让它们：
    *   **跑得快 🚀：** 性能优化？必须的！
    *   **玩得转 🧩：** 灵活配置，适应你那千奇百怪的需求。
    *   **看得懂 📖：** 后续更新静态站点组件库使用文档？尽量写得不催眠！（欢迎来挑刺）
    *   **长得俊 🎨：** 默认设计就挺顺眼，当然，随你怎么打扮。

## 里面都有啥好货？

想象一下你的项目日常需要啥？我们大概率都有！比如：

*   **基础款：** `Button`, `Input`, `Checkbox`, `Radio`, `Select`, `Switch`等等... 
*   **布局好手：** `Layout`, `Container`等等...
*   **信息展示：** `Pagination`, `Collapse`, `Badge`, `Tooltip`等等...
*   **...还有更多！** `更多组件正在开发中...`

## 适用于以下场景

*   🧑‍💻 想快速搭建项目原型，不想从头开始的你。
*   👨‍👩‍👧‍👦 受够了项目里 UI 七零八落，想统一规范的前端团队。
*   ⚡ 追求开发效率，想把精力放在业务创新上的开发者。
*   🛠️ 当前项目主要以vite + vue3 + ts构建

## 优点

*   代码干净，设计实用，文档尽力说人话。
*   组件库正在不断地重构优化，后续会提供联系方式，参考所有意见或者建议等。
*   根据和前端潮流，不断添加新组件和优化现有组件。

当前正在优化各个组件的体积，目前以完成了大部分的优化

## 上手
*   **动手试试：** 安装超简单！复制粘贴走起：

```pnpm
pnpm install mengyue-plus
```
``` npm
npm install mengyue-plus
```

```js
// 在项目的main导入
import MengyuePlus from 'mengyue-plus'
import 'mengyue-plus/style.css'

const app = createApp(App);
app.use(MengyuePlus)
app.mount('#app');
```


# [mengyue-plus]: Your Handy Helper for Smoother Frontend Development 🛠️✨

Hey there! 👋

Tired of reinventing the wheel in every project? Does coding buttons, layouts, and forms feel like déjà vu? Starting from scratch each time?

Say hello to **`mengyue-plus`**! 

github: https://github.com/mengyuecengj/mengyue-components
<br />
gitee: https://gitee.com/q62/mengyue-components
<br />
docs: https://mengyuecengj.github.io/mengyue-components/

## What It Does
*   **Save Time & Effort:** Common components? Just grab 'em! Whether it's basic buttons/inputs or complex tables/date pickers - we've got you covered. Write less code, build faster.
*   **Consistent & Reliable:** Tame inconsistent coding styles and rainbow-colored UIs. Achieve visual harmony across projects.
*   **Focus on What Matters:** Spend time crafting awesome business logic - not fighting with dropdown styles.
*   **Thoughtfully Crafted:** We don't just pile up components! We focus on making them:
    *   **Speedy 🚀:** Performance-optimized? Absolutely!
    *   **Flexible 🧩:** Highly customizable for your unique needs.
    *   **Clear Docs 📖:** Coming soon! (Human-readable, we promise - feedback welcome!)
    *   **Good-Looking 🎨:** Sleek out-of-the-box design, fully themeable.

## What's Inside?

Imagine your daily dev needs - we probably have it! For example:

*   **Essentials:** `Button`, `Input`, `Checkbox`, `Radio`, `Select`, `Switch`...
*   **Layout Helpers:** `Layout`, `Container`...
*   **Data Display:** `Pagination`, `Collapse`, `Badge`, `Tooltip`...
*   **...And Growing!** `More components in development...`

## Perfect For

*   🧑‍💻 You - if you want to prototype fast without boilerplate code
*   👨‍👩‍👧‍👦 Teams - tired of fragmented UIs and craving consistency
*   ⚡ Efficiency Seekers - who want to focus on innovation, not rebuilding basics
*   🛠️ Modern Vue 3 stacks (Vite + Vue 3 + TypeScript)

<<<<<<< HEAD
## Why Choose Us?
=======
## Why Choose Use?
>>>>>>> c4ac3e59df5fc4fe20fb438ae24a5d87c50592c4

*   **Clean & Practical:** Simple code, sensible design, docs that speak human.
*   **Always Evolving:** Continuously refined based on community insights (contact coming soon!).
*   **Future-Proof:** Keeping up with frontend trends and expanding components.

We are currently optimizing the volume of each component and have completed most of the optimizations

## Get Started

```bash
# Install with your favorite package manager
pnpm install mengyue-plus
# or
npm install mengyue-plus
```
```js
// In your main entry file
import MengyuePlus from 'mengyue-plus'
import 'mengyue-plus/style.css'

const app = createApp(App)
app.use(MengyuePlus)
app.mount('#app')
<<<<<<< HEAD
```
=======
```
>>>>>>> c4ac3e59df5fc4fe20fb438ae24a5d87c50592c4