Strato design system

The Strato design system offers reusable React components, design tokens, and icons that help you efficiently create great user experiences for Dynatrace Apps. Our mission is to empower you to build scalable, accessible, and user-centric experiences quickly.

Get started

Install the Strato design system's packages to access all possibilities in your project.

npm install @dynatrace/strato-components
npm install @dynatrace/strato-components-preview
npm install @dynatrace/strato-design-tokens
npm install @dynatrace/strato-geo
npm install @dynatrace/strato-icons

Explore

Components

Save time using our ready-to-go React component library, where we've optimized each building block for the Dynatrace platform.

Components preview

Benefit from early access to our preview components that are not yet ready to move to the general components package.

Design tokens

Benefit from our carefully crafted design language using our design tokens and enjoy out-of-the-box dark and light theme support.

Icons

Browse through 200+ icons in our icon gallery.

Patterns

Check out the best practices and recommendations for creating a great user experience in your app.