Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA card or inline pill that shows an npm package's version, downloads, size, license and install command.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
| Prop | Type | Default | Description |
|---|---|---|---|
name | string | - | Package name. |
version | string | - | Latest version, without a leading v. |
description | string | - | One-line description. |
downloads | number | - | Weekly downloads. |
trend | number[] | - | Weekly download counts, oldest first, for the sparkline. |
size | number | - | Minified and gzipped size in bytes. |
license | string | - | SPDX license id. |
types | boolean | - | Shows a types included chip. |
formats | string[] | - | Module formats, such as ["ESM", "CJS"]. |
href | string | - | Link to the package page. The name becomes a link. |
variant | "card" | "inline" | card | inline is a one-line pill. |
manager | "npm" | "pnpm" | "yarn" | "bun" | npm | Package manager used in the install command. |
hideInstall | boolean | false | Hide the install command. |
Also accepts all <div> props except children.
The component only displays the numbers you pass. Fetch them yourself, for example from the npm registry API.