feat: add crystal chronicle blog post

Author: alexdln

app/pages/blog/release/crystal-chronicle.md

@@ -0,0 +1,106 @@
+---
+authors:
+  - name: Alex Savelyev
+    blueskyHandle: alexdln.com
+  - name: Willow (GHOST)
+    blueskyHandle: willow.sh
+  - name: Matias Capeletto
+    blueskyHandle: patak.cat
+title: 'npmx crystal chronicle'
+tags: ['OpenSource', 'Release']
+excerpt: '100 days, 100K visitors, npmx v11, and dozens of new features shaping the future of developer tooling'
+date: '2026-05-13'
+slug: 'release/crystal-chronicle'
+image: 'https://npmx.dev/blog/og/release-crystal-chronicle.png'
+description: '100 days, 100K visitors, npmx v11, and dozens of new features shaping the future of developer tooling'
+draft: false
+---
+
+# npmx 0.11 crystal chronicle
+
+Hard to believe we started [npmx](https://npmx.dev) 100 days ago, and now more than 100K monthly visitors are using the tool. By GitHub contributors, we’re [the fastest-growing emerging open source organizations](osscar.dev). It seems like a good moment for another release. We’re happy to share that npmx 0.11 is out! For many of us, it feels as though both the product and the community building it have always been there. But a few months ago, the idea of a new browser for [npmjs.com](https://npmjs.com/) wasn’t even on the table. This past month, npmx continued improving towards a beta milestone, focusing on performance, accessibility, and stability. But the number of new features added in npmx [0.9], [0.10], [0.11] isn’t slowing down. We’ll walk through them in the post.
+
+Over the past months, we all felt empowered by seeing npmx take off and the reaction from the ecosystem. It makes a huge difference in our lives as maintainers to use tools we can fix and extend. We have a new shared commons where we can share ideas and implement features to improve how we work. Not only for ourselves, but for everyone else, too.
+
+![image.png](/blog/og/release-crystal-chronicle.png)
+
+We had many conversations, encouraged by npmx’s success, about what else we could do for the web. Some of these ideas are shaping into new sister projects, explorations that may eventually return as npmx features. It’s a great time to get involved. Let’s keep building together.
+
+## What’s new?
+
+Together, we’ve become a truly large service, and to keep the user experience higher-quality and more predictable, we’ve switched to planned [milestone releases](https://github.com/orgs/npmx-dev/projects/1). Each milestone includes several [releases or hotfixes](https://github.com/npmx-dev/npmx.dev/releases), and each release is assembled separately. When a milestone is completed, we’ll share in our [blog](https://npmx.dev/blog) the most important changes in the project and the community.
+
+### Timeline tab
+
+When it comes to growth, one of the most important metrics is change rather than absolute values. It shows how the project or package is evolving and in what direction. To make this analysis easier, we added a Timeline tab that shows not only versions, but also the key changes that happened in each of them.
+
+<BlueskyPostEmbed url="https://bsky.app/profile/graphieros.npmx.social/post/3mllmom2zfk2v" />
+
+### Scatter with selectable axis
+
+The community has always been a key part of npmx. And we’re incredibly excited to work together to create the perfect experience. In the last release, we added a package comparison chart with the scoring system. This chart, given the specific nature of any comparison, received a lot of feedback from the community. To make the experience more comprehensive and convenient, we’ve made it so you can now choose what and how you want to compare.
+
+<BlueskyPostEmbed url="https://bsky.app/profile/graphieros.npmx.social/post/3mjzlmesrts2f" />
+
+### Module replacements v3
+
+Another important part of npmx collaborations is our connection with the community to optimize dependencies. Thanks to this close relationship, you will see even more, and even more detailed, suggestions from the community for dependency optimization. You can now also browse them all independently at [replacements.fyi](https://replacements.fyi/)
+
+<BlueskyPostEmbed url="https://bsky.app/profile/43081j.com/post/3mkietfufb22f" />
+
+### Celebrate size decreases
+
+We talk a lot about how to make your applications faster and more secure by showing deprecated dependencies, size growth, suitable replacements, and so on. But we’ve overlooked one of the most important and enjoyable optimizations: reducing package size. This is a huge amount of work that authors do, and we’re happy to now showcase it on the packages page
+
+<BlueskyPostEmbed url="https://bsky.app/profile/jviide.iki.fi/post/3ml6xwt2puc2y" />
+
+### Prefill pm from query param
+
+We’re building the service so that everyone’s experience is as good as possible. This wouldn’t be possible without the tools that make both npmx and the entire ecosystem better.
+
+To make the ecosystem experience more convenient, you can now add the package manager to the URL. This allows projects to specify in their links which package manager should be the default.
+
+[https://npmx.dev/package/nuxt?pm=pnpm](https://npmx.dev/package/nuxt?pm=pnpm)
+
+And now, for example, when you follow links from pnpm, you’ll immediately get the expected commands for quick copying and getting started with the package.
+
+<BlueskyPostEmbed url="https://bsky.app/profile/pnpm.io/post/3mjhihoyjwc2w" />
+
+### And much more
+
+- Add timeline tab to package page ([#2245](https://github.com/npmx-dev/npmx.dev/pull/2245))
+- New og images ([#2292](https://github.com/npmx-dev/npmx.dev/pull/2292))
+- Module replacements v3 ([#2068](https://github.com/npmx-dev/npmx.dev/pull/2068))
+- Celebrate size decreases ([#2620](https://github.com/npmx-dev/npmx.dev/pull/2620))
+- **ui:** Support Vite+ `vp` package manager commands ([#2451](https://github.com/npmx-dev/npmx.dev/pull/2451))
+- Add `socket.dev` link into package command palette ([#2481](https://github.com/npmx-dev/npmx.dev/pull/2481))
+- Replace quadrant with scatter with selectable axes ([#2472](https://github.com/npmx-dev/npmx.dev/pull/2472))
+- Prefill package manager from query param ([#2520](https://github.com/npmx-dev/npmx.dev/pull/2520))
+- add timeline chars ([#2663](https://github.com/npmx-dev/npmx.dev/pull/2663))
+- Show badge on top liked packages, link to leaderboard ([#2459](https://github.com/npmx-dev/npmx.dev/pull/2459))
+
+## State of npmx
+
+Speaking about the development of npmx, we can’t skip plans and the future. And to bring a number of major ideas closer, we met in Edinburgh. Because even though you like building ideas together, sometimes you need to sit across from each other and throw out lots of ideas and problems related to the product. We discussed projects, lexicons, ideas, tasks, and much more, and simply had a great time.
+
+![image.png](/blog/team-edinburgh.jpg)
+
+We spoke about organising in-person meetups, to share ideas over pizza and drinks. We actually did a social before CityJS London in April, it was great fun to get together as a community, even if it was only a few of us due to the very last minute organising. We’re thinking of organising a meetup in London in June, one in Berlin before Local First conf in July, and even one in Paris sometime after Berlin.
+
+<BlueskyPostEmbed url="https://bsky.app/profile/willow.sh/post/3mjmelcxnas2m" />
+
+Of course, we didn’t forget to have some noodles (_lots of noodles_)
+
+[Alex](https://bsky.app/profile/alexdln.com) and [Alfon](https://bsky.app/profile/alfon.dev) worked on a new noodle for the [Press Freedom Day](https://en.wikipedia.org/wiki/World_Press_Freedom_Day). Our noodles calendar is starting to slowly fill with dates to commemorate. Get involved if you’d like to see more noodles in npmx.
+
+<BlueskyPostEmbed url="https://bsky.app/profile/npmx.dev/post/3mkxoxckda22r" />
+
+We’re also continuing to work on the community atmosphere in our discord. We’ve now launched a pack of our own emoji and additional stickers.
+
+<BlueskyPostEmbed url="https://bsky.app/profile/alfon.dev/post/3mk6ff36etc2l" />
+
+## We need your help
+
+We continue to not only improve our registry browsing experience but also add completely new functionality to our everyday experience. And none of this would be possible without community. And if you want to help us improve the experience of developers, join us:
+
+[Site](https://npmx.dev/) • [Discord](https://chat.npmx.dev/) • [GitHub](https://repo.npmx.dev/) • [Bluesky](https://social.npmx.dev/)