npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

yun-element

v1.0.3

Published

受 Element UI 启发的现代化 Vue3 组件解决方案 专为高效开发打造的轻量级组件体系

Readme

🦜 云格 - 基于 Vue3 的轻量级组件库

受 Element UI 启发的现代化 Vue3 组件解决方案 专为高效开发打造的轻量级组件体系

🌟 项目简介

这是一个仿 Element UI 设计风格的 Vue3 组件库实现,旨在通过简洁的代码结构、模块化设计和高度可定制性,为开发者提供轻量级的前端组件解决方案。
通过配套的在线展示站,您可以:

  • 实时预览 10+ 基础组件(如 Button、Input、Message 等)
  • 交互式调试 组件的不同状态与参数组合,并与icon结合
  • 一键复制 组件代码片段,快速集成到项目中
  • 查看 API 文档 与设计规范

🎨 组件特色

​交互增强设计:Message 组件支持队列管理与动画过渡 ​智能表单体系:Form 组件内置异步验证与联动控制逻辑 ​无障碍支持:所有组件遵循 WAI-ARIA 规范开发 ​移动优先适配:基于响应式断点系统实现多端兼容

📦 快速集成 bash

全量引入

npm install yun-ui

按需引入(推荐)

npm install @yun-ui/button @yun-ui/input ts // 全局注册 import { createApp } from 'vue' import YunUI from 'yun-ui'

createApp(App).use(YunUI) 🌐 在线体验 访问 组件演示站 可体验:

🎮 交互式组件调试台 📋 实时代码片段生成器 🎨 可视化主题定制工具 📖 完整的 API 文档手册 🛠️ 开发指南 bash

克隆仓库

git clone https://github.com/yungegegege/yunment.git

安装依赖

pnpm install

启动组件开发环境

pnpm dev

构建文档站点

pnpm build:docs 项目结构​(基于 monorepo):

🤝 贡献指引 欢迎通过以下方式参与共建:

提交 GitHub Issue 反馈问题 遵循 贡献指南 提交 PR