Scan a React/Vue/Svelte project to catalog existing UI components for review, documentation, or design-system curation.
MIT
531,314 tools. Updated 2026-09-07 23:49
"A tool or library providing free-to-use UI code snippets for buttons and other components" matching MCP tools:
- Discover available UI patterns and their descriptions before building components. Returns an array of pattern names to guide development.MIT
- Extracts colors, typography, components, and layout from UI design images for machine learning training. Privacy-friendly, no image storage.MIT
- Show shared-library components linked to a spec and flag newer versions. Returns usage IDs for unlinking or accepting updates.MIT
- Add LPM packages to your project by extracting source files for customization. Use for UI components, blocks, templates, and MCP servers.ISC
- Inspect UI screenshots to identify layout, components, states, copy, errors, and potential UX or accessibility issues in a single view or multi-step flow.MIT
Matching MCP Servers
mcp-code-snippetsofficial
AlicenseNot gradedqualityDmaintenanceAllows agents to lookup code snippets in your project. Uses a remote MCP server with a collection of code snippets, with support for automatic project language detection.12Apache 2.0- AlicenseNot gradedqualityCmaintenanceMCP server for ingesting UI screenshots, Figma MCP node JSON, or hybrid Figma-plus-screenshot sources into a cross-platform design-to-code artifact pipeline.111MIT
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
- Retrieve comprehensive documentation and code examples for any library by providing its name and a specific topic. Automatically fetches relevant sections, ensuring up-to-date information for accurate coding.MIT
- Analyzes design references from URLs and images to extract colors, typography, layout patterns, and UI components. Identifies common patterns across multiple sources to inform UI/UX generation decisions.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
- Retrieve all components from a specified UI library, such as shadcn, radix, headlessui, material, or primevue, for use in project integration.MIT
- Generate SVG or PNG mockup images of UI screens and components in wireframe, mockup, or component preview modes.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
- Generate ready-to-use REST API code snippets for GrowSurf workflows (setup, participants, referrals, mobile tokens) in five languages to enable direct API integration.MIT
- Activate native Windows UI elements by name or automationId via UIA InvokePattern — no screen coordinates needed. Use after discovering automationIds for buttons, menu items, and links.MIT
- Find information across web, academic sources, or library documentation with configurable search actions. Returns titles, URLs, and snippets; use extract for full page content.MIT
- Find information across web, academic sources, X/Twitter, and library docs, returning result listings with titles, URLs, and snippets. Use actions and filters to get relevant sources for any query.Apache 2.0
- Click UI elements by name or automationId in native Windows apps. Uses UIA InvokePattern to target buttons, menu items, and links without screen coordinates.MIT
- Fetch current documentation for any library or framework using its library ID. Prioritizes authoritative sources to deliver relevant, up-to-date content.Elastic 2.0
- Resolve a library or package name to a Context7-compatible library ID for documentation queries. Provides matching libraries with quality metrics to select the best source.MIT
- Delete specified components from an Altium library file. Use dry_run to preview changes without permanent modification.GPL 3.0Destructive