42 days
01 hrs
59 min
34 sec

a fast, modern browser for the npm registry

npmx is a better UX/DX for the npm package registry and tooling. We provide a fast, modern interface for exploring packages, with features like dark mode, keyboard navigation, code browsing, and connections to alternative registries like JSR.

We also aim to provide a better admin UI for managing your packages, teams, and organizations โ€” all from the browser, powered by your local npm CLI.

contributors
get involved
atmosphere
We got a shoutout to our ATmosphereConf in Bytes!
> Patak and Zeu gave a 35-minute talk about their npmx project - the fast, modern browser for the npm registry

Bytes is big in js land. They added us because of npm, not the atmosphere, so
@zeu.dev may get some new js devs excited about atproto ๐Ÿ˜Š
What a beautiful sight, a silvery moon in the infinite whiteness of spaceโ€ฆ โ˜บ๏ธ
npmx website with the moon in the bottom part and Earth in the background, but it's in light mode so the page background is white
The data is concrete.
The weights are necessarily arbitrary.
The concept is open to modification.

To propose *better* weights, come and chat with us on
chat.npmx.dev โค๏ธ

To use this component to tell your own data stories, check out
vue-data-ui.graphieros.com ๐Ÿ“ˆ
npmx @npmx.dev
npmx 0.8 introduces experimental quadrant graphs: scatter plot of selected packages, traction on the x-axis (downloads, freshness, likes) and developer ergonomics on the y-axis (install size, dependencies, vulnerabilities, type support). Let's know how it works for you and how we could improve it ๐Ÿ‘‹
Quadrant chart mapping traction versus ergonomics for the bootstrap, @chakra-ui/react, emotion, @material/web, solid-ui, reka-ui, radix-ui packages. The following packages are positioned on the top-right quadrant (solid picks): bootstrap, emotion, reka-ui. The following packages are positioned on the top-left quadrant (hidden gems): solid-ui. The following packages are positioned on the bottom-right quadrant (popular with tradeoffs): @chakra-ui/react, @material/web, radix-ui. At the bottom, a watermark reads "./npmx a fast, modern browser for the npm registry".
I love working on projects like this together so much

Where you just do something with fun and find the perfect fit and look together. Just to say what you care about through the main space. Just to cook what you want to share ๐Ÿค๐Ÿœ
patak @patak.cat
I love our second npmx.dev noodle. We hope there will be many more to come. The Artemis II theme will stay until they are back home safely. Shoutout to @alfon.dev and @alexdln.com for designing and implementing this noodle, and the International Transgender Day of Visibility theme from last week ๐Ÿค
Artemis II themed npmx landing
npmx 0.8 introduces experimental quadrant graphs: scatter plot of selected packages, traction on the x-axis (downloads, freshness, likes) and developer ergonomics on the y-axis (install size, dependencies, vulnerabilities, type support). Let's know how it works for you and how we could improve it ๐Ÿ‘‹
Quadrant chart mapping traction versus ergonomics for the bootstrap, @chakra-ui/react, emotion, @material/web, solid-ui, reka-ui, radix-ui packages. The following packages are positioned on the top-right quadrant (solid picks): bootstrap, emotion, reka-ui. The following packages are positioned on the top-left quadrant (hidden gems): solid-ui. The following packages are positioned on the bottom-right quadrant (popular with tradeoffs): @chakra-ui/react, @material/web, radix-ui. At the bottom, a watermark reads "./npmx a fast, modern browser for the npm registry".
This @npmx.dev feature that suggests a faster, more performant alternative is seriously good ๐Ÿš€
A software package page for "js-yaml" on npm shows details like version, license, download stats, and a warning about dependency necessity.
For a week before the release (after I tested this update), I was just pressing buttons in vain. And then I felt like I was back in the Stone Age since I had to do everything manually

Press and Go, great feature โค๏ธ
Philippe Serhal @philippeserhal.com
Find everything you need on @npmx.dev with โŒ˜ K.

Jump to any page, toggle any setting, download a package tarball, jump to the git repo, copy things to clipboard, and 60+ more commands... including my favourite feature at the end of the video.
Find everything you need on @npmx.dev with โŒ˜ K.

Jump to any page, toggle any setting, download a package tarball, jump to the git repo, copy things to clipboard, and 60+ more commands... including my favourite feature at the end of the video.
npmx 0.8 is out! we can reach very far if we work together
npmx ๐Ÿค atproto
zeu @zeu.dev
our keynote talk about @npmx.dev is up!

atmosphere conf was an amazing experience and i loved giving this talk with
@patak.cat

if this talk resonates with you, come join us at ./
chat.npmx.dev
hurrah!! ๐Ÿ™Œ
luke karrys @lukekarrys.com
dark mode on www.npmjs.com ???
a screenshot of the npmjs.com package page with a dark button in the header highlighted
๐ŸŽ™๏ธ New Episode of Igalia Chats -
npmx: The People Powered Package Index

@bkardell.com and @ryzokuken.dev chat with @danielroe.dev and @patak.cat of npmx about the project, the community and Open Source

www.igalia.com/chats/npmxyz
Photos of Daniel and Matias's cat (their respective avatars) on a title card which says the same text.  Soundwaves are visualized eminating from them in the background
coming soon ๐ŸŽ‰ module replacements v3 has been a chunky piece of work inside @e18e.dev . it updates our data set to define individual replacements and their min engine versions.

this means we can show much richer messaging like this example in npmx
a screenshot of npmx showing "You might not need this dependency", and "This package can be replaced with util.styleText available since Node 20.12.0".
My first contribution to @npmx.dev! Couldn't miss out on all the fun.
I am contributor #249 (so close to #250). Thanks
@willow.sh for giving great feedback!
Code npmx-dev / npmx.dev Issues 195 Pull requests Agents Actions Wiki Security and quality Q Type D to search W Insights fix: command for create-* packages in Deno #2357 โ€ข 8o Merged ghostdevv merged 7 commits into npmx-dev.main from knotbin: deno-create-cmd 1 minute ago โ€ข Conversation 19 -o Commits E Checks 16 Files changed 3 knotbin commented 3 days ago Contributor ยฎ Linked issue resolves #2337 Context For example package create-example , Current Deno command deno run example is incorrect and errors out. This PR fixes that and changes it to the correct deno create command. Description This is a simple change that just changes the Deno command for create to the correct deno create npm: example command. โ€ขโ€ข โ€ข fix: Deno command for create- packages V 71ba4c2 vercel (bot) commented 3 days ago โ€ข edited - โ€ขโ€ข. Reviewers coderabbitai[bot] ghostdevv Assignees No one assigned Labels None yet Projects None yet Milestone No milestone Development Successfully merging this pull request may close these issues. โ€ข Deno command for create- packages is w...

Code +38 -25 00000
Finally MOOved over to npmx.social ๐ŸŽ‰
Was scared of this for a while ๐Ÿ˜….. but thanks to
@baileytownsend.dev's pdsmoover.com/moover it appears everything has worked out ๐Ÿ™‡๐Ÿผโ€โ™‚๏ธ๐Ÿ™๐Ÿฎ
screenshot of the PDSls website listing 'fettstorch.com's account. It shows npmx.social as the did's pds
Conference Takeaways

Iโ€™m back from ATmosphereConf in Vancouver, and I'm processing what I saw and heard. The atproto developer community could not have been nicer and more welcoming. Here are some takeaways.ย ...

https://toni.org/2026/04/03/conference-takeaways/
A cappella contributions to open source projects are often overlooked but crucial to achieving the community objectives. Watch the quoted video in the thread until the end to see how fundamental these non-code contributions are to the long-term success of a project.
Sarah Rainsberger @sarah11918.rainsberger.ca
I haven't made the time yet to write about contributing *a cappella* to open source, but at least I now have another example to use when advocating for the opportunities for and importance of contributions beyond code!

(Should open source projects have *jingles*??)
A large tablet running a video editing app, showing 5 individual tracks of me singing a different vocal line being stitched together to create one video with 5 headshots. Also on the table in front is an index card with a crudely handwritten musical arrangement of the short song.
I owe you some answers after the last article and, finally, here they are

Lots of news, ideas, updates, solutions, and of course, People ๐Ÿค
Badrap is happy to support @npmx.dev in an advisory role.

A better developer experience can be a boon to security. Easier access to trust signals and tips for avoiding unnecessary dependencies, among other things, help make stronger supply chain choices.

Read their intro:
npmx.dev/blog/alpha-r...
took me a day and half to make, this is just the early version of it
made with blento