mengyue-plus

[mengyue-components]: 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-components!

github: https://github.com/mengyuecengj/mengyue-components
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)

Why Choose Us?

• 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

# Install with your favorite package manager
pnpm install mengyue-components
# or
npm install mengyue-components

// 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')

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

Hey！👋

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

认识一下 [mengyue-plus] 吧！

github: https://github.com/mengyuecengj/mengyue-components 文档: https://mengyuecengj.github.io/mengyue-components/

他可以做到

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

里面都有啥好货？

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

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

适用于以下场景

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

优点

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

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

上手

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

pnpm install mengyue-plus

npm install mengyue-plus

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

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