List every component in the petal_components library to see what's available before composing HEEx markup.
MIT
305,105 tools. Last updated 2026-07-23 02:02
"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
- Retrieve HTML code and metadata for Bootstrap UI components using component IDs or slugs from the Webpixels library.MIT
Matching MCP Servers
- AlicenseBqualityCmaintenanceAn 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.Last updated71MIT
- Flicense-qualityDmaintenanceProvides AI assistants with access to private React component library documentation, props, and code examples through type-safe TypeScript integration.Last updated
Matching MCP Connectors
Native Claude Code integration for @annondeveloper/ui-kit — a zero-dependency React component library with 147 components, 3 weight tiers, physics-based animations, and OKLCH color system. Gives Claude deep awareness of the library's components, design patterns, and conventions. Includes 5 skills for component discovery, code generation, design system reference, tier selection, and accessibility auditing. 2 custom agents for architecture design and accessibility review. Auto-connects to a hoste
Verified doc corpora for agents: grep-first retrieval, hashed pages, Merkle+RFC-3161 receipts
- Retrieve all components from a specified UI library, such as shadcn, radix, headlessui, material, or primevue, for use in project integration.MIT
- Suggest microinteractions for UI elements by providing animation, feedback, and transition recommendations based on element type, context, and platform.MIT
- Initialize a new project with a chosen component library by generating config files, installing dependencies, and adding initial components.MIT
- Validates a selected component library (shadcn, radix, etc.) is correctly installed and configured in a project directory, detecting setup issues.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
- Map HTML element types to design system component keys. Uses cached library data with Figma token, or integrates search results to confirm missing components.MIT
- Create a component instance from a component key, supporting both library and local components, then apply property overrides.MIT
- 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
- Convert HTML/Tailwind source into Vue 3 Single File Components using the Composition API, with optional component library mapping.MIT
- Rank a palette of foreground colors by contrast ratio with WCAG grades and get recommendations for body text, large text, and UI components.MIT
- Places an instance of a component on a page at given coordinates, duplicating its shape hierarchy with new IDs and maintaining component link. For library components, include the library file ID.MIT
- Analyze natural language requests to structure UI component requirements into clear documentation for Vue development.Apache 2.0