{"id":13567025,"url":"https://github.com/okp4/ui","last_synced_at":"2025-04-04T01:31:02.586Z","repository":{"id":36955963,"uuid":"442176880","full_name":"okp4/ui","owner":"okp4","description":"🎨 Implementation of OKP4 UI components in React, TypeScript, and SASS.","archived":false,"fork":false,"pushed_at":"2024-02-12T01:06:40.000Z","size":27521,"stargazers_count":28,"open_issues_count":8,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-04-09T12:06:00.118Z","etag":null,"topics":["ddd","event-sourcing","hexagonal-architecture","react","sass","storybook","typescript","ui-design","web3"],"latest_commit_sha":null,"homepage":"https://ui.okp4.space/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/okp4.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"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":"2021-12-27T14:03:55.000Z","updated_at":"2024-06-21T17:51:51.929Z","dependencies_parsed_at":"2024-06-21T17:51:20.627Z","dependency_job_id":"da57ed9a-1d34-41b8-bef4-bf232de7d5a7","html_url":"https://github.com/okp4/ui","commit_stats":{"total_commits":1619,"total_committers":19,"mean_commits":85.21052631578948,"dds":0.6238418777022854,"last_synced_commit":"3bef972f0fb7e288d5c80d39b0a177ac774ae3bd"},"previous_names":[],"tags_count":28,"template":false,"template_full_name":"okp4/template-oss","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/okp4%2Fui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/okp4%2Fui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/okp4%2Fui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/okp4%2Fui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/okp4","download_url":"https://codeload.github.com/okp4/ui/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247107816,"owners_count":20884793,"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":["ddd","event-sourcing","hexagonal-architecture","react","sass","storybook","typescript","ui-design","web3"],"created_at":"2024-08-01T13:02:21.880Z","updated_at":"2025-04-04T01:30:57.569Z","avatar_url":"https://github.com/okp4.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# OKP4 UI\n\n\u003e Implementation of [OKP4] UI components in CSS, [Typescript](https://www.typescriptlang.org), and HTML.\n\n[![Version](https://img.shields.io/github/v/release/okp4/ui)](https://github.com/okp4/ui/releases)\n[![NPM](https://img.shields.io/npm/v/@okp4/ui)](https://www.npmjs.com/package/@okp4/ui)\n[![Install Size](https://packagephobia.com/badge?p=@okp4/ui)](https://packagephobia.com/result?p=%40okp4%2Fui)\n[![Lint](https://github.com/okp4/ui/actions/workflows/lint.yml/badge.svg)](https://github.com/okp4/ui/actions/workflows/lint.yml)\n[![Build](https://github.com/okp4/ui/actions/workflows/build.yml/badge.svg)](https://github.com/okp4/ui/actions/workflows/build.yml)\n[![Maintainability](https://api.codeclimate.com/v1/badges/696cb4f6326aebdc7abe/maintainability)](https://codeclimate.com/github/okp4/ui/maintainability)\n[![Test Coverage](https://codecov.io/gh/okp4/ui/branch/main/graph/badge.svg?token=WHLU66SCC2)](https://codecov.io/gh/okp4/ui)\n[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fokp4%2Fui.svg?type=shield)](https://app.fossa.com/reports/e5217c6b-d64c-49c0-a3ce-a74484a9854c)\n\n[![TypeScript](https://badgen.net/badge/icon/typescript?icon=typescript\u0026label)](https://typescriptlang.org)\n[![React](https://img.shields.io/badge/React-20232A?logo=react\u0026logoColor=61DAFB)](https://reactjs.org/)\n[![Sass](https://img.shields.io/badge/-Sass-CC6699?logo=sass\u0026logoColor=ffffff)](https://sass-lang.com/)\n[![Storybook](https://img.shields.io/badge/Storybook-BC6884?logo=storybook\u0026logoColor=white)](https://ui.okp4.space)\n[![Yarn](https://img.shields.io/badge/-Yarn-2C8EBB?logo=Yarn\u0026logoColor=ffffff)](https://yarnpkg.com/)\n[![Prettier](https://img.shields.io/badge/-Prettier-F7B93E?logo=prettier\u0026logoColor=white)](https://github.com/prettier/prettier)\n[![Conventional Commits](https://img.shields.io/badge/Conventional%20Commits-1.0.0-yellow.svg)](https://conventionalcommits.org)\n[![License](https://img.shields.io/badge/License-BSD_3--Clause-blue.svg)](https://opensource.org/licenses/BSD-3-Clause)\n\n## Our vision\n\nThe [OKP4] Design System is a collection of clear guidelines, components, and resources that was created to aid in the design and development of our digital products - primarily our web apps or websites - for our customers.\n\nThe OKP4 Design System serves as a reference or source of truth for the teams working on [OKP4] digital products, enabling to design and develop with speed, consistency, and quality.\n\n## Get started\n\nThe OKP4 Design System contains a collection of [React](https://reactjs.org) components that can be used to build accessible and performant React applications consistent with [OKP4] brand guidelines.\n\n### Build\n\n🚚 Install the dependencies:\n\n```sh\nyarn\n```\n\n🚀 Start Storybook and 👨‍💻 start editing.\n\n```sh\nyarn storybook\n```\n\n### Use\n\nTo get started using `@okp4/ui` first add or install the module to your existing React project using either `yarn` or `npm`.\n\n```sh\nyarn add @okp4/ui\n```\n\nor\n\n```sh\nnpm install --save @okp4/ui\n```\n\n## Contributing\n\nSo you want to contribute? Great. We appreciate any help you're willing to give. Don't hesitate to open issues and/or submit pull requests.\n\nRemember that this is the Design System we use at [OKP4](https://github.com/okp4). This is why we may have to refuse change requests simply because they do not comply with our internal requirements, and not because they are not relevant.\n\n[OKP4]: https://okp4.network\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fokp4%2Fui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fokp4%2Fui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fokp4%2Fui/lists"}