{"id":21073954,"url":"https://github.com/openkitrun/design-blocks","last_synced_at":"2026-01-12T02:21:28.419Z","repository":{"id":213455680,"uuid":"602856145","full_name":"openkitrun/design-blocks","owner":"openkitrun","description":"An open-source library that focuses on the developer experience, offering complete control over style and customization in their projects.","archived":false,"fork":false,"pushed_at":"2025-08-15T06:07:30.000Z","size":37700,"stargazers_count":14,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-10-29T03:59:01.547Z","etag":null,"topics":["components","css-in-js","design-system","dx","library","native","primitives","react","react-native","system","tailwind","ui","unstyled","unstyled-components"],"latest_commit_sha":null,"homepage":"https://designblocks.dev","language":"TypeScript","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/openkitrun.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":".github/FUNDING.yml","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,"zenodo":null},"funding":{"github":"wootsbot"}},"created_at":"2023-02-17T04:37:52.000Z","updated_at":"2025-08-15T06:06:59.000Z","dependencies_parsed_at":"2023-12-27T00:33:04.813Z","dependency_job_id":"7fee0ef8-a97b-4c96-a942-d0e261daea1e","html_url":"https://github.com/openkitrun/design-blocks","commit_stats":{"total_commits":243,"total_committers":2,"mean_commits":121.5,"dds":"0.25514403292181065","last_synced_commit":"7619f1f81eae0b80e358bc6ef4b5d0b9994fd548"},"previous_names":["design-blocks/design-blocks","wootsbot/design-blocks"],"tags_count":347,"template":false,"template_full_name":null,"purl":"pkg:github/openkitrun/design-blocks","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/openkitrun%2Fdesign-blocks","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/openkitrun%2Fdesign-blocks/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/openkitrun%2Fdesign-blocks/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/openkitrun%2Fdesign-blocks/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/openkitrun","download_url":"https://codeload.github.com/openkitrun/design-blocks/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/openkitrun%2Fdesign-blocks/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28332021,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-12T00:36:25.062Z","status":"online","status_checked_at":"2026-01-12T02:00:08.677Z","response_time":98,"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":["components","css-in-js","design-system","dx","library","native","primitives","react","react-native","system","tailwind","ui","unstyled","unstyled-components"],"created_at":"2024-11-19T19:13:55.024Z","updated_at":"2026-01-12T02:21:28.404Z","avatar_url":"https://github.com/openkitrun.png","language":"TypeScript","funding_links":["https://github.com/sponsors/wootsbot"],"categories":[],"sub_categories":[],"readme":"![design-blocks](./docs/preview_beta.png)\n\n\u003ch1 align=\"center\"\u003e\n  Build your mobile applications React Native with blocks\n\u003c/h1\u003e\n\nAn open source library with tools for creating dynamic user interfaces for applications written in React Native, focused on the developer experience.\n\nYou can use these components as the base layer of your design system or adopt them incrementally.\n\n\u003ch2 align=\"center\"\u003esponsor: Brian Curliss\u003c/h2\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://github.com/BrianCurliss\"\u003e\n  \u003cpicture width=\"10%\" \u003e\n        \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://avatars.githubusercontent.com/u/1222949?v=4\"\u003e\n        \u003cimg alt=\"jazz logo\" src=\"https://avatars.githubusercontent.com/u/1222949?v=4\" width=\"10%\"\u003e\n      \u003c/picture\u003e\n\n  \u003c/a\u003e\n\u003c/div\u003e\n\n### Packages\n\n- [🏄‍♀️ `@design-blocks/unstyled`](https://github.com/openkitrun/design-blocks/tree/main/packages/%40blocks-unstyled) -\n  Accessible, style-agnostic components, ideal for integration in any Design Blocks project. Maximizes accessibility and design flexibility.\n\n#### Future Packages (In Planning)\n\n- [🔥 @design-blocks/primitives] - Layout components (Box, Stack, Text)\n\n\u003cbr/\u003e\n\n## Documentation\n\nFor detailed information and usage instructions, visit our [official documentation](https://designblocks.dev). (Work in Progress)\n\n## 📚 Current Package\n\n### **@design-blocks/unstyled**\n\nThis package provides essential UI components without style opinions:\n\n- **Form Controls**: Button, Checkbox, RadioGroup, Switch\n- **Full Accessibility**: Screen reader support, keyboard navigation, ARIA attributes\n- **Composable API**: Inspired by Radix UI's compound component pattern\n- **TypeScript**: Complete type safety and excellent IntelliSense\n- **Tree-shakeable**: Import only the components you use\n\n```tsx\nimport { Button, Checkbox, RadioGroup, Switch } from '@design-blocks/unstyled';\n```\n\n### 🚀 Quick Start\n\n```bash\nnpm install @design-blocks/unstyled@beta\n```\n\n```tsx\nimport { Button, Checkbox, RadioGroup } from '@design-blocks/unstyled';\n\n// Button with loading state\n\u003cButton.Root loading={loading} onPress={handlePress} style={styles.button}\u003e\n  \u003cButton.Label\u003eSubmit\u003c/Button.Label\u003e\n  \u003cButton.Loading /\u003e\n\u003c/Button.Root\u003e\n\n// Checkbox\n\u003cCheckbox.Root checked={accepted} onCheckedChange={setAccepted}\u003e\n  \u003cCheckbox.Indicator /\u003e\n\u003c/Checkbox.Root\u003e\n\n// RadioGroup\n\u003cRadioGroup.Root value={plan} onValueChange={setPlan}\u003e\n  \u003cRadioGroup.Radio value=\"basic\"\u003e\n    \u003cRadioGroup.Input\u003e\u003cRadioGroup.Indicator /\u003e\u003c/RadioGroup.Input\u003e\n    \u003cRadioGroup.Label\u003eBasic Plan\u003c/RadioGroup.Label\u003e\n  \u003c/RadioGroup.Radio\u003e\n\u003c/RadioGroup.Root\u003e\n```\n## Contributing\n\nPlease follow our [contributing guidelines](./.github/CONTRIBUTING.md).\n\n## Authors\n\n- Jorge Luis Calleja A. ([@wootsbot](https://twitter.com/wootsbot))\n\n⭐ [Estrella en GitHub](https://github.com/openkitrun/design-blocks) • Construido con ❤️ para React Native\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fopenkitrun%2Fdesign-blocks","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fopenkitrun%2Fdesign-blocks","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fopenkitrun%2Fdesign-blocks/lists"}