Overview:

SolidJS User Interface Design (SUID) is a port of Material-UI (MUI) built with SolidJS. It includes a set of utils and components that have been ported from MUI Core and more. MUI has a large development community, a long history, and is used by large corporations. However, the main issue with MUI is that it is built on React, and this is where SUID comes in. The project aims to bridge the gap between MUI and SUID by syncing incoming changes using tools like codemod, which is a React to Solid transformer. The goal is to avoid creating another library that could become obsolete and instead develop under the shadow of MUI.

Features:

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

Summary:

SUID is a SolidJS port of Material-UI (MUI) that aims to bridge the gap between MUI and SolidJS. It provides a set of utils and components that have been ported from MUI Core and offers integration with SolidJS tools like codemod. By building on the foundation of MUI, SUID avoids the complexities of starting a new library from scratch and benefits from the large MUI development community. It also offers customization options and has a promising future ahead. With easy installation using pnpm and comprehensive documentation, SUID is a powerful choice for SolidJS-based UI design.

Swordev

Dreamkit

Suid