{"id":13901318,"url":"https://github.com/illacloud/illa-design","last_synced_at":"2025-05-16T08:02:49.728Z","repository":{"id":36961615,"uuid":"421704909","full_name":"illacloud/illa-design","owner":"illacloud","description":"A fully responsive UI Library for React.","archived":false,"fork":false,"pushed_at":"2024-04-04T01:27:08.000Z","size":80162,"stargazers_count":341,"open_issues_count":4,"forks_count":76,"subscribers_count":12,"default_branch":"beta","last_synced_at":"2025-05-08T21:37:20.418Z","etag":null,"topics":["components","design-system","react","responsive-web-design","storybook","typescript","ui-components","ui-design","uikit"],"latest_commit_sha":null,"homepage":"https://illacloud.github.io/illa-design/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/illacloud.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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":"2021-10-27T06:40:45.000Z","updated_at":"2025-04-18T06:49:08.000Z","dependencies_parsed_at":"2023-10-25T16:37:13.307Z","dependency_job_id":"2d40a782-473b-4f40-ae98-a75c16fbe9ad","html_url":"https://github.com/illacloud/illa-design","commit_stats":{"total_commits":3097,"total_committers":25,"mean_commits":123.88,"dds":0.7213432353890863,"last_synced_commit":"72f3e1e933a0550720d45045b5af38fa458f0912"},"previous_names":["illa-family/illa-design"],"tags_count":3060,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/illacloud%2Filla-design","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/illacloud%2Filla-design/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/illacloud%2Filla-design/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/illacloud%2Filla-design/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/illacloud","download_url":"https://codeload.github.com/illacloud/illa-design/tar.gz/refs/heads/beta","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254493382,"owners_count":22080126,"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","react","responsive-web-design","storybook","typescript","ui-components","ui-design","uikit"],"created_at":"2024-08-06T21:01:11.489Z","updated_at":"2025-05-16T08:02:49.688Z","avatar_url":"https://github.com/illacloud.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"\n\u003cdiv align=\"center\"\u003e\n    \u003cimg alt=\"ILLA Design Logo\" width=\"120px\" height=\"120px\" src=\"./.github/assets/images/logo.svg\"/\u003e\n\u003c/div\u003e\n\n\u003ch1 align=\"center\"\u003eILLA Design\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003eAccelerate your internal tools development.\u003c/p\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cp\u003eCreate with ❤︎ by \u003ca href=\"https://github.com/illacloud/illa-design/graphs/contributors\"\u003econtributors\u003c/a\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n![cover](./.github/assets/images/design-cover.png)\n\n[![Chat on Discord](https://img.shields.io/badge/chat-Discord-7289DA?logo=discord)](https://discord.gg/illacloud)\n[![storybook](./.github/assets/images/storybook.svg)](https://design.illafamily.com)\n[![codecov](https://codecov.io/gh/illacloud/illa-design/branch/main/graph/badge.svg?token=GR2SOLBWQN)](https://codecov.io/gh/illacloud/illa-design)\n[![license](https://img.shields.io/github/license/illacloud/illa-design)](./LICENSE)\n[![contributing](https://badgen.net/badge/PRs/Welcome/green?icon=storybook)](./CONTRIBUTING.md)\n\n## ✨ Features\n\n1. 🛠 **Made for React:** Ready-to-use component library for React.\n2. 📝 **TypeScript Friendly:** Come with TypeScript typings out of the box and support with predictable static typings.\n3. 📦 **High Productivity:** Easy and fast, import in 5 seconds.\n4. 🎨 **Vibrant Design:** Beautifully designed components and powerful theming system supports custom themes to match\n   your brand, including light and dark mode.\n5. 🌍 **Internationalization:** Each component was designed with i18n in mind and multiple languages are supported.\n6. 📱 **Fully Responsive:** Perfectly adaptable with all the devices, desktops to mobiles.\n\n## 💡 Components\n\nYou can review all components in Storybook.\n\n[![storybook](./.github/assets/images/storybook.svg)](https://design.illafamily.com)\n\n## 🖥 Fast Try\n\nYou can quickly use ILLA Design on codesandbox.\n\n[![Edit illa-design-demo](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/illa-design-demo-r1qyy2?fontsize=14\u0026hidenavigation=1\u0026theme=dark)\n\n## 🚀 Get Started\n\nStep 1: Install\n\n```bash\n$ pnpm add @illa-design/react @emotion/react framer-motion\n\n# or\n\n$ npm i @illa-design/react @emotion/react framer-motion\n```\n\nStep 2: Use\n\n```tsx\nimport { Tag } from '@illa-design/react';\n\nconst App = () =\u003e (\n  \u003cdiv\u003e\n    \u003cTag\u003eHello ILLA\u003c/Tag\u003e\n  \u003c/div\u003e\n);\n```\n\n## ⌨️ Development\n\nStep 1: Clone locally.\n\n```bash\n$ git clone https://github.com/illacloud/illa-design.git\n$ cd illa-design\n$ pnpm install\n```\n\nStep 2: Run.\n\n```bash\n$ pnpm storybook\n```\n\nThen your can open storybook in your browser.\n\n## 💬 Community\n\nJoin ILLA Community to share your ideas, suggestions or questions and connect with other users and contributors.\n\n\u003cb\u003eDiscussion\u003c/b\u003e\n\n[![Discuss on GitHub](https://img.shields.io/badge/discussions-GitHub-333333?logo=github)](https://github.com/orgs/illacloud/discussions)\n\n\u003cb\u003eHangout together!\u003c/b\u003e\n\n[![Chat on Discord](https://img.shields.io/badge/chat-Discord-7289DA?logo=discord)](https://discord.gg/illacloud)\n\n## 🌱 Contributing\n\nThinking about contributing? All kinds of contributions to ILLA are greatly appreciated and welcomed! Check\nout [Contributing Guide](./CONTRIBUTING.md) for details about how you can get involved.\n\n## 🔥 We're Hiring\n\nLooking for a passionate and creative team? We are actively hiring engineers for the following positions:\n\n- Frontend Engineer\n- Golang Engineer\n\nContact Us: hr@illasoft.com\n\n## License\n\nThis project is [Apache License 2.0](./LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fillacloud%2Filla-design","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fillacloud%2Filla-design","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fillacloud%2Filla-design/lists"}