Waarom een gratis insluitbare npm downloads badge op je website gebruiken?
The free npm downloads badge that doesn't refetch an SVG every page load. Shields.io's npm badge is fetched 3rd-party. npm-stat.com is a separate site visitors have to leave for. This npm downloads badge is a 4 KB script tag — pulls the live download count from api.npmjs.org, caches it server-side for 6 hours, and shows 'npm 3.2M downloads / week' as a crisp pill in 7 themes. Free, no API key, no signup, supports scoped packages (@scope/pkg).
Npm downloads badge voor WordPress, Shopify, Wix, Webflow en pure HTML
De npm downloads badge van FeedPulse is één asynchrone <script>-tag — plak hem in een willekeurig HTML-veld en je bent klaar. WordPress-widgets/HTML-blokken, Custom HTML in de Shopify-themacustomizer, het HTML-element van Wix, de Embed-component van Webflow, het codeblok van Squarespace, de HTML-kaart van Ghost, de HTML/JavaScript-gadget van Blogger — elk platform waar je HTML mag plakken ondersteunt het. Geen plug-ins, geen app store, geen beheerdersrechten nodig.
Zo voeg je de npm downloads badge in 60 seconden toe aan je site
- Open de Free npm downloads badge-customizer.
- Kies je kleuren, formaat en de opties die van toepassing zijn.
- Klik op "Kopiëren" bij het gegenereerde snippet.
- Plak de regel waar je ook HTML zou plaatsen — op elke pagina, op elk platform.
- Klaar. Geen aanmelding, geen account, geen e-mail.
Waarom de npm downloads badge van FeedPulse voor altijd 100% gratis is
Elke widget die we aanbieden is voor altijd gratis. Wij dragen de API-kosten omdat ons groeimodel widgetdistributie is: de kleine vermelding "via FeedPulse" op elke widget brengt nieuwe site-eigenaren naar ons toe. Jij installeert de widget → wij verdienen de impressie. Dat is het hele verdienmodel. Geen paywall, geen premiumplan, geen advertenties, geen e-mailverzameling, geen aanmeldmuur.
npm downloads widget — live count on any landing page
An npm downloads widget is the live, script-tag version of an npm badge. The trade-off: an SVG badge works inside markdown (READMEs, GitHub release notes, npm package descriptions); an npm downloads widget works only on web pages but renders richer presentation — last-day, last-week, and last-month counts in one pill, plus 7 themes. For your package's landing page, docs site, or open-source portfolio, the npm downloads widget is the better fit. Caches every count server-side for 6 hours, so spikes from a Hacker News hit don't burn your traffic budget.
How to embed npm stats on a website or README
To embed npm stats on a website (Webflow, Notion-published site, WordPress, Shopify, plain HTML), paste the FeedPulse script tag once and you're done — no build step, no API key, no plugin install. For a README inside GitHub or npmjs.com itself, you have to use a static SVG (markdown strips inline scripts), so use the equivalent Shields.io image URL there. The widget supports scoped packages (@scope/pkg), private packages with public download counts, and packages with hyphens or dots in their name — anything api.npmjs.org returns for is renderable.