Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?


Failed to load latest commit information.
Latest commit message
Commit time
March 31, 2023 20:10
March 21, 2022 21:23
October 22, 2022 02:48
October 22, 2022 02:48
January 13, 2023 20:32
January 13, 2023 20:32
April 9, 2023 18:46

SolidJS User Interface Design (SUID)

workflow-badge license-badge

A port of Material-UI (MUI) built with SolidJS

SUID is all a set of utils and components ported from MUI Core and much more.

MUI 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.

The 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).

With 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.


Name Version Description
@suid/material material-npm A port of Material-UI (MUI) built with SolidJS.
@suid/icons-material icons-material-npm Material Design icons as SVG SolidJS components.
@suid/codemod codemod-npm Tool for migrating MUI React code to SUID SolidJS.
@suid/vite-plugin vite-plugin-npm SUID integration plugin for Vite.
@suid/styled-engine styled-engine-npm Styled engine used by @suid/system.
@suid/system system-npm Styles system used by suid packages.
@suid/base base-npm Unstyled base components used by @suid/material.
@suid/css css-npm CSS render in JS.
@suid/types types-npm Types used by suid packages.
@suid/site site-npm SUID website.
create-suid create-suid-npm CLI tool for creating a SUID project easily.


npm init suid



For details about the project status go here.




git clone
cd suid
pnpm install
pnpm start


Go here.


Distributed under the MIT License. See LICENSE file in each package for more information.