{"id":16920729,"url":"https://github.com/dherault/honorable","last_synced_at":"2025-08-26T14:09:42.265Z","repository":{"id":40514304,"uuid":"477400188","full_name":"dherault/honorable","owner":"dherault","description":"🙏 A UI library for implementing any design system in React","archived":false,"fork":false,"pushed_at":"2025-01-06T13:16:58.000Z","size":20834,"stargazers_count":9,"open_issues_count":0,"forks_count":3,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-13T06:28:59.058Z","etag":null,"topics":["components","design-system","library","react"],"latest_commit_sha":null,"homepage":"https://honorable.design","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/dherault.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-04-03T16:32:58.000Z","updated_at":"2025-01-06T13:17:02.000Z","dependencies_parsed_at":"2024-03-25T16:13:01.086Z","dependency_job_id":"88b57535-2e9c-4f4e-af94-3efc3fca7b1f","html_url":"https://github.com/dherault/honorable","commit_stats":{"total_commits":821,"total_committers":4,"mean_commits":205.25,"dds":0.01218026796589522,"last_synced_commit":"6a7bb0773486a1610759660dfe27d42e50ca12e2"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dherault%2Fhonorable","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dherault%2Fhonorable/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dherault%2Fhonorable/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dherault%2Fhonorable/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dherault","download_url":"https://codeload.github.com/dherault/honorable/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245140763,"owners_count":20567445,"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":["components","design-system","library","react"],"created_at":"2024-10-13T19:49:24.317Z","updated_at":"2025-03-23T17:30:50.989Z","avatar_url":"https://github.com/dherault.png","language":"TypeScript","readme":"# Honorable\n\n🙏 Implement any design system in React\n\n- [Website](https://honorable.design)\n- [Documentation](https://docs.honorable.design)\n- [Storybook](https://storybook.honorable.design)\n\n## Motivation\n\nBuilt with speed and developer experience in mind, \\\nHonorable offers a **non-opinionated API** yet extensible with **your own conventions**, for creating React apps with ease. It comes with x+ components that are entirely and easily **themable**.\n\n```jsx\n// Import any HTML tag, capitalized\nimport { Div } from 'honorable'\n\nfunction Component() {\n  // Apply styles directly to the component\n  // Nothing to remember, appart from good old CSS\n  return (\n    \u003cDiv\n      width=\"2rem\"\n      height=\"2rem\"\n      backgroundColor=\"success\"\n    /\u003e\n  )\n}\n```\n\nThe point is to create a front-end library that fits to your coding style by extending it your way:\n\n```jsx\n// You can declare your own conventions to create your own style:\nreturn (\n  \u003cDiv\n    size=\"2rem\"\n    bg=\"success\"\n  /\u003e\n)\n```\n\n## Installation\n\n`npm i --save honorable honorable-theme-default @emotion/react @emotion/styled`\n\n## Usage\n\n```jsx\nimport { CssBaseline, ThemeProvider, mergeTheme } from 'honorable'\nimport defaultTheme from 'honorable-theme-default'\n\nconst theme = mergeTheme(defaultTheme, {\n  // your theme goes here\n})\n\nfunction App() {\n  return (\n    \u003cThemeProvider theme={theme}\u003e\n      \u003cCssBaseline /\u003e\n      {/* Your application lives here */}\n    \u003c/ThemeProvider\u003e\n  )\n}\n```\n\n## Contributing\n\nYes, thank you. You can contribute to this project by making a pull request or opening an issue.\n\n## License\n\nMIT\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdherault%2Fhonorable","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdherault%2Fhonorable","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdherault%2Fhonorable/lists"}