{"id":13394248,"url":"https://github.com/segmentio/evergreen","last_synced_at":"2025-09-09T21:26:26.032Z","repository":{"id":37549374,"uuid":"98789146","full_name":"segmentio/evergreen","owner":"segmentio","description":"🌲 Evergreen React UI Framework by Segment","archived":false,"fork":false,"pushed_at":"2024-07-09T04:30:28.000Z","size":231646,"stargazers_count":12387,"open_issues_count":80,"forks_count":833,"subscribers_count":118,"default_branch":"master","last_synced_at":"2024-10-01T10:11:17.320Z","etag":null,"topics":["component-library","design-systems","evergreen","react","segment","ui","ui-components"],"latest_commit_sha":null,"homepage":"https://evergreen.segment.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/segmentio.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":".github/CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-07-30T10:03:14.000Z","updated_at":"2024-09-29T11:22:39.000Z","dependencies_parsed_at":"2022-07-14T08:32:14.602Z","dependency_job_id":"d28d99e0-6f84-42d5-84e3-7a604c2e8c4a","html_url":"https://github.com/segmentio/evergreen","commit_stats":{"total_commits":952,"total_committers":168,"mean_commits":5.666666666666667,"dds":0.7384453781512605,"last_synced_commit":"165e5e9735f7000788b6f8e238627487f49746d3"},"previous_names":[],"tags_count":259,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/segmentio%2Fevergreen","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/segmentio%2Fevergreen/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/segmentio%2Fevergreen/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/segmentio%2Fevergreen/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/segmentio","download_url":"https://codeload.github.com/segmentio/evergreen/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243267837,"owners_count":20263801,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["component-library","design-systems","evergreen","react","segment","ui","ui-components"],"created_at":"2024-07-30T17:01:13.733Z","updated_at":"2025-03-13T20:31:24.374Z","avatar_url":"https://github.com/segmentio.png","language":"JavaScript","readme":"\u003cdiv align=\"center\"\u003e\n    \u003ca href=\"https://evergreen.segment.com/\"\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/segmentio/evergreen/master/evergreen-github-hero.png\" alt=\"Evergreen, A Design System for the Web. Evergreen is a React UI Framework for building ambitious products on the web. Brought to you by Segment.\"\u003e\n    \u003c/a\u003e\n    \u003cbr\u003e\n    \u003cbr\u003e\n    \u003ca href=\"https://github.com/segmentio/evergreen/actions\"\u003e\n        \u003cimg src=\"https://github.com/segmentio/evergreen/actions/workflows/ci.yml/badge.svg\"\u003e\n    \u003c/a\u003e\n    \u003cbr\u003e\n    \u003cbr\u003e\n\u003c/div\u003e\n\n- **Works out of the box.** Evergreen contains a set of polished React components that work out of the box.\n\n- **Flexible \u0026 composable.** Evergreen components are built on top of a React UI Primitive for endless composability.\n\n- **Enterprise-grade.** Evergreen features a UI design language for enterprise-grade web applications.\n\n## Documentation \u0026 Community\n\n- [Documentation](https://evergreen.segment.com/)\n- [GitHub Discussions](https://github.com/segmentio/evergreen/discussions)\n\n## Evergreen v7 Migration guide\n\nEvergreen v7 [migration guide](https://evergreen.segment.com/introduction/migrations)\n\n## Install and use components\n\n🌲 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:\n\n```sh\n$ yarn add evergreen-ui\n# or\n$ npm install --save evergreen-ui\n```\n\nA working version, assuming you are using something like [Create React App](https://github.com/facebookincubator/create-react-app), might look like this:\n\n```js\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Button } from 'evergreen-ui'\n\nReactDOM.render(\u003cButton\u003eI am using 🌲 Evergreen!\u003c/Button\u003e, document.getElementById('root'))\n```\n\n## Core values of 🌲 Evergreen\n\n- **Evergreen is built on the belief that you can never predict all future requirements,\n  only prepare for it.** Instead of creating fixed configurations that work today, Evergreen promotes building systems that anticipate new and changing design requirements.\n\n- **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](https://github.com/segmentio/ui-box).\n\n- **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.\n\n## FAQ\n\n### Theming support?\n\nEvergreen supports a robust theming layer out of the box. You can check out [these docs](https://evergreen.segment.com/introduction/theming) for more information regarding theming in Evergreen.\n\n### How does Server Side Rendering (SSR) work?\n\nEvergreen offers easy Server Side Rendering (SSR) and automatic hydration.\n\nEvergreen bundles its own CSS-in-JS solution from [ui-box](https://github.com/segmentio/ui-box). To make it super easy to do server side rendering and hydration, Evergreen exposes a `extractStyles()` function.\n\n- How to use it with Next.js in the [ssr-next example app](examples/ssr-next).\n- [How to use it with GatsbyJS](https://github.com/segmentio/evergreen/issues/154)\n\n## Contributing to Evergreen\n\nPlease see [CONTRIBUTING.md](.github/CONTRIBUTING.md) for more information on how to contribute!\n\n## 🎉 Contributors\n\nWe will add you to the list if you make any meaningful contribution!\n\n- Jeroen Ransijn\n- Roland Warmerdam\n- Ben McMahon\n- Matt Shwery\n- Colin Lohner\n- Allen Kleiner\n- Chris Chuck\n- Brandon Scott\n- ... many other on the Segment team and open-source contributors\n\nThis project is maintained by [Segment](https://segment.com/)\n\nPlease take a look at the [contributing guide](.github/CONTRIBUTING.md) to better understand what to work on.\n\n## 👏 Respect earns Respect\n\nPlease respect our [Code of Conduct](.github/CODE_OF_CONDUCT.md), in short:\n\n- Using welcoming and inclusive language\n- Being respectful of differing viewpoints and experiences\n- Gracefully accepting constructive criticism\n- Focusing on what is best for the community\n- Showing empathy towards other community members\n\n## License\n\nEvergreen is released under the MIT license.\nThe BlueprintJS icons are licensed under a [custom Apache 2.0 license](https://github.com/palantir/blueprint/blob/develop/LICENSE).\n\nCopyright © 2021 Segment.io, Inc.\n","funding_links":[],"categories":["JavaScript","UI Frameworks","Uncategorized","Projects using `@faker-js/faker`","Typescript / Javascript","ui","UI Frameworks \u0026 Libraries","react","UI","Component Libraries","React [🔝](#readme)","Packages","UI Libs"],"sub_categories":["Responsive","Uncategorized","style"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsegmentio%2Fevergreen","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsegmentio%2Fevergreen","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsegmentio%2Fevergreen/lists"}