Skip to main content
Glama
742,209 tools. Updated 2026-11-04 13:25

"Guide to Creating React Components" matching MCP tools:

Matching MCP Servers

  • A
    license
    A
    quality
    D
    maintenance
    Converts a Figma file into a React project using Ant Design, AG Grid, ApexCharts, and Tailwind CSS, with optional export of mobile screens as a React Native (Expo) app.
    7
    23 npm
    MIT
  • A
    license
    B
    quality
    C
    maintenance
    Automates the conversion of Figma designs into TypeScript React components and integrates with GitHub to create pull requests for the generated code. It includes visual regression testing with Playwright and accessibility validation to ensure implementations match the original designs.
    5
    23 npm
    MIT

Matching MCP Connectors

  • Blazor UI library DRYL: find components, read their exact API and tokens, validate Razor markup.

  • Guidelines for UI components with a perfect UX, DX and AX, whether humans or AI agents write them.

  • Returns the full deck authoring guide as markdown, listing every layout with required and optional fields, components, and style variants. Use it to create or edit a deck without guessing at layouts or fields.
    AGPL 3.0
  • Scan local project files for reusable UI components, identifying React, Vue, and Svelte components via AST signatures and returning their names and props.
    MIT
  • Inspect React components at specific screen coordinates to identify UI elements and their properties during React Native development.
    MIT
  • Lists all TextInput components currently rendered in a React Native app, returning their placeholder, accessibility label, and value to help you identify available fields before automating input.
    MIT
  • Analyze React component details including props, styles, and state. Use after identifying components in the tree to examine specific instances with configurable depth for children inspection.
    MIT
  • List all detected reusable Jekyll components with paths to Liquid, SCSS, JavaScript, docs, and examples to discover existing components before creating new ones.
    MIT
  • Converts HTML and Tailwind code into React/Next.js components with state, props, hooks, and optional shadcn, Radix, or MUI component mapping.
    MIT
  • List all React Flow v12 APIs including components, hooks, utilities, and types. Filter by kind to find specific API categories.
    MIT
  • Analyze UI components to detect WCAG accessibility violations and get actionable fix recommendations. Improve compliance in React, Vue, or HTML files.
    MIT
  • Scan a Jekyll project to map its architecture—configs, directories, layouts, includes, components, sections, SCSS, and JS—before creating or modifying components.
    MIT
  • Extract SVG components from React/TypeScript/JavaScript files into individual .svg files, preserving SVG structure and removing React-specific code.
    MIT
  • List React Native components on screen, keyed by testID, to identify the component that owns an element. Use this to locate the component before inspecting its styles.
    MIT