Design system adoption dashboard

Know which components your teams are actually using and track it over time.

This version was released on May 5, 2026.

Plan: Enterprise

Wondering which components your teams actually use? Now you can see it. The Design system adoption tab is now available in Supernova, showing real component usage data from your codebase.

Run the Supernova CLI analyzer on your code, and usage data flows into a dedicated dashboard with component counts, adoption KPIs, snapshot comparisons, and prop-level breakdowns.

See what's working at a glance

The overview shows components tracked, used, total usages, and Storybook coverage in one view.

Component lists break down what matters: most-used components, rarely-used components, and unused props. Identify candidates for deprecation or promotion without digging through the codebase.

Design system adoption

Prop usage, not just component usage

Click into any component to see which props teams actually pass in production — not just whether the component is used, but how. Use this to understand real-world patterns and make smarter decisions about what to deprecate and what to improve.

Track changes over time

Each CLI run creates a snapshot. KPIs show deltas from the previous snapshot so you can see whether adoption is growing or stalling. With two or more snapshots, a usage-over-time chart shows the full trend.

How to get started

Currently supports React codebases. Working with a different stack? Let us know.

  1. Run supernova code analyze in your codebase to run the wizard that will guide you through generating and uploading usage snapshot. Requires Supernova CLI v2.1.0 or later.
  2. Open your design system in Supernova and navigate to the Analytics → Design system adoption tab.
  3. Review your KPIs, explore component breakdowns, and drill into individual component details.

For a list of smaller improvements and bug fixes, visit our Bug fixes page here: