React Native USMDS

U.S. Mobile Design System components for React Native applications

Get StartedComponents
USMDS

USMDS Component Preview

Key Features

Accessible

Built with accessibility in mind. All components meet WCAG standards and are tested for screen readers.

Customizable

Easily adapt components to your specific requirements while maintaining design consistency.

Cross-Platform

Works seamlessly on both iOS and Android platforms with consistent behavior.

Featured Components

Alert

Display important messages to users with various severity levels.

View component →

Button

Interactive button elements with multiple variants and sizes.

View component →

Card

Versatile containers for displaying content and actions.

View component →

View All Components

Get Started

Start building your React Native application with USMDS components. Follow our step-by-step guide to install and configure the library.

IntroductionInstallation
# Using npm
npx usmds init

# Using yarn
yarn usmds init