Top 20 Most Used Components
Component usage frequency across all projects
Component usage analytics across all DNA projects
Ranked by DNA adoption — click a project for full details
Portfolio snapshot
Relative import volume across all projects
7 active projects
File adoption
191 of 721 scanned files use DNA
Top components
File adoption
165 of 740 scanned files use DNA
Top components
File adoption
106 of 508 scanned files use DNA
Top components
File adoption
95 of 475 scanned files use DNA
Top components
File adoption
84 of 430 scanned files use DNA
Top components
File adoption
53 of 297 scanned files use DNA
Top components
File adoption
2 of 23 scanned files use DNA
Top components
Component usage frequency across all projects
Usage breakdown by component semantic type
9
Categories
Typography
6 components
Form
27 components
Action
4 components
Feedback
11 components
Layout
12 components
Display
19 components
Navigation
18 components
Data
3 components
Utility
5 components
Component usage variety and design system adoption maturity
669 total imports
48
The total number of different component types used in this project. Higher numbers indicate broader adoption of the design system.Unique Components
7.17%
Measures component variety vs. repetition. Calculated as (Unique Components ÷ Total Imports) × 100. Lower scores indicate healthy reuse of common components like Button or Input.Diversity Score
9
The number of different component categories (e.g., Forms, Navigation, Feedback) used in this project. Shows how broadly the design system is being utilized across different UI patterns.Categories Used
745 total imports
42
The total number of different component types used in this project. Higher numbers indicate broader adoption of the design system.Unique Components
5.64%
Measures component variety vs. repetition. Calculated as (Unique Components ÷ Total Imports) × 100. Lower scores indicate healthy reuse of common components like Button or Input.Diversity Score
9
The number of different component categories (e.g., Forms, Navigation, Feedback) used in this project. Shows how broadly the design system is being utilized across different UI patterns.Categories Used
782 total imports
39
The total number of different component types used in this project. Higher numbers indicate broader adoption of the design system.Unique Components
4.99%
Measures component variety vs. repetition. Calculated as (Unique Components ÷ Total Imports) × 100. Lower scores indicate healthy reuse of common components like Button or Input.Diversity Score
9
The number of different component categories (e.g., Forms, Navigation, Feedback) used in this project. Shows how broadly the design system is being utilized across different UI patterns.Categories Used
415 total imports
38
The total number of different component types used in this project. Higher numbers indicate broader adoption of the design system.Unique Components
9.16%
Measures component variety vs. repetition. Calculated as (Unique Components ÷ Total Imports) × 100. Lower scores indicate healthy reuse of common components like Button or Input.Diversity Score
9
The number of different component categories (e.g., Forms, Navigation, Feedback) used in this project. Shows how broadly the design system is being utilized across different UI patterns.Categories Used
271 total imports
38
The total number of different component types used in this project. Higher numbers indicate broader adoption of the design system.Unique Components
14.02%
Measures component variety vs. repetition. Calculated as (Unique Components ÷ Total Imports) × 100. Lower scores indicate healthy reuse of common components like Button or Input.Diversity Score
9
The number of different component categories (e.g., Forms, Navigation, Feedback) used in this project. Shows how broadly the design system is being utilized across different UI patterns.Categories Used
185 total imports
32
The total number of different component types used in this project. Higher numbers indicate broader adoption of the design system.Unique Components
17.30%
Measures component variety vs. repetition. Calculated as (Unique Components ÷ Total Imports) × 100. Lower scores indicate healthy reuse of common components like Button or Input.Diversity Score
8
The number of different component categories (e.g., Forms, Navigation, Feedback) used in this project. Shows how broadly the design system is being utilized across different UI patterns.Categories Used
8 total imports
8
The total number of different component types used in this project. Higher numbers indicate broader adoption of the design system.Unique Components
100.00%
Measures component variety vs. repetition. Calculated as (Unique Components ÷ Total Imports) × 100. Lower scores indicate healthy reuse of common components like Button or Input.Diversity Score
6
The number of different component categories (e.g., Forms, Navigation, Feedback) used in this project. Shows how broadly the design system is being utilized across different UI patterns.Categories Used