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

create-ngmd

v0.2.0

Published

Scaffold a NgMd Angular docs site. Run via `pnpm create ngmd@latest` / `npm create ngmd@latest` / `yarn create ngmd` / `bun create ngmd`.

Downloads

2,921

Readme

create-ngmd

npm version

Scaffold a new NgMd docs project.

Live demo: ngmd.netlify.app

pnpm create ngmd@latest my-docs
# or
npm create ngmd@latest my-docs
# or
yarn create ngmd my-docs
# or
bun create ngmd my-docs

Then:

cd my-docs
pnpm install   # or npm install / yarn / bun install
pnpm dev

Open http://localhost:5173.

What you get

A working AnalogJS + Tailwind v4 + Shiki docs site with:

  • File-based markdown routes — drop .md under src/content/, get a route
  • Authoring components: accordion, alert, badge, callout, card, card-grid, code-block, hero, image, pill, pill-row, step, tab, tabs, video, workflow (all under src/app/ui/)
  • Toast notifications via ToastService
  • Sticky translucent header, sidebar, breadcrumb, scroll-spy TOC, Cmd+K palette
  • Per-page footer: prev/next navigation, edit-on-github, last-updated
  • Heading anchor copy buttons, code-block copy buttons
  • Build-time link guards (external + internal)
  • Sitemap + robots.txt auto-generated
  • Light / dark / auto theme with no-flash boot script
  • *Keyword inline auto-linking
  • ```ts file="src/foo.ts#L5-L20" code imports, group code tabs, line highlighting

See the NgMd repo for the feature list.

Next steps

  1. Edit src/content/welcome.md to make the first page your own.
  2. Edit src/ngmd.config.ts to set brand name, navigation, and accent.
  3. Drop more .md files in src/app/pages/ or src/content/.
  4. Build with pnpm run build, deploy dist/ to any static host.

How it works

index.mjs (Node 20+, zero npm deps) copies template/ into the target directory and rewrites a few placeholders (package.json name, ngmd.config.ts brand, index.html title) so the new project matches the name you passed.

template/ is generated from the parent ngmd repo by build-template.mjs and is git-ignored. The prepublishOnly script regenerates it before every publish, so the npm artifact always carries an up-to-date starter.

To preview a scaffolded project locally without publishing:

node create-ngmd/build-template.mjs   # populate create-ngmd/template/
node create-ngmd/index.mjs my-docs    # scaffold ./my-docs

Licence

MIT