Skip to main content
USWDS + Tailwind

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.

Minimal form: compressed JavaScript and default CSS sizes in KB gzip
LibraryJSCSSTotal
USWDS0.0059.7559.75
USWDS + Tailwind (React)17.2515.9033.16
MetroStar Comet24.8859.7584.63
Trussworks42.6360.44103.07
CMS Design System*38.9323.1962.12
VA Design System66.1946.78112.97
  • * CMS uses its Dropdown component instead of a native select.

Enhanced form controls

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

Enhanced form: compressed JavaScript and default CSS sizes in KB gzip
LibraryJSCSSTotal
USWDS11.6359.7571.38
USWDS + Tailwind (React)42.5215.9058.42
MetroStar Comet25.4759.7585.22
Trussworks48.1060.44108.54
CMS Design System*66.8123.1990.00
VA Design System†232.9246.78279.69
  • * CMS uses its Dropdown component instead of a native select. It lacks character count, so its total includes only the available components.
  • † VA lacks a calendar date picker, so its total includes only the available components. Its input mask supports phone numbers only.

Versions measured