{"id":14962268,"url":"https://github.com/serifcolakel/serif-ui-components","last_synced_at":"2025-10-10T13:39:11.383Z","repository":{"id":181567234,"uuid":"666973959","full_name":"serifcolakel/serif-ui-components","owner":"serifcolakel","description":"This is a boilerplate for creating a React component library using with Storybook, TypeScript, Eslint, Husky, Vite \u0026 TailwindCSS.","archived":false,"fork":false,"pushed_at":"2023-07-16T10:04:13.000Z","size":1063,"stargazers_count":8,"open_issues_count":1,"forks_count":3,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-10-06T17:57:37.242Z","etag":null,"topics":["chromatic","eslint","huksy","prettier","react","storybook","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://64b3a5aefbe2fe6df3fbcf12-jqpiroqtxc.chromatic.com/?path=/docs/example-introduction--docs","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/serifcolakel.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2023-07-16T08:00:13.000Z","updated_at":"2024-03-20T22:42:39.000Z","dependencies_parsed_at":"2024-09-17T14:11:30.066Z","dependency_job_id":"42507ba9-29c9-4725-b754-71a8438848a6","html_url":"https://github.com/serifcolakel/serif-ui-components","commit_stats":{"total_commits":9,"total_committers":1,"mean_commits":9.0,"dds":0.0,"last_synced_commit":"42c4c56f8ef66dda0a2bf22afe2c6ef48373fed4"},"previous_names":["serifcolakel/serif-ui-components"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/serifcolakel/serif-ui-components","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/serifcolakel%2Fserif-ui-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/serifcolakel%2Fserif-ui-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/serifcolakel%2Fserif-ui-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/serifcolakel%2Fserif-ui-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/serifcolakel","download_url":"https://codeload.github.com/serifcolakel/serif-ui-components/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/serifcolakel%2Fserif-ui-components/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279003389,"owners_count":26083582,"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-10-10T02:00:06.843Z","response_time":62,"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":["chromatic","eslint","huksy","prettier","react","storybook","tailwindcss","typescript"],"created_at":"2024-09-24T13:29:48.382Z","updated_at":"2025-10-10T13:39:11.353Z","avatar_url":"https://github.com/serifcolakel.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# serif-ui-components\n\n* **serif-ui-components** is a component library with React, Typescript and Tailwind CSS.\n\n## See the Full Documentation\n\n* [Documentation Link](https://github.com/serifcolakel/serif-ui-components/blob/main/DOCUMENTATION.md)\n\n## Install\n\n```bash\n  npm install serif-ui-components\n  # or\n  yarn add serif-ui-components\n```\n\n## Usage\n\n* Add the `index.css` file to the root of your project.\n\n```tsx\n  import 'serif-ui-components/dist/index.css'\n```\n* Import components and use them.\n```tsx\nimport { Button } from 'serif-ui-components'\n\nconst App = () =\u003e {\n  return (\n    \u003cdiv\u003e\n      \u003cButton buttonType=\"outline\" label=\"Serif test\" /\u003e\n    \u003c/div\u003e\n  )\n}\n```\n\n## See All Components in Chromatic\n\n* [Components Link](https://64b3a5aefbe2fe6df3fbcf12-jqpiroqtxc.chromatic.com/)\n\n## Roadmap\n\n* Button :heavy_check_mark:\n* Checkbox :heavy_check_mark:\n* Input :construction:\n* Select :construction:\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fserifcolakel%2Fserif-ui-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fserifcolakel%2Fserif-ui-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fserifcolakel%2Fserif-ui-components/lists"}