Ui/ux Tools React + Material Ui

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

@MarcusViniciusBarcelos

Repository

About Ui/ux Tools React + Material Ui

No overview available yet

Basic information

Config

Add this server to your MCP-compatible client using the configuration below.

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

Tools

No tools detected

We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.

Overview

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.