List every component in the petal_components library to see what's available before composing HEEx markup.
MIT
744,783 tools. Updated 2026-11-05 00:10
"Recommendations for MCP with Encapsulated UI Component Library" matching MCP tools:
- Convert a screenshot, mockup, or wireframe image into framework-specific component code. Supports React, Next.js, Vue, Angular, Svelte, HTML, and UI libraries like shadcn/ui.MIT
- Retrieve all available component libraries with their component counts and descriptions to select the right library for your project.MIT
- Detect the UI component library in your source code, analyze usage patterns, and receive migration suggestions.MIT
- Generate UI components for React, Vue, Angular, Svelte, or HTML with style audit and design context awareness. Integrates with libraries like shadcn/ui, Radix UI, and more.MIT
- Generate a reusable UI component with AI. Provide a prompt describing the component to receive a URL that opens LayoutPilot in component mode, ready to produce code automatically.MIT
Matching MCP Servers
- AlicenseBqualityDmaintenanceAn MCP server that scans React and Vue projects, extracts component metadata (props, slots, events, imports, usage), and exposes it to AI coding agents via structured tools.71MIT
- FlicenseNot gradedqualityDmaintenanceProvides AI assistants with access to private React component library documentation, props, and code examples through type-safe TypeScript integration.-
Matching MCP Connectors
List, search, and inspect Ply Angular + Tailwind copy-in components.
Search shadcn registry items, read props and get exact install commands for React components.
- Retrieve all components from a specified UI library, such as shadcn, radix, headlessui, material, or primevue, for use in project integration.MIT
- Generate a complete React component integrating an Appo SDK feature. Choose a feature, styling, and variant to receive ready-to-use UI code.MIT
- Initialize a new project with a chosen component library by generating config files, installing dependencies, and adding initial components.MIT
- Check the current component library setup status for a specified project directory to identify configuration issues.MIT
- Generate reusable UI component prefabs owned by the Unity project under Assets/AGS/UI/Components. Supports optional role assignment and force regeneration.Apache 2.0
- Inspect generated Unity UI prefabs for layout, backing-class, component, and collection health.Apache 2.0
- Find the right Ionic Framework UI component by keyword and get its tag, description, and documentation URL for implementation.MIT
- Retrieve full documentation for any Quasar UI component, including API reference, props, events, slots, methods, and usage examples. Accepts component names with or without prefix.MIT
- Discover all component categories in the AI Canvas library with component counts to orient before searching or listing.MIT
- Evaluate a UI component need and receive a structured verdict on whether to use existing shadcn/ui or 21st.dev components or build a custom solution, guided by real-app references.MIT
- Search the Prefab component library to look up exact argument names, accepted values, and usage examples before writing component code.Apache 2.0
- Create a Figma component instance using a componentKey from search or REST API. Works for library and local components; apply overrides for property edits.MITDestructive
- Copy a component from one Altium library to another, preserving its identity and transferring 3D models with options for missing or external references.GPL 3.0Destructive
- Search for UI components including icons and chart types to enhance design projects. Find suitable icons for interfaces and select appropriate charts for data visualization needs.MIT
- Browse all available shadcn/ui component templates to quickly find and select the right UI template for your project.MIT