List every component in the petal_components library to see what's available before composing HEEx markup.
MIT
519,518 tools. Updated 2026-09-06 08:12
"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
- Check skill readiness by retrieving MCP server availability and recommendations.Apache 2.0
- 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
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
Discover and install Aura UI Blade components for Laravel, Livewire and Tailwind CSS 4.
Verified doc corpora for agents: grep-first retrieval, hashed pages, Merkle+RFC-3161 receipts
- Retrieve HTML code and metadata for Bootstrap UI components using component IDs or slugs from the Webpixels library.MIT
- 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
- 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
- Returns UI component usage guidelines from Designers Italia: when to use, how to use, accessibility notes, library status, and Storybook entry, with warnings for URL mismatches.BSD 3-Clause
- 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 for UI component inspiration on 21st.dev. Returns JSON data with matching component snippets to integrate into your codebase.ISC
- Verify MCP server setup, dependencies, and browser state to detect issues. Returns a structured report with recommendations.MIT
- 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
- 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
- Generates React UI component code snippets from natural language requests, enabling quick integration into your codebase.ISC