{"id":17987267,"url":"https://github.com/gss-fed/vital-ui-kit-react","last_synced_at":"2025-04-05T20:01:52.817Z","repository":{"id":38992515,"uuid":"126317077","full_name":"GSS-FED/vital-ui-kit-react","owner":"GSS-FED","description":"Simple, Themeable, Customizable React UI library ","archived":false,"fork":false,"pushed_at":"2025-03-24T23:55:01.000Z","size":28364,"stargazers_count":68,"open_issues_count":45,"forks_count":9,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-04-05T07:43:02.397Z","etag":null,"topics":["component-library","react","storybook","styled-components","uikit"],"latest_commit_sha":null,"homepage":"https://gss-fed.github.io/vital-ui-kit-react/","language":"TypeScript","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/GSS-FED.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","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":"2018-03-22T10:16:03.000Z","updated_at":"2025-02-23T11:51:51.000Z","dependencies_parsed_at":"2023-02-08T04:32:13.544Z","dependency_job_id":"b4ee6a13-cb04-49c3-a8a0-a65cb970b68d","html_url":"https://github.com/GSS-FED/vital-ui-kit-react","commit_stats":{"total_commits":811,"total_committers":15,"mean_commits":54.06666666666667,"dds":0.6732429099876696,"last_synced_commit":"7a92c1f59c407b4be39faa759231f461dac97ccc"},"previous_names":[],"tags_count":83,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GSS-FED%2Fvital-ui-kit-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GSS-FED%2Fvital-ui-kit-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GSS-FED%2Fvital-ui-kit-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GSS-FED%2Fvital-ui-kit-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GSS-FED","download_url":"https://codeload.github.com/GSS-FED/vital-ui-kit-react/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247393547,"owners_count":20931811,"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":["component-library","react","storybook","styled-components","uikit"],"created_at":"2024-10-29T19:08:03.792Z","updated_at":"2025-04-05T20:01:52.784Z","avatar_url":"https://github.com/GSS-FED.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://gss-fed.github.io/vital-ui-kit-react/\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png\" height=72 /\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/GSS-FED/vital-ui-kit-react/master/assets/uwillx.png\" height=72 /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\u003ch3 align=\"center\"\u003eVital UI Kit React\u003c/h3\u003e\n\u003cp align=\"center\"\u003e\n  Simple, Themeable, Customizable React UI library\n  \u003cbr\u003e\n  \u003ca href=\"https://gss-fed.github.io/vital-ui-kit-react/\"\u003e\n    \u003cstrong\u003eView Storybook \u0026raquo;\u003c/strong\u003e\n  \u003c/a\u003e\n  \u003cbr\u003e\n  \u003ca href=\"https://github.com/GSS-FED/vital-ui-kit\"\u003e\n    \u003cstrong\u003eLook for css version? \u0026raquo;\u003c/strong\u003e\n  \u003c/a\u003e\n  \u003cbr\u003e\n  \u003cbr\u003e\n  \u003ca href=\"https://circleci.com/gh/GSS-FED/vital-ui-kit-react/tree/master\"\u003e\n    \u003cimg src=\"https://circleci.com/gh/GSS-FED/vital-ui-kit-react/tree/master.svg?style=shield\" alt=\"CircleCI\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/prettier/prettier\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square\" alt=\"code style: prettier\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://app.fossa.io/projects/git%2Bgithub.com%2FGSS-FED%2Fvital-ui-kit-react?ref=badge_shield\"\u003e\n    \u003cimg src=\"https://app.fossa.io/api/projects/git%2Bgithub.com%2FGSS-FED%2Fvital-ui-kit-react.svg?type=shield\" alt=\"FOSSA Status\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"http://makeapullrequest.com\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square\" alt=\"PRs Welcome\"/\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## Intro\n\n[Vital UI Kit](https://github.com/GSS-FED/vital-ui-kit) provide many UI components which are built for [Vital Cloud Services Family](https://www.gsscloud.com/en/). Vital UI Kit React encapsulated css style and components in order to achieve these goals:\n\n- Themeable, build with styled-components. 💅\n- Compound style components allows hight flexibility.\n- Consistent development environment, by encapsulating internal UI style.\n- Easy to use, provide detailed API.\n\n## Demo\n\n### Speed\n\nAn example of Offical Document contains all Vital UI Kit components\n\n\u003cimg\n  src=\"https://raw.githubusercontent.com/GSS-FED/vital-ui-kit-react/master/assets/demo_screen_shot.png\"\n/\u003e\n\u003ca href=\"https://gss-fed.github.io/example-speed/\"\u003e\u003cb\u003eView Demo\u003c/b\u003e\u003c/a\u003e\n\n### Bit\n\n\u003cimg\n  src=\"https://cdn-images-1.medium.com/max/1600/1*C_gNgDDeyTO_SMXw5sIX5g.gif\"\n/\u003e\n\n\u003ca href=\"https://bitsrc.io/gssfed/vital-ui-kit-react\"\u003e\n  Play them on BitSrc\n\u003c/a\u003e\n\n## Getting Started\n\n### Installation\n\n```bash\n# Install peer denpendcy, we use styled-components\n\n# yarn\nyarn add @vital-ui/react styled-components\n\n# npm\nnpm i --save @vital-ui/react styled-components\n\n## or install individual packages\nyarn add @vital-ui/react-avatar\n```\n\n```js\n// VitalProvider contains default theme and icon, you can override it.\nimport { ThemeProvier, Button } from '@vital-ui/react' // You can use `ThemeProvider` by styled-components, or @vital-ui/react-theme\n\n// recommend importing the global reset style.\nimport { globalStyle } from '@vital-ui/react';\nimport { createGlobalStyle } from 'styled-components'\n\n\nconst GlobalStyle = createGlobalStyle`\n  ${globalStyle.linkStyle};\n  ${globalStyle.reset};\n  ${globalStyle.vitalTypographyStyle};\n  ${globalStyle.robotoFontFamily};\n`;\n\n/* ... */\nrender() {\n  return (\n    \u003cThemeProvider theme={YOUR_CUSTOM_THEME}\u003e\n      \u003cGlobalStyle /\u003e\n      \u003cButton\u003eVital 💜 React!\u003c/Button\u003e\n    \u003c/ThemeProvider\u003e\n  )\n}\n```\n\n## Contributing\n\nMake sure read our [contributing guide](https://github.com/GSS-FED/vital-ui-kit-react/blob/master/CONTRIBUTING.md) to learn about our development process.\n\n## Roadmap\n\n- docs\n- Table(expand content)\n- Calendar\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgss-fed%2Fvital-ui-kit-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgss-fed%2Fvital-ui-kit-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgss-fed%2Fvital-ui-kit-react/lists"}