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

objectx-cli

v0.1.4

Published

前端项目脚手架工具,支持组件库、工具包、类型包等项目模板

Readme

objectx-cli

前端项目脚手架工具,支持创建组件库、工具包和类型包项目。

特性

  • 🚀 快速创建组件库、工具包和类型包项目
  • 📦 基于React、TypeScript、Vite的现代化技术栈
  • 🎨 支持多种样式方案 (Less, Tailwind CSS, CSS Modules)
  • 📚 支持Storybook文档集成
  • 🧩 支持monorepo项目结构 (pnpm workspace)
  • 📝 自动生成更新日志和版本管理

安装

全局安装

npm install -g objectx-cli

或者

pnpm add -g objectx-cli

使用方法

创建新项目

objectx-cli create my-project

按照提示选择项目类型和配置:

  • 组件库项目 - 创建一个React组件库项目
  • 工具包项目 - 创建一个通用JavaScript/TypeScript工具库
  • 类型包项目 - 创建一个TypeScript类型定义包

可选功能

  • 文档展示 - 使用Storybook进行组件开发和文档展示
  • 样式解决方案 - 选择Less、Tailwind CSS、CSS Modules (可多选)

项目类型说明

组件库项目

  • 基于React和TypeScript的组件库
  • 支持按需引入
  • 支持组件文档生成
  • 支持国际化
  • 提供完整TypeScript类型声明

工具包项目

  • 通用JavaScript/TypeScript工具库
  • 支持ESM, CJS, UMD多种模块格式
  • 自动生成API文档
  • 优化的打包配置

类型包项目

  • 纯TypeScript类型定义包
  • 支持自动生成类型声明文件
  • 包含类型测试
  • 标准化的类型发布流程

开发

# 克隆仓库
git clone https://github.com/yourusername/objectx-cli.git
cd objectx-cli

# 安装依赖
pnpm install

# 开发模式
pnpm dev

# 构建
pnpm build

# 测试
pnpm test

贡献指南

欢迎提交问题和贡献代码!请遵循以下步骤:

  1. Fork此仓库
  2. 创建您的功能分支 (git checkout -b feature/amazing-feature)
  3. 提交您的更改 (git commit -m 'Add some amazing feature')
  4. 推送到分支 (git push origin feature/amazing-feature)
  5. 打开Pull Request

许可证

MIT © [你的名字]