{"id":13532741,"url":"https://github.com/swordev/suid","last_synced_at":"2025-05-15T06:04:30.204Z","repository":{"id":37010555,"uuid":"472076298","full_name":"swordev/suid","owner":"swordev","description":"A port of Material-UI (MUI) built with SolidJS.","archived":false,"fork":false,"pushed_at":"2025-04-18T14:55:34.000Z","size":191850,"stargazers_count":701,"open_issues_count":46,"forks_count":52,"subscribers_count":10,"default_branch":"main","last_synced_at":"2025-05-12T09:39:04.026Z","etag":null,"topics":["components","material","mui","solidjs","typescript","ui"],"latest_commit_sha":null,"homepage":"https://suid.io","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/swordev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":"ROADMAP.md","authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["juanrgm"]}},"created_at":"2022-03-20T19:04:38.000Z","updated_at":"2025-05-10T12:37:11.000Z","dependencies_parsed_at":"2023-02-18T01:31:45.819Z","dependency_job_id":"ce637437-d5b7-4553-b596-2031762a4d01","html_url":"https://github.com/swordev/suid","commit_stats":{"total_commits":810,"total_committers":11,"mean_commits":73.63636363636364,"dds":0.1444444444444445,"last_synced_commit":"0ae8bd26800c2ef53c8635d56134003877700152"},"previous_names":[],"tags_count":507,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/swordev%2Fsuid","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/swordev%2Fsuid/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/swordev%2Fsuid/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/swordev%2Fsuid/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/swordev","download_url":"https://codeload.github.com/swordev/suid/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254283337,"owners_count":22045140,"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","material","mui","solidjs","typescript","ui"],"created_at":"2024-08-01T07:01:13.414Z","updated_at":"2025-05-15T06:04:25.191Z","avatar_url":"https://github.com/swordev.png","language":"TypeScript","funding_links":["https://github.com/sponsors/juanrgm"],"categories":["TypeScript","📦 Components \u0026 Libraries"],"sub_categories":["Frameworks \u0026 Component Libraries"],"readme":"# SolidJS User Interface Design (SUID)\n\n[![workflow-badge]](https://github.com/swordev/suid/actions/workflows/ci.yaml) [![license-badge]](https://github.com/swordev/suid#license)\n\n[workflow-badge]: https://img.shields.io/github/actions/workflow/status/swordev/suid/ci.yaml?branch=main\n[license-badge]: https://img.shields.io/github/license/swordev/suid\n\n\u003e A port of Material-UI ([MUI](https://mui.com/core)) built with [SolidJS](https://solidjs.com)\n\nSUID is all a set of utils and components ported from MUI Core and much more.\n\nMUI has one of the largest development communities on the scene, a long history, is used by large corporations, its level of customization is very detailed and has a future ahead. Why reinvent the wheel? The MUI problem is React and this is where SUID comes in.\n\nThe main idea behind the project is to create a bridge between the MUI and SUID repository for syncing the incoming changes. This is possible thanks to tools integrated in SUID like codemod (a React to Solid transformer).\n\nWith this smart target in mind, the project avoids becoming another library that could fall into oblivion, avoiding all its complexities, developing under the shadow of MUI.\n\n## Packages\n\n| Name                                             |                                   Version                                   | Description                                        |\n| ------------------------------------------------ | :-------------------------------------------------------------------------: | -------------------------------------------------- |\n| [@suid/material](/packages/material)             |       [![material-npm]](https://www.npmjs.com/package/@suid/material)       | A port of Material-UI (MUI) built with SolidJS.    |\n| [@suid/icons-material](/packages/icons-material) | [![icons-material-npm]](https://www.npmjs.com/package/@suid/icons-material) | Material Design icons as SVG SolidJS components.   |\n| [@suid/codemod](/packages/codemod)               |        [![codemod-npm]](https://www.npmjs.com/package/@suid/codemod)        | Tool for migrating MUI React code to SUID SolidJS. |\n| [@suid/vite-plugin](/packages/vite-plugin)       |    [![vite-plugin-npm]](https://www.npmjs.com/package/@suid/vite-plugin)    | SUID integration plugin for Vite.                  |\n| [@suid/styled-engine](/packages/styled-engine)   |  [![styled-engine-npm]](https://www.npmjs.com/package/@suid/styled-engine)  | Styled engine used by @suid/system.                |\n| [@suid/system](/packages/system)                 |         [![system-npm]](https://www.npmjs.com/package/@suid/system)         | Styles system used by suid packages.               |\n| [@suid/base](/packages/base)                     |           [![base-npm]](https://www.npmjs.com/package/@suid/base)           | Unstyled base components used by @suid/material.   |\n| [@suid/css](/packages/css)                       |            [![css-npm]](https://www.npmjs.com/package/@suid/css)            | CSS render in JS.                                  |\n| [@suid/types](/packages/types)                   |          [![types-npm]](https://www.npmjs.com/package/@suid/types)          | Types used by suid packages.                       |\n| [@suid/site](/packages/site)                     |           [![site-npm]](https://www.npmjs.com/package/@suid/site)           | SUID website.                                      |\n| [create-suid](/packages/create-suid)             |       [![create-suid-npm]](https://www.npmjs.com/package/create-suid)       | CLI tool for creating a SUID project easily.       |\n\n[material-npm]: https://img.shields.io/npm/v/@suid/material\n[icons-material-npm]: https://img.shields.io/npm/v/@suid/icons-material\n[codemod-npm]: https://img.shields.io/npm/v/@suid/codemod\n[vite-plugin-npm]: https://img.shields.io/npm/v/@suid/vite-plugin\n[styled-engine-npm]: https://img.shields.io/npm/v/@suid/styled-engine\n[site-npm]: https://img.shields.io/npm/v/@suid/site\n[css-npm]: https://img.shields.io/npm/v/@suid/css\n[system-npm]: https://img.shields.io/npm/v/@suid/system\n[base-npm]: https://img.shields.io/npm/v/@suid/base\n[types-npm]: https://img.shields.io/npm/v/@suid/types\n[create-suid-npm]: https://img.shields.io/npm/v/create-suid\n\n## Installation\n\n```sh\nnpm init suid\n```\n\n## Resources\n\n- [Documentation](https://suid.io)\n- [Playground](https://suid.io/tools/playground)\n- [React to SolidJS](https://suid.io/tools/react-to-solid)\n\n## Roadmap\n\nFor details about the project status go [here](https://github.com/swordev/suid/blob/main/ROADMAP.md).\n\n## Development\n\n### Requirements\n\n- [Node.js v20](https://nodejs.org)\n- [pnpm v9](https://pnpm.io)\n\n### Startup\n\n```sh\ngit clone https://github.com/swordev/suid\ncd suid\npnpm install\npnpm dev\n```\n\n### Contributing\n\nGo [here](https://github.com/swordev/suid/blob/main/CONTRIBUTING.md).\n\n## License\n\nDistributed under the MIT License. See LICENSE file in each package for more information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fswordev%2Fsuid","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fswordev%2Fsuid","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fswordev%2Fsuid/lists"}