{"id":28545642,"url":"https://github.com/crate/crate-ui-components","last_synced_at":"2025-08-03T08:12:34.689Z","repository":{"id":215088459,"uuid":"738034307","full_name":"crate/crate-ui-components","owner":"crate","description":"A collection of React components","archived":true,"fork":false,"pushed_at":"2024-01-24T09:25:05.000Z","size":385,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-06-09T23:08:39.742Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/crate.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGES.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2024-01-02T09:01:21.000Z","updated_at":"2024-11-29T08:50:55.000Z","dependencies_parsed_at":"2024-01-22T09:48:52.434Z","dependency_job_id":null,"html_url":"https://github.com/crate/crate-ui-components","commit_stats":null,"previous_names":["crate/crate-ui-components"],"tags_count":11,"template":false,"template_full_name":null,"purl":"pkg:github/crate/crate-ui-components","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crate%2Fcrate-ui-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crate%2Fcrate-ui-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crate%2Fcrate-ui-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crate%2Fcrate-ui-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/crate","download_url":"https://codeload.github.com/crate/crate-ui-components/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crate%2Fcrate-ui-components/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268512159,"owners_count":24261887,"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","status":"online","status_checked_at":"2025-08-03T02:00:12.545Z","response_time":2577,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":[],"created_at":"2025-06-09T23:08:16.688Z","updated_at":"2025-08-03T08:12:34.673Z","avatar_url":"https://github.com/crate.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Create UI Components\n\nThe `Create UI Components` is a collection of React components that are\nused in Crate React applications.\n\n## Install\n\nTo install this UI library you have to run the following command:\n\n    yarn add @crate.io/crate-ui-components\n\nThen, if you are using tailwind, edit your `tailwind.config` file and\nadd the following:\n\n    ...\n    content: [\n      ...\n      './node_modules/@crate.io/crate-ui-components/**/*.{js,jsx,ts,tsx}'\n    ]\n    ...\n\nand edit your index.css to import library style:\n\n    @import '@crate.io/crate-ui-components/style.css';\n\n## Using @crate.io/crate-ui-components locally\n\nSometimes you need to be able to develop using the local version instead\nof using a version published on npm. For this example we will use\n`crate-gc-admin` as an example project that needs to use this library\nlocally.\n\nTo be able to do this you need to have cloned the repositories in a\nstructure like this:\n\n    your-work-directory/\n    ├── ...\n    ├── crate-gc-admin/          # Crate GC Admin\n    ├── crate-ui-components/     # Crate UI Components Library\n    ├── ...\n\nThen you need to follow these steps:\n\n1.  In the `crate-ui-components` run `yarn link-local`\n2.  In `crate-gc-admin` run `yarn link-local-lib`\n\nIn the `crate-gc-admin` `package.json` you should see this under\ndependencies:\n\n    ...\n    \"dependencies\": {\n        ...,\n        \"@crate.io/crate-ui-components\": \"link:../crate-ui-components\",\n        ...\n    },\n    ...\n\nThis means that `crate-gc-admin` is using the local build of the\n`crate-ui-components` library, instead of the one on NPM registry.\n\nEverytime you are updating some components in `crate-ui-components`\nlibrary, you have to:\n\n1.  Run `yarn build` of the `crate-ui-components` library\n2.  Hit a refresh in `crate-gc-admin` browser page (there is no\n    hot-reload)\n\nWhen you have finished local development you have to:\n\n1.  Run `yarn unlink-local-lib` in `crate-gc-admin`. Pay attention that\n    this is installing the latest version of the `crate-ui-components`\n    published on NPM, so check the version.\n2.  Run `yarn unlink-local` in `crate-ui-components`.\n\n## Core Technology\n\nThis library uses\n\n- [React JavaScript library]()\n- [Ant Design System]() A design system of UI components to accelerate\n  the UI development\n- [Tailwind CSS]() A fast, flexible, and reliable CSS library\n\n## Local Development\n\nInstall the required Node JS version to run the application.\n\nFor nvm users:\n\n    nvm use\n\nOtherwise check the `.nvmrc` file to see the current Node JS version\nrequired and install using whichever method you prefer.\n\nInstall the required dependencies:\n\n    yarn install\n\nStart the development server:\n\n    yarn start\n\n## Publish a newer version\n\nTo publish a new version of the library you need to\n\n1.  be part of `@crate.io` organization on npm\n2. `git checkout -b prefix/release-x.y.z`\n3. Update `package.json` with the new version\n4. Update `CHANGES.md` with a new release section\n5. Commit, push, get approval, merge\n6. `git checkout master \u0026\u0026 git pull`\n7.  run `yarn publish` (keep the version number you typed in previously)\n8.  `./devtools/create_tag.sh`\n\nThis process can also be automated with a GitHub action.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcrate%2Fcrate-ui-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcrate%2Fcrate-ui-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcrate%2Fcrate-ui-components/lists"}