Ui/ux Tools React + Material Ui

Name: Ui/ux Tools React + Material Ui
Author: MarcusViniciusBarcelos

@MarcusViniciusBarcelos

代码仓库

关于 Ui/ux Tools React + Material Ui

暂无概览

基本信息

分类

其他

传输方式

stdio

发布者

MarcusViniciusBarcelos

提交者

Marcus Barcelos

配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

{
  "mcpServers": {
    "uiux-tools": {
      "command": "docker",
      "args": [
        "run",
        "-i",
        "MarcusViniciusBarcelos/uiux-tools-react-mui"
      ]
    }
  }
}

工具

未检测到工具

工具是从 README 中自动提取的。维护者可以在 ## Tools 标题下列出工具,即可填充这部分内容。

概览

What is Ui/ux Tools React + Material Ui?

A curated set of UI/UX best practices, code snippets, and design patterns for building React applications with Material-UI. It covers mobile-first responsiveness, Material-UI conventions, Apple-inspired interactions, Nielsen’s heuristics, and visual feedback principles. Designed for front-end developers who want ready-to-use, production‑quality patterns.

How to use Ui/ux Tools React + Material Ui?

Reference the provided instructions and apply the code examples directly to your React components. No installation or configuration is required; the tool is purely informational with actionable snippets.

Key features of Ui/ux Tools React + Material Ui

Mobile‑first responsive design with useMediaQuery and adaptive dimensions.
Material‑UI best practices: theme.spacing, alpha(), sx prop, native components.
Apple‑inspired scrollbar, animations, and minimalistic styling.
Nielsen’s heuristics: user control, error prevention, system‑world matching.
Constant visual feedback: loading states, badges, tooltips, snackbars.
Touch targets minimum 44×44px and spaced layouts.