Generates a code snippet to wrap the Next.js root layout with UploadKitProvider, enabling React components to communicate with the upload route handler.
MIT
260,835 tools. Last updated 2026-07-05 08:29
"Guide to Creating React Components" matching MCP tools:
- Fetch the full deck authoring guide covering layouts, fields, components, and style variants to create or edit decks. Optionally request module-specific guidance for capabilities like branding or imagery.AGPL 3.0
- Inspect React components at specific screen coordinates to identify UI elements and their properties during React Native development.MIT
- Retrieve all Zendesk Guide permission groups to obtain the permission_group_id needed when creating articles.MIT
- Converts HTML and Tailwind code into React/Next.js components with state, props, hooks, and optional shadcn, Radix, or MUI component mapping.MIT
- Analyzes UI components (React, Vue, HTML) for WCAG accessibility violations and returns specific fix recommendations.MIT
Matching MCP Servers
- AlicenseBqualityCmaintenanceAutomates 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.Last updated54MIT
- Alicense-qualityDmaintenanceConverts Figma designs into React components with TypeScript and Tailwind CSS by extracting components from Figma files and transforming them into ready-to-use code.Last updated76MIT
Matching MCP Connectors
Phoenix LiveView component schemas from petal_components, exposed to AI coding assistants.
Transform any blog post or article URL into ready-to-post social media content for Twitter/X threads, LinkedIn posts, Instagram captions, Facebook posts, and email newsletters. Pay-per-event: $0.07 for all 5 platforms, $0.03 for single platform.
- Extract SVG components from React/TypeScript/JavaScript files into individual .svg files, preserving SVG structure and removing React-specific code.MIT
- Get development guidelines for UI5 Web Components based on your target framework (React, Angular, or native). Consult before starting development.Apache 2.0
- Analyze rendered HTML to identify internal dependencies of a component, detecting React components, web components, and CSS class patterns for design system analysis.MIT
- Search daisyUI React component documentation for matching components, returning descriptions, props, and documentation links.MIT
- List available daisyUI React components, optionally filtered by category such as actions, data-display, or navigation.MIT
- Create UI flow diagrams by scanning React/Angular repositories. Analyzes codebases to map components, relationships, and UI structure for local or GitHub repositories.ISC
- Generate complete Gutenberg block code including block.json, PHP registration, and React components for WordPress development.MIT
- Get step-by-step setup instructions for HTML, React, or testing projects that use Modus Web Components. Quickly access configuration guides to start building with the design system.MIT
- List all components in a Yandex Tracker queue to confirm component names before creating or updating issues.
- Retrieve React Native component patterns for creating buttons, cards, list items, images, and form inputs. Covers Pressable, expo-image, React.memo, React Compiler, composable patterns, and uncontrolled TextInput.
- Execute JavaScript within React applications to inspect components, access state data, or trigger specific actions for testing and analysis purposes.
- Guide developers through creating structured Git commits with proper formatting and conventions for clear version history.
- Create UI components for React, Vue, Angular, or Svelte by specifying the name, framework, styling, and features. Simplifies frontend development with tailored component generation.
- Retrieve a disability insurance coverage guide for your profession. Returns structured metadata plus a link to the full guide.MIT