{"id":14985523,"url":"https://github.com/seb-oss/green","last_synced_at":"2026-02-20T11:03:57.258Z","repository":{"id":37114066,"uuid":"364248226","full_name":"seb-oss/green","owner":"seb-oss","description":"Green is an open-source design system built by SEB.","archived":false,"fork":false,"pushed_at":"2026-02-12T13:05:38.000Z","size":1114311,"stargazers_count":57,"open_issues_count":63,"forks_count":71,"subscribers_count":7,"default_branch":"main","last_synced_at":"2026-02-12T19:26:32.995Z","etag":null,"topics":["angular","lit","react","storybook"],"latest_commit_sha":null,"homepage":"https://storybook.seb.io/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/seb-oss.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2021-05-04T12:26:51.000Z","updated_at":"2026-02-12T12:12:09.000Z","dependencies_parsed_at":"2023-10-02T13:10:05.108Z","dependency_job_id":"f00fdc3f-5ee8-449e-91de-65471c300637","html_url":"https://github.com/seb-oss/green","commit_stats":{"total_commits":2197,"total_committers":71,"mean_commits":"30.943661971830984","dds":0.863905325443787,"last_synced_commit":"86ee917a1582aeceb4bea081eaf5ff12d4aeb13d"},"previous_names":["seb-oss/green","sebgroup/green"],"tags_count":1062,"template":false,"template_full_name":null,"purl":"pkg:github/seb-oss/green","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seb-oss%2Fgreen","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seb-oss%2Fgreen/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seb-oss%2Fgreen/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seb-oss%2Fgreen/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/seb-oss","download_url":"https://codeload.github.com/seb-oss/green/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seb-oss%2Fgreen/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29576860,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-18T08:38:15.585Z","status":"ssl_error","status_checked_at":"2026-02-18T08:38:14.917Z","response_time":162,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["angular","lit","react","storybook"],"created_at":"2024-09-24T14:11:08.843Z","updated_at":"2026-02-18T11:01:38.956Z","avatar_url":"https://github.com/seb-oss.png","language":"TypeScript","readme":"\u003ch1 align=\"center\"\u003e\n    \u003ca href=\"https://seb.io\"\u003e\n        \u003cimg src=\"https://github.com/seb-oss/green/assets/11420341/2fc122ba-54fc-4f22-b96d-d405079d6e50\"\u003e\n    \u003c/a\u003e\n    \u003cbr/\u003e\n    \u003cbr/\u003e\n    Green Design System\n\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003eGreen is an open-source design system built by SEB.\u003cp\u003e\n\u003cp align=\"center\"\u003e\u003ca href=\"https://github.com/seb-oss/green/blob/main/LICENSE\"\u003e\u003cimg src=\"https://img.shields.io/badge/license-Apache2.0-005FAC\"/\u003e\u003c/a\u003e \u003ca href=\"https://semver.org/\"\u003e\u003cimg src=\"https://img.shields.io/badge/semantic%20versioning-006D31\"/\u003e\u003c/a\u003e \u003ca href=\"https://nx.dev/\"\u003e\u003cimg src=\"https://img.shields.io/badge/maintained%20with-nx-006D31\"/\u003e\u003c/a\u003e \u003ca href=\"https://github.com/seb-oss/green/blob/main/CONTRIBUTING.md\"\u003e\u003cimg src=\"https://img.shields.io/badge/PRs-welcome-006D31\"/\u003e\u003c/a\u003e\u003c/p\u003e\n\n## Getting started\n\nIf you are new to Green, checkout [@sebgroup/green-core](https://github.com/seb-oss/green/tree/main/libs/core).\n\nWe also provide components for the following technologies:\n\n- [React](https://github.com/seb-oss/green/tree/main/libs/react)\n- [Angular](https://github.com/seb-oss/green/tree/main/libs/angular)\n\nIf you're trying to find something specific, here's a full list of packages that we support!\n\n| Package name                                                                                     | Latest stable version                                                                                                                                     |                                                                                          | Description                                                             |\n| ------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- |\n| [@sebgroup/green-core](https://github.com/seb-oss/green/tree/main/libs/core)                     | [![Stable version](https://img.shields.io/npm/v/@sebgroup/green-core/latest.svg)](https://www.npmjs.com/package/@sebgroup/green-core)                     | [Changelog](https://github.com/seb-oss/green/tree/main/libs/core/CHANGELOG.md)           | Web Component library built with [Lit](https://lit.dev)                 |\n| [@sebgroup/green-react](https://github.com/seb-oss/green/tree/main/libs/react)                   | [![Stable version](https://img.shields.io/npm/v/@sebgroup/green-react/latest.svg)](https://www.npmjs.com/package/@sebgroup/green-react)                   | [Changelog](https://github.com/seb-oss/green/tree/main/libs/react/CHANGELOG.md)          | React component library                                                 |\n| [@sebgroup/green-angular](https://github.com/seb-oss/green/tree/main/libs/angular)               | [![Stable version](https://img.shields.io/npm/v/@sebgroup/green-angular/latest.svg)](https://www.npmjs.com/package/@sebgroup/green-angular)               | [Changelog](https://github.com/seb-oss/green/tree/main/libs/angular/CHANGELOG.md)        | Angular component library                                               |\n| [@sebgroup/chlorophyll](https://github.com/seb-oss/green/tree/main/libs/chlorophyll)             | [![Stable version](https://img.shields.io/npm/v/@sebgroup/chlorophyll/latest.svg)](https://www.npmjs.com/package/@sebgroup/chlorophyll)                   | [Changelog](https://github.com/seb-oss/green/tree/main/libs/chlorophyll/CHANGELOG.md)    | Styling framework                                                       |\n| [@sebgroup/green-tokens](https://github.com/seb-oss/green/tree/main/libs/tokens)                 | [![Stable version](https://img.shields.io/npm/v/@sebgroup/green-tokens/latest.svg)](https://www.npmjs.com/package/@sebgroup/green-tokens)                 | [Changelog](https://github.com/seb-oss/green/tree/main/libs/tokens/CHANGELOG.md)         | Design Tokens package                                                   |\n| [@sebgroup/green-charts](https://github.com/seb-oss/green/tree/main/libs/charts)                 | [![Stable version](https://img.shields.io/npm/v/@sebgroup/green-charts/latest.svg)](https://www.npmjs.com/package/@sebgroup/green-charts)                 | [Changelog](https://github.com/seb-oss/green/tree/main/libs/charts/CHANGELOG.md)         | An SEB wrapper of [Billboard.js](https://naver.github.io/billboard.js/) |\n| [@sebgroup/green-react-charts](https://github.com/seb-oss/green/tree/main/libs/react-charts)     | [![Stable version](https://img.shields.io/npm/v/@sebgroup/green-react-charts/latest.svg)](https://www.npmjs.com/package/@sebgroup/green-react-charts)     | [Changelog](https://github.com/seb-oss/green/tree/main/libs/react-charts/CHANGELOG.md)   | A React version of the charts wrapper                                   |\n| [@sebgroup/green-angular-charts](https://github.com/seb-oss/green/tree/main/libs/angular-charts) | [![Stable version](https://img.shields.io/npm/v/@sebgroup/green-angular-charts/latest.svg)](https://www.npmjs.com/package/@sebgroup/green-angular-charts) | [Changelog](https://github.com/seb-oss/green/tree/main/libs/angular-charts/CHANGELOG.md) | An Angular version of the charts wrapper                                |\n| [@sebgroup/fonts](https://github.com/seb-oss/green/tree/main/libs/fonts)                         | [![Stable version](https://img.shields.io/npm/v/@sebgroup/fonts/latest.svg)](https://www.npmjs.com/package/@sebgroup/fonts)                               | [Changelog](https://github.com/seb-oss/green/tree/main/libs/fonts/CHANGELOG.md)          | This package contains SEBs primary font SEB SansSerif                   |\n\n## 📋 Table of content\n\n- [Documentation](https://github.com/seb-oss/green?tab=readme-ov-file#-documentation)\n- [Working from SEB](https://github.com/seb-oss/green?tab=readme-ov-file#-working-from-seb)\n- [Contribute](https://github.com/seb-oss/green?tab=readme-ov-file#-contribute)\n- [Working locally with this repo](https://github.com/seb-oss/green?tab=readme-ov-file#-working-locally-with-this-repo)\n\n## 📚 Documentation\n\nDocumentation currently resides in a few different locations:\n\n- [User Interface Guidelines (Design Library)](https://designlibrary.sebgroup.com/)\n- [Storybook (@sebgroup/chlorophyll)](https://storybook.seb.io/latest/chlorophyll/)\n- [Storybook (@sebgroup/green-core)](https://storybook.seb.io/latest/core/)\n- [Storybook (@sebgroup/green-react)](https://storybook.seb.io/latest/react/)\n- [Storybook (@sebgroup/green-angular)](https://storybook.seb.io/latest/angular/)\n\n## 🏦 Working from SEB\n\nAsk on Teams if you need help setting up local development environment.\n\n## 🎉 Contribute\n\nWe're always looking for contributors to help us fix bugs, build new features, or help us improve the project documentation. If you're interested, definitely check out our [Contributing Guide](https://github.com/seb-oss/green/blob/main/CONTRIBUTING.md)! 👀\n\n## 🔨 Working locally with this repo\n\n### Start Storybook locally\n\nTo start Storybooks locally on your machine you run the following command:\n\n```bash\nnpx nx run [PROJECT]:storybook\n```\n\nWhere you replace `[PROJECT]` with a folder name from `green\\libs`.\n\nSo to start Storybook for each component library run:\n\n```bash\nnpx nx run chlorophyll:storybook\nnpx nx run core:storybook\nnpx nx run react:storybook\nnpx nx run angular:storybook\n```\n\nIf you install nx globally you can omit the npx above.\n\n```bash\n# Install nx globally\nnpm install nx -g\n\n# And start the storybooks\nnx run chlorophyll:storybook\nnx run core:storybook\nnx run react:storybook\nnx run angular:storybook\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseb-oss%2Fgreen","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fseb-oss%2Fgreen","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseb-oss%2Fgreen/lists"}