Evergreen
A React UI component library for building web apps, maintained by Segment.
- Stars
- 12.4k
- Forks
- 802
- Licence
- MIT
- Language
- JavaScript
- Last update
- 4 months ago
- Type
- Library
What it is
Evergreen is a set of ready-made React user interface components, such as buttons, that developers can drop into web applications. It is built on a styling base called ui-box and includes a theming layer and server-side rendering support. Teams use it to build consistent web product interfaces without designing every component from scratch.
- Build a web app's forms, buttons, and layout using prebuilt React components
- Apply a custom theme to match a brand's colors and styles
- Render pages on the server with extractStyles() for faster first load and hydration
Great for
- React developers building web applications who want prebuilt components
- Teams that want a consistent design language across an internal or enterprise web product
- Projects that need server-side rendering with Next.js or similar frameworks
- Developers who want to customize the look through theming
Not ideal for
- People who are not writing React code, since the components are React-specific
- Projects needing a framework other than React, such as Vue or Angular
- Teams looking for a long-term stable API without checking the v7 migration guide first, since the README points to a major version migration
How to get it
- 1
Install with a package manager
You'll need: Node.js · yarn or npm · React
Install with yarn
yarn add evergreen-uiInstall with npm
npm install --save evergreen-ui - 2
Run it
- Install the evergreen-ui package with yarn or npm
- Import a component such as Button from 'evergreen-ui' in a React file
- Render the component inside your app's root element
- Check the documentation site for theming and further components
- 3
Get the most out of it
- Read the theming docs to customize colors and styles
- Use extractStyles() if you need server-side rendering
- Follow the Next.js ssr-next example for a full SSR setup
- Read the v7 migration guide if upgrading from an earlier version
Downloads
Strengths
- Components work out of the box with sensible defaults
- Built on a composable primitive, so components can be extended
- Includes documentation, theming docs, and a Next.js example
Trade-offs
- The README shows the older ReactDOM.render example, so check current docs for your React version
- Requires moving through a v7 migration guide if upgrading from earlier versions
- Last-known README copyright is 2021, so verify the project's current status before adopting
How it compares
| Project | Stars | Type | Level | Updated | Best for |
|---|---|---|---|---|---|
| evergreen (this) | 12.4k | Library | intermediate | 4 months ago | React developers building web applications who want prebuilt components |
| material-ui | 99.3k | Library | intermediate | 4 days ago | React developers who want a consistent, prebuilt set of UI components |
| chakra-ui | 40.7k | Library | intermediate | 4 days ago | React developers who want prebuilt UI components instead of styling from scratch |
| ant-design | 100k | Library | intermediate | 4 days ago | React developers building admin dashboards or internal business tools |
| primitives | 19.5k | Library | intermediate | 22 days ago | Developers building a custom design system who want accessible base components |
| Semantic-UI | 51k | Library | beginner | 1.9 years ago | Front-end developers who want prebuilt UI components they can restyle with themes |
Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.