---
title: Compare - USWDS + Tailwind
description: Compare the CSS and JavaScript of the most used federal component
  libraries. All comparisons are minified, gzipped, and measured in KB's.
---

# Compare

Compare the CSS and JavaScript of the most used federal component libraries. All comparisons are minified, gzipped, and measured in KB's.

## Methodology

For a fair comparison, a representative sample of form controls were compared, basic and enhanced. The totals include JavaScript for the selected components and each library’s full default CSS.

React and React DOM are not included in the totals. Together they add about 68.71 KB of gzipped JavaScript to each React library measured.

## Basic form controls

Includes text input, button, select, checkbox, radio, textarea and memorable date.

| Library | JS | CSS | Total |
| - | - | - | - |
| USWDS | 0.00 | 59.75 | 59.75 |
| USWDS + Tailwind (React) | 17.25 | 15.90 | 33.16 |
| MetroStar Comet | 24.88 | 59.75 | 84.63 |
| Trussworks | 42.63 | 60.44 | 103.07 |
| CMS Design System[\*](https://uswds-tailwind.com/compare#cms-note-minimal) | 38.93 | 23.19 | 62.12 |
| VA Design System | 66.19 | 46.78 | 112.97 |

* \* CMS uses its Dropdown component instead of a native select.[](https://uswds-tailwind.com/compare#cms-note-ref-minimal)

## Enhanced form controls

Includes the minimal form controls plus combo box, input mask, date picker and character count.

| Library | JS | CSS | Total |
| - | - | - | - |
| USWDS | 11.63 | 59.75 | 71.38 |
| USWDS + Tailwind (React) | 42.52 | 15.90 | 58.42 |
| MetroStar Comet | 25.47 | 59.75 | 85.22 |
| Trussworks | 48.10 | 60.44 | 108.54 |
| CMS Design System[\*](https://uswds-tailwind.com/compare#cms-note-enhancedForm) | 66.81 | 23.19 | 90.00 |
| VA Design System[†](https://uswds-tailwind.com/compare#va-note-enhancedForm) | 232.92 | 46.78 | 279.69 |

* \* CMS uses its Dropdown component instead of a native select. It lacks character count, so its total includes only the available components.[](https://uswds-tailwind.com/compare#cms-note-ref-enhancedForm)
* † VA lacks a calendar date picker, so its total includes only the available components. Its input mask supports phone numbers only.[](https://uswds-tailwind.com/compare#va-note-ref-enhancedForm)

## Versions measured

* [USWDS](https://designsystem.digital.gov/): 3.14.0
* [USWDS + Tailwind (React)](https://uswds-tailwind.com/): 2.0.0-beta.2
* [MetroStar Comet](https://metrostar.github.io/comet/): 3.14.0
* [Trussworks](https://trussworks.github.io/react-uswds/): 13.0.0
* [CMS Design System](https://design.cms.gov/): 18.1.0
* [VA Design System](https://design.va.gov/): 56.19.0