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

mango-sorbet-ui

v0.0.2-beta.3

Published

mango-sorbet-ui is an ui library like shadcn for Vue3.

Readme

button/
├── button.vue           # 主按钮组件
├── button-group.vue     # 按钮组
├── button-icon.vue      # 图标按钮
├── button-link.vue      # 链接按钮
├── loading-button.vue   # 加载按钮
├── index.ts            # 导出入口
└── types.ts            # 类型定义
packages/
├── soy-ui/           # 主要的 UI 组件库
├── primitives/       # 基础组件原语
├── color/           # 颜色相关工具
├── ui-variants/     # UI 变体配置
└── unocss-preset/   # UnoCSS 配置预设
packages/soy-ui/src/components/
├── accordion/            # 手风琴组件
├── alert/               # 提示组件
├── alert-dialog/        # 警告对话框
├── aspect-ratio/        # 等比例组件
├── avatar/              # 头像组件
├── badge/               # 标签组件
├── breadcrumb/          # 面包屑
├── button/              # 按钮组件(包含多种变体)
├── card/                # 卡片组件
├── carousel/            # 轮播图
├── checkbox/            # 复选框
├── chip/                # 标签/芯片
├── collapsible/         # 可折叠组件
├── combobox/            # 组合框
├── command/             # 命令组件
├── config-provider/     # 全局配置
├── context-menu/        # 上下文菜单
├── dialog/              # 对话框
├── drawer/              # 抽屉
├── dropdown-menu/       # 下拉菜单
├── form/                # 表单
├── hover-card/          # 悬停卡片
├── input/               # 输入框
├── keyboard-key/        # 键盘键
├── label/               # 标签
├── layout/              # 布局
├── link/                # 链接
├── menu/                # 菜单
├── menubar/             # 菜单栏
├── navigation-menu/     # 导航菜单
├── number-field/        # 数字输入框
├── pagination/          # 分页
├── pin-input/           # 验证码输入
├── popover/             # 弹出框
├── progress/            # 进度条
├── radio/               # 单选框
├── resizable/           # 可调整大小
├── scroll-area/         # 滚动区域
├── segment/             # 分段控制器
├── select/              # 选择器
├── separator/           # 分隔符
├── sheet/               # 底部弹出层
├── sidebar-menu/        # 侧边栏菜单
├── skeleton/            # 骨架屏
├── slider/              # 滑块
├── stepper/             # 步骤条
├── switch/              # 开关
├── tabs/                # 标签页
├── tags-input/          # 标签输入
├── textarea/            # 文本域
├── toast/               # 通知提示
├── toggle/              # 切换按钮
├── toggle-group/        # 切换组
├── tooltip/             # 工具提示
└── vue-sonner/          # 通知组件