{"id":22188934,"url":"https://github.com/ehsangazar/design-system","last_synced_at":"2025-10-12T21:31:53.318Z","repository":{"id":264391187,"uuid":"893239474","full_name":"ehsangazar/design-system","owner":"ehsangazar","description":"Design System Made by Gaz","archived":false,"fork":false,"pushed_at":"2025-06-01T19:47:22.000Z","size":5666,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-02T19:40:51.008Z","etag":null,"topics":["design-systems"],"latest_commit_sha":null,"homepage":"https://ehsangazar.github.io/design-system/?path=/docs/theme-introduction--docs","language":"CSS","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/ehsangazar.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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":"2024-11-23T22:30:40.000Z","updated_at":"2025-06-01T19:47:26.000Z","dependencies_parsed_at":"2024-11-23T23:24:42.374Z","dependency_job_id":"368df8aa-e489-4e2f-bd8b-19ba468daa5e","html_url":"https://github.com/ehsangazar/design-system","commit_stats":null,"previous_names":["ehsangazar/design-system"],"tags_count":65,"template":false,"template_full_name":null,"purl":"pkg:github/ehsangazar/design-system","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ehsangazar%2Fdesign-system","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ehsangazar%2Fdesign-system/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ehsangazar%2Fdesign-system/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ehsangazar%2Fdesign-system/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ehsangazar","download_url":"https://codeload.github.com/ehsangazar/design-system/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ehsangazar%2Fdesign-system/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279013115,"owners_count":26085232,"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-12T02:00:06.719Z","response_time":53,"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":["design-systems"],"created_at":"2024-12-02T11:13:37.920Z","updated_at":"2025-10-12T21:31:53.019Z","avatar_url":"https://github.com/ehsangazar.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"Here's your content in Markdown format:\n\n# Introduction to Design System Gaz\n\n## Installation\n\nTo install the Gaz Design System, run the following command:\n\n```bash\nnpm install @ehsangazar/design-system\n```\n\n## Usage\n\nWrap your application with the `ThemeWrapper` component to apply theming and enable the design system:\n\n```javascript\nimport { ThemeWrapper } from \"@ehsangazar/design-system\";\nimport \"@ehsangazar/design-system/dist/design-system.css\";\n\n\u003cThemeWrapper\n  customTheme={{\n    appearance: \"dark\",\n    accentColor: \"teal\",\n  }}\n\u003e\n  \u003cOutlet /\u003e\n\u003c/ThemeWrapper\u003e;\n```\n\n## Overview\n\nGaz Design System is a comprehensive UI component library built on top of Radix UI. It offers a collection of accessible and customizable components with opinionated defaults, providing a robust foundation for building modern web applications that prioritize consistency and accessibility.\n\n## Key Features\n\n- **Built on Radix UI primitives**: Leverages Radix UI for accessible and high-quality base components.\n- **Fully accessible components**: Ensures inclusive design by default.\n- **Dark/Light mode support**: Seamless support for both dark and light themes.\n- **Customizable theming**: Easily adapt to your brand’s style with flexible theming options.\n- **Type-safe with TypeScript**: Provides strong type safety for better developer experience.\n- **Modern design patterns**: Implements best practices for UI design.\n- **Consistent APIs**: Ensures intuitive and uniform APIs across components.\n\n## Available Components\n\nThe Gaz Design System includes a variety of commonly used components, such as:\n\n- **Buttons**\n- **Input fields**\n- **Modal dialogs**\n- **Navigation menus**\n- **Form elements**\n- **Typography**\n- **Layout components**\n\n## Customization\n\nAlthough the design system provides opinionated defaults, it is highly customizable. Use the `customTheme` prop in the `ThemeWrapper` component to tailor the appearance to your needs. You can modify design tokens such as colors, spacing, and typography to align with your brand.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fehsangazar%2Fdesign-system","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fehsangazar%2Fdesign-system","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fehsangazar%2Fdesign-system/lists"}