{"id":29304050,"url":"https://github.com/ustudioteam/brix-ui","last_synced_at":"2025-07-07T02:08:02.636Z","repository":{"id":39811377,"uuid":"246583810","full_name":"uStudioTeam/brix-ui","owner":"uStudioTeam","description":"☄️ The library of reusable UI components for React, made in minimalistic and light style, adopting modern technologies and approaches.","archived":false,"fork":false,"pushed_at":"2023-01-08T02:58:58.000Z","size":16336,"stargazers_count":58,"open_issues_count":10,"forks_count":3,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-06-26T21:10:43.265Z","etag":null,"topics":["lerna","react","styled-components","ui","ui-components","ui-kit"],"latest_commit_sha":null,"homepage":"https://ustudioteam.github.io/brix-ui/","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/uStudioTeam.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}},"created_at":"2020-03-11T13:49:35.000Z","updated_at":"2025-05-13T16:51:11.000Z","dependencies_parsed_at":"2023-02-08T04:31:43.462Z","dependency_job_id":null,"html_url":"https://github.com/uStudioTeam/brix-ui","commit_stats":null,"previous_names":["ustudiocompany/ustudio-ui"],"tags_count":28,"template":false,"template_full_name":null,"purl":"pkg:github/uStudioTeam/brix-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uStudioTeam%2Fbrix-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uStudioTeam%2Fbrix-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uStudioTeam%2Fbrix-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uStudioTeam%2Fbrix-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/uStudioTeam","download_url":"https://codeload.github.com/uStudioTeam/brix-ui/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uStudioTeam%2Fbrix-ui/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264000634,"owners_count":23542113,"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":["lerna","react","styled-components","ui","ui-components","ui-kit"],"created_at":"2025-07-07T02:08:00.148Z","updated_at":"2025-07-07T02:08:02.628Z","avatar_url":"https://github.com/uStudioTeam.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Brix UI\n\n[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lerna.js.org/)\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357\u0026colorA=db748e)](https://github.com/styled-components/styled-components)\n\nMinimal UI framework for React built with [TypeScript](https://github.com/microsoft/TypeScript) and [styled-components](https://github.com/styled-components/styled-components).\n\n---\n\nBrix UI is shipping several packages:\n\n- [`contexts`](packages/contexts/README.md)\n- [`core`](packages/core/README.md)\n- [`grid`](packages/grid/README.md)\n- [`hooks`](packages/hooks/README.md)\n- [`icons`](packages/icons/README.md)\n- [`prop-types`](packages/prop-types/README.md)\n- [`theme`](packages/theme/README.md)\n- [`types`](packages/types/README.md)\n- [`utils`](packages/utils/README.md)\n\nSome of these are not intended to be used directly but are required for the others to work.\nMost common use-case for Brix UI would be installing the `core` package which provides full-on experience of the framework.\n\n## Installation\n\n```shell script\nnpm i @brix-ui/core # styled-components react react-dom\n```\n\n```shell script\nyarn add @brix-ui/core # styled-components react react-dom\n```\n\n\u003e Make sure to have `react`, `react-dom` and `styled-components` installed in your package as they are included in our peer dependencies.\n\n## Usage\n\nBefore writing any components in your application make sure to provide them with our theme.\nThis is done by wrapping your application in our `ThemeProvider` component.\n\n```typescript jsx\nimport ThemeProvider from '@brix-ui/theme';\n\nReactDOM.render(\n  document.querySelector('#root'),\n  \u003cThemeProvider\u003e\n    \u003cApp /\u003e\n  \u003c/ThemeProvider\u003e\n);\n```\n\n\u003e More examples can be found in the [`theme`](packages/theme/README.md) package readme.\n\nAfter that, you are ready to use our framework inside of your application!\n\n```typescript jsx\n// Please note that in most cases we provide direct default exports for better tree-shaking support.\nimport Button from '@brix-ui/core/button';\n```\n\nLive demo can be found [here](https://brix-ui-showcase.vercel.app/) ([GitHub](https://github.com/drizzer14/brix-ui-showcase)).\n\n## Contributing\n\nWe are open for your suggestions and contributions to this project. In order to properly help us get better\nplease refer to the [contributing](CONTRIBUTING.md) and [code of conduct](CODE_OF_CONDUCT.md) documents.\n\n## History\n\nThis package continues the story of [`ustudio-ui`](https://github.com/uStudioCompany/ustudio-ui) – our first attempt at creating a UI library for React.\n`ustudio-ui` generally met our requirements yet leaving much room for improvement.\nHere we made an attemt to completely rewrite the first version of our library, redesigning components and rethinking\nall the code and architecture in the process.\n\nBrix UI was made in the country of Ukraine by these lovely members and ex-members\nof the [uStudio](https://github.com/uStudioCompany) company:\n\n\u003cdiv\u003e\n    \u003cdiv\u003e\n        \u003ca href=\"https://github.com/mrrotberry\" target=\"_blank\"\u003e\n            \u003cimg src=\"https://avatars1.githubusercontent.com/u/29091197?s=460\u0026u=97519abf2b9d620bd4d534a5c843dc1910efcbbf\u0026v=4\" width=\"32\" /\u003e\n            \u003cstrong\u003eDmytro Volkov\u003c/strong\u003e\n        \u003c/a\u003e\n    \u003c/div\u003e\n    \u003cdiv\u003e\n        \u003ca href=\"https://github.com/annisokay97\" target=\"_blank\"\u003e\n            \u003cimg src=\"https://avatars3.githubusercontent.com/u/23137619?s=460\u0026v=4\" width=\"32\" /\u003e\n            \u003cstrong\u003eHanna Mekshun\u003c/strong\u003e\n        \u003c/a\u003e\n    \u003c/div\u003e\n    \u003cdiv\u003e\n        \u003ca href=\"https://github.com/drizzer14\" target=\"_blank\"\u003e\n            \u003cimg src=\"https://avatars0.githubusercontent.com/u/1790097?s=460\u0026u=b8a51c672422bb0e3b2b922be3bb87bbd197d1fa\u0026v=4\" width=\"32\" /\u003e\n            \u003cstrong\u003eDmytro Vasylkivskyi\u003c/strong\u003e\n        \u003c/a\u003e\n    \u003c/div\u003e \n   \u003cdiv\u003e\n        \u003ca href=\"https://github.com/natalia-lypovyk\" target=\"_blank\"\u003e\n            \u003cimg src=\"https://avatars1.githubusercontent.com/u/58652925?s=460\u0026v=4\" width=\"32\" /\u003e\n            \u003cstrong\u003eNataliia Lypovyk\u003c/strong\u003e\n        \u003c/a\u003e\n    \u003c/div\u003e   \n    \u003cdiv\u003e\n        \u003ca href=\"https://github.com/semenov-ol\" target=\"_blank\"\u003e\n            \u003cimg src=\"https://avatars3.githubusercontent.com/u/56276169?s=460\u0026v=4\" width=\"32\" /\u003e\n            \u003cstrong\u003eOleh Semenov\u003c/strong\u003e\n        \u003c/a\u003e\n    \u003c/div\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fustudioteam%2Fbrix-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fustudioteam%2Fbrix-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fustudioteam%2Fbrix-ui/lists"}