{"id":20054417,"url":"https://github.com/divriots/starter-bricks","last_synced_at":"2025-05-05T13:31:27.468Z","repository":{"id":44154246,"uuid":"413370661","full_name":"divriots/starter-bricks","owner":"divriots","description":"React MUI starter kit","archived":false,"fork":false,"pushed_at":"2023-08-28T14:56:03.000Z","size":1165,"stargazers_count":7,"open_issues_count":2,"forks_count":3,"subscribers_count":5,"default_branch":"main","last_synced_at":"2024-04-23T20:25:15.373Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://backlight.dev/view/k0DvZztNuwmS6XnXoohE","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/divriots.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}},"created_at":"2021-10-04T10:14:32.000Z","updated_at":"2023-04-13T10:03:27.000Z","dependencies_parsed_at":"2022-09-10T08:40:10.867Z","dependency_job_id":null,"html_url":"https://github.com/divriots/starter-bricks","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/divriots%2Fstarter-bricks","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/divriots%2Fstarter-bricks/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/divriots%2Fstarter-bricks/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/divriots%2Fstarter-bricks/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/divriots","download_url":"https://codeload.github.com/divriots/starter-bricks/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224451873,"owners_count":17313660,"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":[],"created_at":"2024-11-13T12:40:24.227Z","updated_at":"2024-11-13T12:40:24.819Z","avatar_url":"https://github.com/divriots.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![backlight.dev](https://img.shields.io/badge/Open%20in-Backlight.dev%20editor-%23f8c307)](https://backlight.dev/review/k0DvZztNuwmS6XnXoohE)\n[![Github Repo](https://img.shields.io/github/last-commit/divriots/starter-bricks)](https://github.com/divriots/starter-bricks)\n\n![BRICKS Logo](./introduction/doc/bricks.svg)\n\n# BRICKS Starter Kit\n\nBRICKS is a Design System Starter Kit based on [MUI](https://mui.com/):\n\n\u003e a simple and customizable component library to build faster, beautiful,\n\u003e and more accessible React applications\n\nIt configures _MUI_ with sensible defaults, makes it ready for your extensions\nwhere needed, and lays a foundation for your future documentation.\n\n## Features\n\n- ♻️ Open source\n- 🔥 ~50 components in 7 categories\n- 🎨 Tokens-based theming system\n- 🧱 MUI's compatible theme generated with `createTheme`\n- 📖 MUI's components documentation embedded\n- 📚 Interactive documentation\n- 🌗 Dark mode support\n\n### Design Tokens\n\nBRICKS takes the Design Tokens as in [MUI Theme Configuration Variables](https://mui.com/customization/theming/#theme-configuration-variables)\nas well as advanced ones:\n\n- [Colors](https://backlight.dev/doc/k0DvZztNuwmS6XnXoohE/colors/doc/colors)\n- [Fonts](https://backlight.dev/doc/k0DvZztNuwmS6XnXoohE/fonts/doc/fonts)\n- [Spacing](https://backlight.dev/doc/k0DvZztNuwmS6XnXoohE/spacing/doc/spacing)\n- [Breakpoints](https://backlight.dev/doc/k0DvZztNuwmS6XnXoohE/breakpoints/doc/breakpoints)\n- [Z-Indexes](https://backlight.dev/doc/k0DvZztNuwmS6XnXoohE/z-index/doc/z-index)\n\nand make them automatically documented and visually discoverable.\n\n### Components\n\nBRICKS comes with +40 components to get started, in 7 categories:\n`Inputs`, `Data-display`, `Feedback`, `Surfaces`, `Navigation`, `Layout`, and `Date/Time`.\nEverything to cover the basics, and more.\n\n## Usage\n\n### Getting Started in Backlight (recommended)\n\n_This is the recommended way, as Backlight gives you an all-in-one\nDesign system platform._\n\nIn order to create your own project from this Starter Kit using Backlight,\nand sign up or log in if you already have an account.\nMake sure you have a workspace, then go to the\n[Backlight starter-kits list](https://backlight.dev/starter-kits) and click\nthe **BRICKS** card. It will create a project based on this starter kit for you.\n\n### Duplicate in Backlight\n\nMake sure you have a Backlight Workspace, then go to\n[`starter-bricks` on backlight](https://backlight.dev/edit/k0DvZztNuwmS6XnXoohE/)\nand click the **Duplicate** button in the top bar to fork it.\n\n## Documentation\n\n### Design System Documentation\n\n_BRICKS_ is shipped with a good documentation basis which starts in this\n[introduction](https://backlight.dev/doc/k0DvZztNuwmS6XnXoohE/introduction/doc/index.mdx)\nand then walks you through the usage of tokens and components.\nJust open it and start exploring!\n\n### Backlight Documentation\n\nWe created [DS Mastery](https://backlight.dev/mastery/) to help you become a hero in\nthe design system development.\n\nTo learn about Backlight features there is an\n[official documentation](https://backlight.dev/docs/) too.\n\n## Contributing\n\nFeel free to contribute by `duplicate` the project in Backlight then open your PR on this repository.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdivriots%2Fstarter-bricks","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdivriots%2Fstarter-bricks","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdivriots%2Fstarter-bricks/lists"}