Extracts colors, typography, components, and layout from UI design images for machine learning training. Privacy-friendly, no image storage.
MIT
306,644 tools. Last updated 2026-07-25 17:41
"Resources for creating UI components" matching MCP tools:
- Add LPM packages to your project by extracting source files for customization. Use for UI components, blocks, templates, and MCP servers.ISC
- 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 UI components from popular libraries like shadcn, radix, headlessui, or material UI with support for themes, custom props, tests, stories, and framework-specific output.MIT
- Identify existing UI components and design tokens before building new ones to prevent duplication and ensure consistency across your application.MIT
- Retrieve a list of all available shadcn/ui v4 components to understand component structure and installation.MIT
Matching MCP Servers
- AlicenseBqualityDmaintenanceProvides AI assistants with tools to grade, generate, and validate UI components against the components.build specification. Supports searching documentation, checking compliance, and generating framework-agnostic accessible components.Last updated116Apache 2.0
- AlicenseAqualityBmaintenanceMCP server that exposes petal_components schemas and usage examples to AI coding assistants, enabling generation of idiomatic Phoenix LiveView markup.Last updated212MIT
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
Phoenix LiveView component schemas from petal_components, exposed to AI coding assistants.
- Discover available UI components in your design system or Storybook. View component names, categories, and stories to identify elements for building interfaces. Filter by category or use pagination for large libraries.MIT
- List available Gluestack UI components with their variants and features to help you choose the right components for your React Native app.MIT
- Analyzes UI components for WCAG compliance and provides actionable fix recommendations.MIT
- Retrieve a comprehensive list of all stackzero-labs/ui components. Use this to explore and select components for your UI development.MIT
- List available shadcn/ui components, optionally filtered by category to find specific UI elements quickly.MIT
- Find Lampa UI component files—templates, components, views—by searching with a component or template name.MIT
- Retrieve all available UI Builder components from a ServiceNow instance. Filter by scope or limit results to streamline component discovery.Sleepycat
- Retrieve all main Kendo UI for Angular components from the public documentation. Browse available UI elements for Angular projects.MIT
- Search Aceternity UI components by name, description, or tags, with optional category filter.MIT
- Retrieve a list of UI Builder components (macroponents) from the instance, optionally filtered by scope or with a record limit.MIT
- Retrieve a list of all Aceternity UI components, with an option to include pro-only items for discovery and installation.MIT
- Find shadcn/ui components by keyword to access documentation and usage examples for building user interfaces.MIT
- Retrieve a comprehensive list of all available shadcn/ui components to explore and reference for UI development projects.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