Extracts colors, typography, components, and layout from UI design images for machine learning training. Privacy-friendly, no image storage.
MIT
605,655 tools. Updated 2026-09-24 02:29
"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
- List all available shadcn/ui v4 components to identify integration options for your project.MIT
- Attach registered scripts to multiple entities, automatically creating script components when absent to enable gameplay behavior.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
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.115 npmApache 2.0
- AlicenseAqualityBmaintenanceMCP server that lets AI agents search and inspect shadcn components from the encode-ui registry, returning metadata, source code, and install commands.8375 npmMIT
Matching MCP Connectors
Discover and install Aura UI Blade components for Laravel, Livewire and Tailwind CSS 4.
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
- Identify existing UI components and design tokens before building new ones to prevent duplication and ensure consistency across your application.MIT
- List all shadcn/ui components already installed in the project, helping you track existing dependencies and decide which components to add next.MIT
- List available Gluestack UI components with their variants and features to help you choose the right components for your React Native app.MIT
- List Penpot file components and their variants to identify available building blocks before UI generation.MIT
- Create wireframe UI mockups by stacking components like headers, buttons, and inputs. Choose device frame and theme to plan screens.MIT
- Browse available shadcn/ui components from the official registry. Filter by category to find components that match your project needs.MIT
- Remove installed shadcn/ui components from your project by deleting their files. Clean up unused components to keep your codebase organized.MITDestructive
- List Galaxy UI components and their availability per framework. Optionally filter by React, Vue, Angular, React Native, or Flutter to see which components are supported.MIT
- Analyze UI components to detect WCAG accessibility violations and get actionable fix recommendations. Improve compliance in React, Vue, or HTML files.MIT
- Retrieve a comprehensive list of all stackzero-labs/ui components. Use this to explore and select components for your UI development.MIT
- Search the shadcn/ui registry by component name or description to locate matching UI components for your project.MIT
- Chat with v0 to iteratively refine React UI components from natural language descriptions, enabling back-and-forth adjustments through conversation history.MIT
- Find Aceternity UI components by searching name, description, or tags. Locate components for animations, gradients, 3D effects, modals, and more.MIT
- List available shadcn/ui components, optionally filtered by category to find specific UI elements quickly.MIT
- Refines React UI components based on user feedback and code context, delivering redesigned versions and implementation instructions for targeted changes.ISC