{"id":27233121,"url":"https://github.com/woozdesign/ui","last_synced_at":"2025-04-10T14:11:44.546Z","repository":{"id":195278964,"uuid":"692609176","full_name":"woozdesign/ui","owner":"woozdesign","description":"An open-source design library for building simple, useful, and impactful design.","archived":false,"fork":false,"pushed_at":"2024-10-31T03:46:24.000Z","size":5194,"stargazers_count":40,"open_issues_count":0,"forks_count":2,"subscribers_count":0,"default_branch":"main","last_synced_at":"2024-10-31T04:24:42.773Z","etag":null,"topics":["design-system","react","typescript","ui-kit","ui-library","woozdesign"],"latest_commit_sha":null,"homepage":"https://woozdesign.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/woozdesign.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":"2023-09-17T02:37:54.000Z","updated_at":"2024-10-31T03:46:29.000Z","dependencies_parsed_at":"2023-10-14T22:06:58.825Z","dependency_job_id":"d9532681-29e8-4f5b-af46-fd8851e48955","html_url":"https://github.com/woozdesign/ui","commit_stats":null,"previous_names":["woozlabs/woozdesign-react","woozlabs/woozdesign-ui","woozdesign/ui"],"tags_count":104,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/woozdesign%2Fui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/woozdesign%2Fui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/woozdesign%2Fui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/woozdesign%2Fui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/woozdesign","download_url":"https://codeload.github.com/woozdesign/ui/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248232482,"owners_count":21069487,"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":["design-system","react","typescript","ui-kit","ui-library","woozdesign"],"created_at":"2025-04-10T14:11:43.917Z","updated_at":"2025-04-10T14:11:44.527Z","avatar_url":"https://github.com/woozdesign.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![WoozDesign UI](UI.png)](https://design.woozlabs.com)\n\n## 🖥 Environment Support\n\n- Modern browsers\n- Server-side Rendering\n- [Electron](https://www.electronjs.org/)\n\n| [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"Edge\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr\u003eEdge | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr\u003eFirefox | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr\u003eChrome | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr\u003eSafari | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png\" alt=\"Electron\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr\u003eElectron |\n| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| Edge                                                                                                                                                                                                 | last 2 versions                                                                                                                                                                                                  | last 2 versions                                                                                                                                                                                              | last 2 versions                                                                                                                                                                                              | last 2 versions                                                                                                                                                                                                      |\n\n## 📦 Install\n\n```bash\nnpm install @woozdesign/ui\n```\n\n```bash\nyarn add @woozdesign/ui\n```\n\n```bash\npnpm add @woozdesign/ui\n```\n\n## 🔨 Usage\n\n```jsx\nimport React from 'react';\nimport '@woozdesign/ui/styles.css';\nimport { Button, Layout } from '@woozdesign/ui';\n\nconst App = () =\u003e (\n  \u003cContainer\u003e\n    \u003cRow\u003e\n      \u003cCol xs={24}\u003e\n        \u003cButton variant=\"solid\" color=\"purple\"\u003e\n          Button\n        \u003c/Button\u003e\n      \u003c/Col\u003e\n    \u003c/Row\u003e\n  \u003c/Container\u003e\n);\n```\n\n## 💻 SSR\n\n```jsx\n'use client';\n\nimport React from 'react';\nimport { ThemeProvider } from '@woozdesign/ui';\nimport '@woozdesign/ui/styles.css';\n\nexport const RootStyleRegistry = ({ children }: React.PropsWithChildren) =\u003e {\n  return \u003cThemeProvider appearance=\"light\"\u003e{children}\u003c/ThemeProvider\u003e;\n};\n```\n\n## Supported Components\n\nWooz Design offers a robust and diverse set of components to aid in creating interactive and dynamic user interfaces. Our library is continuously evolving, and we are committed to enhancing and expanding our component offerings.\nFor more in-depth information on the supported components, please refer to our detailed [documentation](https://design.woozlabs.com).\n\n## TypeScript\n\n`woozdesign` is written in TypeScript with complete definitions.\n\n## ⌨️ Development\n\nClone locally:\n\n```bash\n$ git clone git@github.com:woozdesign/woozdesign-ui.git\n$ cd @woozdesign/ui\n$ npm install\n$ npm start\n```\n\n## 🤝 Contributing [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)\n\nRead our [contributing guide](./docs/git/CONTRIBUTING.md) and let's build a better woozdesign together.\n\nWe welcome all contributions. Please read our [CONTRIBUTING.md](./docs/git/CONTRIBUTING.md) first. You can submit any ideas as [pull requests](https://github.com/woozlabs/woozdesign-ui/pulls) or as [GitHub issues](https://github.com/woozlabs/woozdesign-ui/issues). If you'd like to improve code, check out the [Development Instructions]() and have a good time! :)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwoozdesign%2Fui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwoozdesign%2Fui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwoozdesign%2Fui/lists"}