Beautiful badges for your Node.js packages. Generate live npm stats for your GitHub README with customizable SVG badges.
[](https://nodei.co/npm/express/)
[](https://nodei.co/npm/fastify/)
[](https://nodei.co/npm/typescript/)
[](https://nodei.co/npm/@babel/core/)Replace package-name with your npm package name:
[](https://nodei.co/npm/package-name/)?style=shields- GitHub README compatible, supports multi-data?style=flat- Modern design with rounded corners?style=flat-square- Flat design with square corners
?style=standard- Full package information (default)?style=compact- Single-line condensed format?style=mini- Minimal install command only
Add package information with the data parameter. Order matters - data appears in the order specified:
nameorn- Package nameversionorv- Latest versiondownloadsord- Weekly downloadsstarsors- GitHub starsupdatedoru- Last publish date
Customize badge colors with the color parameter:
- Named colors:
brightgreen,green,yellowgreen,yellow,orange,red,blue,lightgrey - Hex colors: Any valid hex color (e.g.,
#007ec6) - Default: npm red (
#cb3837)
Works with all badge styles, including classic badges where it changes the logo and border color.
# Single data point
[](https://nodei.co/npm/express/)
# Multiple data points (order matters)
[](https://nodei.co/npm/react/)
# Reorder data as needed
[](https://nodei.co/npm/vue/)
# Standard style with data
[](https://nodei.co/npm/lodash/)
# Custom colors
[](https://nodei.co/npm/axios/)
[](https://nodei.co/npm/next/)
[](https://nodei.co/npm/vite/)https://nodei.co/npm/<package-name>.svg?<parameters>
Scoped packages: Include the full scope: /npm/@babel/core.svg
Multiple data points: Separate with commas: data=n,v,d
# Install dependencies
npm install
# Run locally
npm start
# Run with auto-reload
npm run dev
# Run tests
npm test
# Lint code
npm run lintSee docs/DEPLOYMENT.md for production deployment instructions.
MIT License - see LICENSE file for details