Quadrant chart mapping traction versus ergonomics for the bootstrap, @chakra-ui/react, emotion, @material/web, solid-ui, reka-ui, radix-ui packages. The following packages are positioned on the top-right quadrant (solid picks): bootstrap, emotion, reka-ui. The following packages are positioned on the top-left quadrant (hidden gems): solid-ui. The following packages are positioned on the bottom-right quadrant (popular with tradeoffs): @chakra-ui/react, @material/web, radix-ui. At the bottom, a watermark reads "./npmx a fast, modern browser for the npm registry".
npmx 0.8 introduces experimental quadrant graphs: scatter plot of selected packages, traction on the x-axis (downloads, freshness, likes) and developer ergonomics on the y-axis (install size, dependencies, vulnerabilities, type support). Let's know how it works for you and how we could improve it 👋