List every component in the petal_components library to see what's available before composing HEEx markup.
MIT
163,555 tools. Last updated 2026-05-30 19:13
"Recommendations for MCP with Encapsulated UI Component Library" matching MCP tools:
- Retrieve HTML code and metadata for Bootstrap UI components using component IDs or slugs from the Webpixels library.MIT
- Generate UI components with modern best practices for React, Vue, or Angular frameworks, including accessibility features and responsive design options.MIT
- Analyze UI/UX interfaces to identify issues and provide improvement recommendations based on framework compatibility, target audience needs, and design requirements.MIT
- Enhance UI component code by applying accessibility standards and development best practices for your specified framework.MIT
- Insert a real library component instance from a design system into a Figma frame. Provide component key, node ID, and file key to place navigation bars, buttons, or any published component while preserving library instance connections.MIT
Matching MCP Servers
- Flicense-qualityCmaintenanceProvides AI assistants with access to private React component library documentation, props, and code examples through type-safe TypeScript integration.Last updated
- AlicenseAqualityCmaintenanceProvides AI coding assistants with on-demand access to component specs, test scenarios, accessibility requirements, and build guides from the Web UI Component Specification.Last updated10MIT
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
Open Library MCP — Internet Archive's open book metadata
- List all available shadcn/ui component templates to browse and select components for your React project.MIT
- Convert HTML/Tailwind source into Vue 3 Single File Components using the Composition API, with optional component library mapping.MIT
- Analyze natural language requests to structure UI component requirements into clear documentation for Vue development.Apache 2.0
- Retrieve demo code showing how to use a specific shadcn/ui v4 component. Enter the component name to see its usage example.MIT
- Search the NREL Building Component Library to find building components, materials, and assemblies for energy modeling projects. Returns structured data with quality scores and source citations.
- Retrieves Encapsulated PDF reports from DICOM studies by locating DOC-modality series with Encapsulated PDF SOP Class UIDs. Requires a study instance UID.MIT
- Convert an Encapsulated PDF DICOM report into readable text by providing study, series, and SOP instance UIDs.MIT
- Retrieve the WAI-ARIA Authoring Practices implementation pattern for any UI component, including code examples and keyboard interaction requirements.MIT
- Generate React UI component code snippets from natural language requests, then integrate them into your codebase for streamlined UI development.ISC
- Generate React UI component code snippets from natural language descriptions for integration into development projects.ISC
- Remove saved workflows from the ComfyUI MCP Server library with confirmation prompts for safety.MIT
- Retrieve all component categories with descriptions and counts to browse available UI components.MIT
- Retrieve metadata for any shadcn/ui v4 component, including its structure, usage, and installation details.MIT
- Verify if specific books are available at your library to filter recommendations to only those you can borrow.MIT