{"id":18645366,"url":"https://github.com/chototoss/ds","last_synced_at":"2026-01-26T03:02:42.976Z","repository":{"id":90539130,"uuid":"493955723","full_name":"ChoTotOSS/ds","owner":"ChoTotOSS","description":null,"archived":false,"fork":false,"pushed_at":"2022-05-19T11:04:19.000Z","size":1449,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-05-17T18:36:33.622Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","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/ChoTotOSS.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":"2022-05-19T06:55:50.000Z","updated_at":"2022-05-19T11:04:23.000Z","dependencies_parsed_at":null,"dependency_job_id":"26443bc1-e6d6-4458-acf6-cab9c73f05a6","html_url":"https://github.com/ChoTotOSS/ds","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ChoTotOSS/ds","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChoTotOSS%2Fds","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChoTotOSS%2Fds/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChoTotOSS%2Fds/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChoTotOSS%2Fds/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ChoTotOSS","download_url":"https://codeload.github.com/ChoTotOSS/ds/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChoTotOSS%2Fds/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28765570,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-26T02:25:41.078Z","status":"ssl_error","status_checked_at":"2026-01-26T02:24:28.809Z","response_time":59,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":"2024-11-07T06:15:40.958Z","updated_at":"2026-01-26T03:02:42.958Z","avatar_url":"https://github.com/ChoTotOSS.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Intro\n\n\u003e This is a trim off version to share with 3rd-party vendors.\n\nClad UI Design System is a system of design tokens, guidelines, theming solution and components library that helps Chotot front end and mobile engineers build consistent UIs faster and more satisfyingly.\n\n\n## Why the name Clad UI?\n\nClad is the short form of classified ads, which is the main product of our group, besides, clad also mean “to be dressed or to be coated”\n\n## What Clad UI Design System is\n\n- A unified solution for styling components for Chotot Web user-facing platforms\n- A theme specifications that define primitive Clad UI design tokens\n- A collection of reusable components from atomic inputs to composite components\n- A workbench (a.k.a kitchen sink) to preview all available components and their usage guide\n- A set of CLI tools to assist generate new components...\n\n## What Clad UI Design System is NOT\n\n- A base framework for doing Chotot web apps (refer to Next.js framework)\n- An end user-facing web app\n- Any full web page\n\n## Colophon (A.K.A prerequisites to this design system)\n\n### Building components:\n\n- 📚 [Storybook](https://storybook.js.org) for UI component development and [auto-generated docs](https://medium.com/storybookjs/storybook-docs-sneak-peak-5be78445094a)\n- ⚛️ [React](https://reactjs.org/) declarative component-centric UI. React is also our core UI library of Front End development\n- 💅 [Linaria](https://linaria.now.sh//) which enable CSS-in-JS styling and extract all CSS to external CSS file.\n- 📄 [System UI Theme Specification](https://system-ui.com/theme/) as a standard design token format with theme-aware [`css` props helper](https://styled-system.com/css)\n- ⬇️ [MDX](https://mdxjs.com) (part of Storybook) for seamless React / JSX documentation\n\nMaintaining the system:\n\n- 🐟 [Babel](https://babeljs.io/) and [module resolver plugin](https://github.com/tleunen/babel-plugin-module-resolver) for transpiling modern JS and static theming\n- 📦 [NPM](https://www.npmjs.com/) for packaging and distribution\n- 🧶 [yarn](https://yarnpkg.com/) as package manager's CLI\n- 🧪 [Jest](https://jestjs.io/) as test runner for unit testing\n- 🐐 [react-testing-library](https://github.com/testing-library/react-testing-library) to assist unit testing React components\n- 🚥 [Gitlab CI](https://docs.gitlab.com/ee/ci/): Continuous integration\n- ✅ [Chromatic](https://www.chromatic.com/) to prevent UI bugs in components (by Storybook maintainers)\n\n---\n\n**© 2020-2022 Chotot.vn. Apache-2.0 license**.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchototoss%2Fds","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchototoss%2Fds","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchototoss%2Fds/lists"}