{"id":16370649,"url":"https://github.com/ctrlup-io/rainbow-react","last_synced_at":"2026-01-27T06:02:10.517Z","repository":{"id":38173029,"uuid":"433465809","full_name":"ctrlup-io/rainbow-react","owner":"ctrlup-io","description":"Rainbow, Ctrl Up's Design System","archived":false,"fork":false,"pushed_at":"2023-01-09T08:04:07.000Z","size":4007,"stargazers_count":2,"open_issues_count":10,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-08T15:02:05.537Z","etag":null,"topics":["design-system","react","storybook"],"latest_commit_sha":null,"homepage":"","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/ctrlup-io.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-11-30T14:38:51.000Z","updated_at":"2023-01-12T09:02:13.000Z","dependencies_parsed_at":"2023-02-08T09:15:31.897Z","dependency_job_id":null,"html_url":"https://github.com/ctrlup-io/rainbow-react","commit_stats":null,"previous_names":[],"tags_count":29,"template":false,"template_full_name":null,"purl":"pkg:github/ctrlup-io/rainbow-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ctrlup-io%2Frainbow-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ctrlup-io%2Frainbow-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ctrlup-io%2Frainbow-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ctrlup-io%2Frainbow-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ctrlup-io","download_url":"https://codeload.github.com/ctrlup-io/rainbow-react/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ctrlup-io%2Frainbow-react/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28805333,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-27T05:43:52.625Z","status":"ssl_error","status_checked_at":"2026-01-27T05:43:48.957Z","response_time":168,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: 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":["design-system","react","storybook"],"created_at":"2024-10-11T03:05:36.970Z","updated_at":"2026-01-27T06:02:10.495Z","avatar_url":"https://github.com/ctrlup-io.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg\n    width=\"300px\"\n    src=\"https://user-images.githubusercontent.com/26886259/151982539-29cabe30-663e-4d2d-8271-1139734c107f.jpg\"\n    alt=\"Spongebob Rainbow\" /\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003eRainbow React\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003eCtrl Up Design System library for web applications\u003c/p\u003e\n\n## Introduction\n\nCtrl Up Design System is the framework that helps our ecosystem to design and develop consistent and quality experiences. For its [Digital section](https://www.figma.com/file/CL28EqRgZSExkBjDJnmkDV/Ctrl-Up---Site-V2?node-id=515%3A3205), it is called Rainbow.\n\nThis repository hosts a React library for web applications.\n\n## Package\n\nThis package provides you with a library of [React](https://reactjs.org/) components:\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003cth\u003e@ctrlup/rainbow-react\u003c/th\u003e\n    \u003ctd\u003e\u003ca target=\"_blank\" href=\"https://rainbow-react.netlify.app/\"\u003e\u003cimg src=\"https://img.shields.io/badge/storybook-react-61DAFB?style=flat\u0026logo=storybook\" alt=\"storybook\" /\u003e\u003c/a\u003e\u003c/a\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003ca target=\"_blank\" href=\"https://www.npmjs.com/@ctrlup/rainbow-react\"\u003e\u003cimg src=\"https://img.shields.io/npm/v/@ctrlup/rainbow-react?style=flat\u0026logo=npm\" alt=\"npm version\" /\u003e\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n## Contributing\n\nThe best way to achieve this is together! That's why we are on GitHub. We would love contributions from the community (bug reports, feature requests, suggestions, Pull Requests, whatever you want!).\n\n[Npm](https://docs.npmjs.com/) is used as package manager. [Semantic Release](https://semantic-release.gitbook.io/semantic-release/) is used to manage the whole package release workflow.\n\nTo setup your local dev environment:\n\n1. Install [Npm](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm)\n\n2. Clone repository\n\n```sh\ngit clone git@github.com:ctrlup-io/rainbow-react.git\ncd rainbow-react\n```\n\n3. Install dependencies\n\n```sh\nyarn install\n```\n\n4. See [more available scripts](README.md#scripts)\n\n## Available Scripts\n\nIn the project directory, you can run:\n\n### `commit`\n\nRuns the [`git-cz`](https://github.com/streamich/git-cz) CLI to generate commit messages according to the [_Conventional Commit specifications_](https://www.conventionalcommits.org/en/v1.0.0/#specification).\n\n### `format`\n\nRuns [Prettier](https://prettier.io/) with [basic configuration](https://prettier.io/docs/en/configuration.html#basic-configuration).\n\nWe recommend to use Prettier in your IDE, e.g. in Visual Studio code with [Prettier - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode).\n\n### `lint`\n\nRuns [ESLint](https://eslint.org/).\n\n### `build`\n\nBundles with [Parcel](https://parceljs.org/features/cli/#parcel-build-%3Centries%3E).\n\nIt generates report in [`parcel-bundler-reports`](./parcel-bundler-reports) folder. To serve it, run :\n\n```sh\nnpx live-server parcel-bundle-reports/module.html\n```\n\n### `release:dry`\n\nRuns [Semantic Release](https://semantic-release.gitbook.io/semantic-release/) in dry-run mode. It allows you to preview the pending release.\n\nYou have to set `NPM_TOKEN` and `GITHUB_TOKEN` in `.env` file.\n\n### `storybook`\n\nRuns [Storybook](https://storybook.js.org/) on http://localhost:6006/.\n\nLearn how to write stories on [official documentation](https://storybook.js.org/docs/react/writing-stories/introduction).\n\n### `storybook:build`\n\nBundles Storybook app with [Webpack](https://webpack.js.org/).\nSee more on [Publish Storybook documentation](https://storybook.js.org/docs/react/sharing/publish-storybook).\n\n### `test`\n\nRuns unit-test suite with [Jest](https://jestjs.io/) and [React Testing Library](https://testing-library.com/docs/react-testing-library/intro).\n\nTo use the full power of the Jest Watcher and LCOV coverage reporter we recommend to use the following scripts concurrently:\n\n- `test:watch`\n- `test:coverage`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fctrlup-io%2Frainbow-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fctrlup-io%2Frainbow-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fctrlup-io%2Frainbow-react/lists"}