
Security News
PodRocket Podcast: Inside the Recent npm Supply Chain Attacks
Socket CEO Feross Aboukhadijeh discusses the recent npm supply chain attacks on PodRocket, covering novel attack vectors and how developers can protect themselves.
evergreen-ui
Advanced tools
Works out of the box. Evergreen contains a set of polished React components that work out of the box.
Flexible & 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.
Evergreen v7 migration guide
π² Evergreen is made up of multiple components and tools which you can import one by one. All you need to do is install the evergreen-ui
package:
$ yarn add evergreen-ui
# or
$ npm install --save evergreen-ui
A working version, assuming you are using something like Create React App, might look like this:
import React from 'react'
import ReactDOM from 'react-dom'
import { Button } from 'evergreen-ui'
ReactDOM.render(<Button>I am using π² Evergreen!</Button>, document.getElementById('root'))
Evergreen is built on the belief that you can never predict all future requirements, only prepare for it. Instead of creating fixed configurations that work today, Evergreen promotes building systems that anticipate new and changing design requirements.
Evergreen is built on the belief that things should work out of the box with smart defaults, but also offer full control when needed. For example, Evergreen uses CSS-in-JS and builds on top of the Box component in ui-box.
Evergreen is built on the belief that using Evergreen and contributing to Evergreen should be a pleasant experience. We prioritize documentation and all the tools for a solid developer experience. We advocate respect and inclusivity in our writings and interactions.
Evergreen supports a robust theming layer out of the box. You can check out these docs for more information regarding theming in Evergreen.
Evergreen offers easy Server Side Rendering (SSR) and automatic hydration.
Evergreen bundles its own CSS-in-JS solution from ui-box. To make it super easy to do server side rendering and hydration, Evergreen exposes a extractStyles()
function.
Please see CONTRIBUTING.md for more information on how to contribute!
We will add you to the list if you make any meaningful contribution!
This project is maintained by Segment
Please take a look at the contributing guide to better understand what to work on.
Please respect our Code of Conduct, in short:
Evergreen is released under the MIT license. The BlueprintJS icons are licensed under a custom Apache 2.0 license.
Copyright Β© 2021 Segment.io, Inc.
FAQs
π² React UI Kit by Segment π²
The npm package evergreen-ui receives a total of 14,888 weekly downloads. As such, evergreen-ui popularity was classified as popular.
We found that evergreen-ui demonstrated a not healthy version release cadence and project activity because the last version was released a year ago.Β It has 282 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Socket CEO Feross Aboukhadijeh discusses the recent npm supply chain attacks on PodRocket, covering novel attack vectors and how developers can protect themselves.
Security News
Maintainers back GitHubβs npm security overhaul but raise concerns about CI/CD workflows, enterprise support, and token management.
Product
Socket Firewall is a free tool that blocks malicious packages at install time, giving developers proactive protection against rising supply chain attacks.