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

lan-material-hub

v1.0.5

Published

A LAN-only material dropbox for files, videos, screenshots, text, and capture assets.

Readme

素材中转站

一个只跑在本机和局域网内的小工具,用来在手机、PC、测试机之间传递截图、视频、文本、日志、HAR、压缩包等开发素材。

预览

桌面端

移动端

连接信息

安装使用

npm install -g lan-material-hub
lan-material-hub start

启动后终端会显示本机地址和局域网地址。在电脑上打开 localhost 地址,在手机或其他设备上打开局域网地址,或者扫码进入。

服务会默认从 7788 端口开始尝试;如果端口被占用,会自动切换到后续可用端口。

lan-material-hub status
lan-material-hub stop

通过 lan-material-hub start 启动时,素材默认保存在 ~/.lan-material-hub/data,更新 npm 包不会清除这里的数据。

想给当前设备设置一个容易识别的名字,可以这样启动:

LAN_MATERIAL_HUB_NICKNAME="办公 Mac" lan-material-hub start

也可以按需指定端口或素材保存目录:

PORT=7799 lan-material-hub start
DATA_DIR=/Users/tianrui/Desktop/material-data lan-material-hub start

能做什么

  • 多文件上传,支持拖拽、文件选择、剪贴板图片粘贴
  • 文本素材保存和一键复制
  • React/antd 前端界面
  • 可设置站点昵称
  • 点击连接状态查看服务器设备和在线链接设备
  • antd 图片预览,支持 PC 和移动端
  • 视频、音频预览
  • 任意文件下载
  • PC 和手机浏览器响应式页面
  • WebSocket 实时刷新,多端同时打开时自动同步
  • 局域网地址和二维码入口

注意

这个服务默认不做登录鉴权,适合可信局域网或临时自测网络使用。不要在公共 Wi-Fi 或公网端口暴露。