[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3436":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":20,"hasPages":22,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":30,"readmeContent":31,"aiSummary":32,"trendingCount":16,"starSnapshotCount":16,"syncStatus":17,"lastSyncTime":33,"discoverSource":34},3436,"evergreen","segmentio\u002Fevergreen","segmentio","🌲 Evergreen React UI Framework by Segment","https:\u002F\u002Fevergreen.segment.com",null,"JavaScript",12426,808,114,43,0,2,68.92,"MIT License",false,"master",true,[24,25,5,26,27,28,29],"component-library","design-systems","react","segment","ui","ui-components","2026-06-12 04:00:17","\u003Cdiv align=\"center\">\n    \u003Ca href=\"https:\u002F\u002Fevergreen.segment.com\u002F\">\n        \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fsegmentio\u002Fevergreen\u002Fmaster\u002Fevergreen-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.\">\n    \u003C\u002Fa>\n    \u003Cbr>\n    \u003Cbr>\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fsegmentio\u002Fevergreen\u002Factions\">\n        \u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fsegmentio\u002Fevergreen\u002Factions\u002Fworkflows\u002Fci.yml\u002Fbadge.svg\">\n    \u003C\u002Fa>\n    \u003Cbr>\n    \u003Cbr>\n\u003C\u002Fdiv>\n\n- **Works out of the box.** Evergreen contains a set of polished React components that work out of the box.\n\n- **Flexible & 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 & Community\n\n- [Documentation](https:\u002F\u002Fevergreen.segment.com\u002F)\n- [GitHub Discussions](https:\u002F\u002Fgithub.com\u002Fsegmentio\u002Fevergreen\u002Fdiscussions)\n\n## Evergreen v7 Migration guide\n\nEvergreen v7 [migration guide](https:\u002F\u002Fevergreen.segment.com\u002Fintroduction\u002Fmigrations)\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:\u002F\u002Fgithub.com\u002Ffacebookincubator\u002Fcreate-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>I am using 🌲 Evergreen!\u003C\u002FButton>, 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:\u002F\u002Fgithub.com\u002Fsegmentio\u002Fui-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:\u002F\u002Fevergreen.segment.com\u002Fintroduction\u002Ftheming) 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:\u002F\u002Fgithub.com\u002Fsegmentio\u002Fui-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\u002Fssr-next).\n- [How to use it with GatsbyJS](https:\u002F\u002Fgithub.com\u002Fsegmentio\u002Fevergreen\u002Fissues\u002F154)\n\n## Contributing to Evergreen\n\nPlease see [CONTRIBUTING.md](.github\u002FCONTRIBUTING.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:\u002F\u002Fsegment.com\u002F)\n\nPlease take a look at the [contributing guide](.github\u002FCONTRIBUTING.md) to better understand what to work on.\n\n## 👏 Respect earns Respect\n\nPlease respect our [Code of Conduct](.github\u002FCODE_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:\u002F\u002Fgithub.com\u002Fpalantir\u002Fblueprint\u002Fblob\u002Fdevelop\u002FLICENSE).\n\nCopyright © 2021 Segment.io, Inc.\n","Evergreen 是由 Segment 提供的一个 React UI 框架，旨在帮助开发者构建具有企业级设计语言的 Web 应用。它包含一系列开箱即用且高度可组合的 React 组件，基于 React UI 原语构建，支持灵活定制和无缝集成。Evergreen 强调智能默认配置与完全控制之间的平衡，采用 CSS-in-JS 技术，并提供强大的主题支持及简易的服务器端渲染能力。适用于需要快速开发高质量、一致性用户体验的企业级 Web 项目。","2026-06-11 02:54:27","top_language"]