{"id":18817028,"url":"https://github.com/badatt/tidy-ui","last_synced_at":"2025-08-26T09:20:37.023Z","repository":{"id":36971624,"uuid":"417888199","full_name":"badatt/tidy-ui","owner":"badatt","description":"Tidy UI is a family of micro components primarily focused on building rich UI/UX, powered by styled-components, features include css-in-js, theming, mobile-first, etc","archived":false,"fork":false,"pushed_at":"2025-03-29T11:32:48.000Z","size":13300,"stargazers_count":2,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-07T10:41:22.129Z","etag":null,"topics":["css-in-js","react","storybook","styled-component","ui"],"latest_commit_sha":null,"homepage":"https://tidy-ui.com","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/badatt.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.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,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-10-16T16:44:27.000Z","updated_at":"2025-03-29T11:25:39.000Z","dependencies_parsed_at":"2024-06-21T13:11:15.159Z","dependency_job_id":"106536f4-9880-4b49-9481-5c79fb75cd97","html_url":"https://github.com/badatt/tidy-ui","commit_stats":null,"previous_names":[],"tags_count":156,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/badatt%2Ftidy-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/badatt%2Ftidy-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/badatt%2Ftidy-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/badatt%2Ftidy-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/badatt","download_url":"https://codeload.github.com/badatt/tidy-ui/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248790869,"owners_count":21162103,"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":["css-in-js","react","storybook","styled-component","ui"],"created_at":"2024-11-08T00:08:46.499Z","updated_at":"2025-08-26T09:20:37.017Z","avatar_url":"https://github.com/badatt.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg width=\"250\" src=\"https://raw.githubusercontent.com/badatt/tidy-ui/main/internals/assets/images/storybook-logo.png\" alt=\"Tidy UI\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://sonarcloud.io/summary/new_code?id=badatt_tidy-ui\" target=\"_blank\"\u003e\n    \u003cimg\n      src=\"https://sonarcloud.io/api/project_badges/measure?project=badatt_tidy-ui\u0026metric=alert_status\"\n      alt=\"Quality Gate Status\"\n    /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/badatt/tidy-ui/actions/workflows/publish-wf.yml\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://github.com/badatt/tidy-ui/actions/workflows/publish-wf.yml/badge.svg\" alt=\"Publishing\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://sonarcloud.io/summary/new_code?id=badatt_tidy-ui\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://sonarcloud.io/api/project_badges/measure?project=badatt_tidy-ui\u0026metric=coverage\" alt=\"Coverage\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://sonarcloud.io/summary/new_code?id=badatt_tidy-ui\" target=\"_blank\"\u003e\n    \u003cimg\n      src=\"https://sonarcloud.io/api/project_badges/measure?project=badatt_tidy-ui\u0026metric=vulnerabilities\"\n      alt=\"Vulnerabilities\"\n    /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://sonarcloud.io/summary/new_code?id=badatt_tidy-ui\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://sonarcloud.io/api/project_badges/measure?project=badatt_tidy-ui\u0026metric=bugs\" alt=\"Bugs\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://sonarcloud.io/summary/new_code?id=badatt_tidy-ui\" target=\"_blank\"\u003e\n    \u003cimg\n      src=\"https://sonarcloud.io/api/project_badges/measure?project=badatt_tidy-ui\u0026metric=security_rating\"\n      alt=\"Security Rating\"\n    /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://sonarcloud.io/summary/new_code?id=badatt_tidy-ui\" target=\"_blank\"\u003e\n    \u003cimg\n      src=\"https://sonarcloud.io/api/project_badges/measure?project=badatt_tidy-ui\u0026metric=sqale_rating\"\n      alt=\"Maintainability Rating\"\n    /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://sonarcloud.io/summary/new_code?id=badatt_tidy-ui\" target=\"_blank\"\u003e\n    \u003cimg\n      src=\"https://sonarcloud.io/api/project_badges/measure?project=badatt_tidy-ui\u0026metric=code_smells\"\n      alt=\"Code Smells\"\n    /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://sonarcloud.io/summary/new_code?id=badatt_tidy-ui\" target=\"_blank\"\u003e\n    \u003cimg\n      src=\"https://sonarcloud.io/api/project_badges/measure?project=badatt_tidy-ui\u0026metric=ncloc\"\n      alt=\"Lines of Code\"\n    /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://sonarcloud.io/summary/new_code?id=badatt_tidy-ui\" target=\"_blank\"\u003e\n    \u003cimg\n      src=\"https://sonarcloud.io/api/project_badges/measure?project=badatt_tidy-ui\u0026metric=sqale_index\"\n      alt=\"Technical Debt\"\n    /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://sonarcloud.io/summary/new_code?id=badatt_tidy-ui\" target=\"_blank\"\u003e\n    \u003cimg\n      src=\"https://sonarcloud.io/api/project_badges/measure?project=badatt_tidy-ui\u0026metric=reliability_rating\"\n      alt=\"Reliability Rating\"\n    /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://sonarcloud.io/summary/new_code?id=badatt_tidy-ui\" target=\"_blank\"\u003e\n    \u003cimg\n      src=\"https://sonarcloud.io/api/project_badges/measure?project=badatt_tidy-ui\u0026metric=duplicated_lines_density\"\n      alt=\"Duplicated Lines (%)\"\n    /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## Project Description\n\nTidy UI is a family of components necessary for your react application. The components are powered \u003ca href=\"https://styled-components.com/\" target=\"_blank\"\u003estyled-components\u003c/a\u003e, features include css-in-js, theming etc\n\n## Build with\n\n- react\n- styled-components\n- rollup\n- lerna\n\n## Getting started\n\nHere is a sample root level component that should enclose all tidy-ui components\n\n```typescript\nimport React from 'react';\nimport { TidyUiProvider, orchidLight, ... } from '@tidy-ui/commons';\n\nfunction App() {\n  return \u003cTidyUiProvider theme={orchidLight}\u003e...\u003c/TidyUiProvider\u003e;\n}\n\nexport default App;\n```\n\nInclude required components with in the place holder `...`\n\n### Storybook\n\n\u003ca href=\"https://storybook.tidy-ui.com/?path=/story/presentation-alert--alert\" target=\"_blank\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/storybookjs/brand/master/badge/badge-storybook.svg\"/\u003e\u003c/a\u003e\n\nVisit the storybook and start using components in your app.\n\n## Packages and groups\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://github.com/badatt/tidy-ui/tree/main/packages/presentation\"\u003e\n    \u003cstrong\u003ePresentation\u003c/strong\u003e\n  \u003c/a\u003e\n  \u0026nbsp;\n  \u003ca href=\"https://github.com/badatt/tidy-ui/tree/main/packages/layout\"\u003e\n    \u003cstrong\u003eLayout\u003c/strong\u003e\n  \u003c/a\u003e\n  \u0026nbsp;\n  \u003ca href=\"https://github.com/badatt/tidy-ui/tree/main/packages/form\"\u003e\n    \u003cstrong\u003eForm\u003c/strong\u003e\n  \u003c/a\u003e\n  \u0026nbsp;\n  \u003ca href=\"https://github.com/badatt/tidy-ui/tree/main/packages/navigation\"\u003e\n    \u003cstrong\u003eNavigation\u003c/strong\u003e\n  \u003c/a\u003e\n  \u0026nbsp;\n  \u003ca href=\"https://github.com/badatt/tidy-ui/tree/main/packages/feedback\"\u003e\n    \u003cstrong\u003eFeedback\u003c/strong\u003e\n  \u003c/a\u003e\n  \u003cbr/\u003e\n  \u003ca href=\"https://github.com/badatt/tidy-ui/tree/main/packages/commons\"\u003e\n    \u003cstrong\u003eCommons\u003c/strong\u003e\n  \u003c/a\u003e\n  \u0026nbsp;\n  \u003ca href=\"https://github.com/badatt/tidy-ui/tree/main/packages/types\"\u003e\n    \u003cstrong\u003eTypes\u003c/strong\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\n---\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"CHANGELOG.md\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/dynamic/json?color=blue\u0026label=changelog\u0026query=%24.name\u0026url=https%3A%2F%2Fapi.github.com%2Frepos%2Fbadatt%2Ftidy-ui%2Freleases%2Flatest\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/badatt/tidy-ui/releases\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/dynamic/json?color=blue\u0026label=releases\u0026query=%24.name\u0026url=https%3A%2F%2Fapi.github.com%2Frepos%2Fbadatt%2Ftidy-ui%2Freleases%2Flatest\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbadatt%2Ftidy-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbadatt%2Ftidy-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbadatt%2Ftidy-ui/lists"}