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

nudeps

v0.4.2

Published

Naked dependencies, in the browser.

Readme

Web dependencies, naked.

Nudeps is a new, ultra-lightweight end-to-end dependency management system, intended to make bundler-free, local-first workflows not just possible, but actually pleasant.

It lets you use npm install/npm uninstall to manage client-side dependencies, and then use them via plain specifiers in your code (e.g. import foo from "foo") without a bundler or build step.

It works by copying a subset of your dependencies to a local directory and generating an import map that maps specifiers to these local paths. Then, the import map is automatically updated whenever dependencies change, through NPM hooks.

Features:

  • ✅ No transpilation or bundling needed for either your code or your dependencies (already transpiling? No problem!)
  • ✅ Granular cache busting: When a module is updated, it is automatically updated in the browser cache, and that does not affect any other modules
  • ✅ Local-first workflow, no external requests, no CDN required, no additional points of failure
  • ✅ Automatically updated when dependencies change No need to start anything before you can edit files — everything just works.
  • ✅ No additional client-side code to run (unless you have CJS packages [^1])
  • ✅ Nice URLs for non-JS resources (CSS, images, icons, etc.) — because the Web is not just JS

Even edge cases work:

  • ✅ Dynamic import()
  • ✅ import.meta.resolve()
  • ✅ CJS packages (experimental)
  • ✅ Local packages (npm install ../foo)
  • ✅ Git dependencies (npm install git+https://github.com/foo/bar.git)
  • ✅ npm aliases (npm install vue2@npm:vue@2)

[^1]: Except for CJS packages, which require a shim that is automatically included.

Quick start

npx nudeps install

This adds an npm hook that regenerates your import map whenever dependencies change, then runs Nudeps once. Include the generated import map in your HTML, in a classic (non-module) <script>, before any module scripts:

<script src="/importmap.js"></script>

That's it. Now npm install vue and import { createApp } from "vue" just works — no bundler, no build step, no watcher.

Documentation

📖 nudeps.dev

Try it out in the demos repository, or browse them live at nudeps.dev/demos.

AI coding assistants

Nudeps ships with a SKILL.md — a comprehensive reference that teaches AI coding agents how to work with nudeps correctly (lifecycle hooks, generated artifacts, CJS handling, common mistakes, etc.).

The easiest way to install it is via the skills CLI, which supports Claude Code, Cursor, Copilot and many more agents:

npx skills add nudeps/nudeps

Background