Meet Evergreen,

Segment’s design system

Evergreen is a React UI Framework for building ambitious products on the web. Brought to you by Segment.

Core values

Works out of the box

Evergreen contains a set of polished React components that work out of the box.

Flexible and composable

Evergreen components are built on top of a React UI Primitive for endless composability.

Enterprise-grade

Evergreen features a UI design language for enterprise-grade web applications.

Get started

Installation

Learn how to install the evergreen-ui package

Visit installation page

What’s new

Check out the latest changes and updates

Read latest updates

Design language

Foundations

Evergreen contains a set of polished React components that work out of the box.

Go to Foundations

Components

Evergreen components are built on top of a React UI Primitive for endless composability.

Go to Components

Patterns

Evergreen features a UI design language for enterprise-grade web applications.

Go to Patterns

Resources

A collection of tools, kits, plugins and guides to help simplify the creation process for our users. See all resources