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

tinkerbell-ui

v0.6.1

Published

An Open Source Library of easy to use components.

Readme

tinkerbell-ui 一款简单而优雅的 ui 框架

适用于Web的Vue.js 2.0 UI工具包。

链接

安装

npm install tinkerbell-ui -S

yarn add tinkerbell-ui -S

快速开始

import Vue from 'vue'
import Tinkerbell from 'tinkerbell-ui'

Vue.use(Tinkerbell)

0.1.2 完成 tb-button 按钮、icon 图标组件

0.1.3 完成 tb-row、tb-col 两布局组件

0.1.4 完成 tb-link 链接组件

0.1.5 完成 tb-container 布局容器组件

0.1.6 完成 tb-radio、tb-radio-button、tb-radio-group 三个单选框组件

0.1.7 完成 tb-checkbox、tb-checkbox-button、tb-checkbox-group 三个复选框组件

0.1.8 完成 tb-tag 标签组件(使用 jsx)

0.1.9 完成 tb-color-picker、tb-color 两个颜色选择器组件

0.2.0 完成 tb-calendar 日历组件

0.2.1 完成 tb-popconfirm 弹出确认框组件

0.2.2 完成 tb-divider 分割线组件

0.2.3 完成 tb-badge 右上角小红点组件

0.2.4 完成 tb-avatar 头像组件

0.2.5 完成 tb-backtop 回到顶部组件

0.2.6 完成 tb-carousel、tb-carousel-item 跑马灯轮播图组件

0.2.7 完成 tb-card 卡片组件

0.2.8 完成(新增)InfiniteScroll 无线滚动组件

0.2.9 完成 tb-showmore 收起、展示文本省略号组件

0.3.0 完成 tb-page-header 返回页头组件

0.3.1 完成 tb-rate 评分组件

0.3.2 完成 tb-breadcrumb、tb-breadcrumb-item 面包屑组件

0.3.3 完成 tb-alert 警告提示组件

0.3.4 完成 tb-progress 进度条组件

0.3.5 完成 tb-input-number 计数器组件

0.3.6 完成 tb-switch 开关组件

0.3.7 完成 this.$loading 顶部加载进度条组件

0.3.8 完成 tb-timeline、tb-timeline-item 时间线组件

0.3.9 完成 this.$message 弹窗组件

0.4.0 完成 this.$notify 右上角通知组件

0.4.1 完成 tb-steps、tb-step步骤条组件

0.4.2 完成 tb-upload、tb-upload-list(内置list展示组件) 上传组件

0.4.3 完成 tb-tabs、tb-scroll-pane 标签页组件

0.4.4 完成 tb-popover 提示弹出框组件

0.4.5 完成 tb-modal、$alert、$confirm 弹出框组件

0.4.6 完成 tb-input 文本输入框组件

0.4.7 完成 tb-select、tb-option、tb-option-group 下拉选择组件

0.4.8 完成 tb-time-picker、tb-date-picker 时间、日期选择组件

0.4.9 完成 tb-cascader 级联选择器组件

0.5.0 完成 tb-menu、tb-menu-group、tb-menu-item、tb-submenu 导航菜单组件

0.5.1 完成 tb-form、tb-form-item 表单组件

0.5.2 完成 tb-pagination 分页组件

0.5.3 完成 tb-table-eazy 表格组件

0.5.4 完成 tinkerbell-ui 官网雏形

0.5.5 调整 tinkerbell-ui 主题颜色样式等

0.5.6 完成官网基础部分 并调整基础类型组件样式style等

0.5.7 完成官网 并调整在编写官网时遇到的组件问题 如button边框、icon图标不对齐,调整整体色彩样式等

0.5.8 调整官网Log记录 修复官网每次切换menu时滚动条不置顶问题 调整button按钮 禁用时鼠标移入不显示禁用符号

0.5.9 调整官网 menu 样式底边框线变为白色 并为3px,menu组件对应下边框改为 IE 盒子模型

0.6.0 调整官网 弹窗Popconfirm弹窗 有boxshadow阴影 再有按钮之间间距

0.6.1 新增 tb-affix 图钉(sticky定位)组件

如有需要及时联系

[email protected]