184 Components
Package Dependency Tree
CardsBundlephobia and Socket.dev inspired package dependency inspector with direct and transitive node nesting, license badges, vulnerability advisories, bundle size calculations, and install script copying.
boseui
v1.0.05 direct dependencies • 60.8 kB min+gzip
0 Critical CVEs
framer-motion^11.11.0
MIT34.2 kB
@motionone/dom^10.16.4
MIT8.4 kB
@motionone/utils^10.15.1
MIT2.1 kB
lucide-react^0.454.0
ISC18.6 kB
tailwind-merge^2.5.4
MIT6.8 kB
clsx^2.1.1
MIT1.2 kB
semver^7.6.2 Advisory
ISC9.4 kB
Installation
Install directly into your project using the shadcn CLI or copy the source code manually.
Requires:framer-motionlucide-reactclsxtailwind-merge
$npx shadcn@latest add "https://boseui.site/r/package-dependency-tree.json"
Props
TypeScript props supported by <PackageDependencyTree />.
| Prop | Type | Default | Description |
|---|---|---|---|
| packageName | string | "boseui" | Root package name. |
| version | string | "1.0.0" | Root package semver string. |
| bundleSizeKb | number | 60.8 | Total minified and gzipped bundle size in kilobytes. |
Key Features
- Collapsible hierarchical tree view of direct and transitive packages.
- Calculated bundle size metrics and open-source license tags.
- Real-time text filter across package names.
- Security vulnerability advisory alerts.
Keyboard & Accessibility
- Keyboard accessible tree nodes with aria-expanded states.
- Clear visual contrasts for warning and security indicators.