Discover available UI patterns and their descriptions before building components. Returns an array of pattern names to guide development.
MIT
270,205 tools. Last updated 2026-07-07 18:56
"A tool or library providing free-to-use UI code snippets for buttons and other components" matching MCP tools:
- Scan a project to inventory existing UI components for review, documentation, or design-system curation. Outputs a catalog in JSON or Markdown.MIT
- Initialize a persistent, versioned context filesystem for a venture project. Use once per venture to store plans, decisions, and code snippets across sessions.MIT
- Extracts colors, typography, components, and layout from UI design images for machine learning training. Privacy-friendly, no image storage.MIT
- Scaffold a production-ready Next.js SaaS app with authentication, database, and payments. Includes dashboard, settings, landing page, and 20+ UI components.MIT
- Generate context-aware microcopy suggestions for UI elements like buttons, labels, and error messages, selecting the appropriate tone for your application.MIT
Matching MCP Servers
mcp-code-snippetsofficial
Alicense-qualityCmaintenanceAllows 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.Last updated11Apache 2.0- Alicense-qualityBmaintenanceMCP server for ingesting UI screenshots, Figma MCP node JSON, or hybrid Figma-plus-screenshot sources into a cross-platform design-to-code artifact pipeline.Last updated382MIT
Matching MCP Connectors
Free AI agent blueprints for procurement and onboarding. No signup, no API key.
Corporate travel: search and book flights, hotels, rail and transfers, manage orders.
- Add LPM packages to your project by extracting source files for customization. Use for UI components, blocks, templates, and MCP servers.ISC
- Render multiple component code snippets in a grid layout to produce a single image for visual comparison of variants or themes.MIT
- 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
- 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 up-to-date library documentation and code examples by specifying the library name and topic. Automatically fetches comprehensive and focused content for efficient reference and learning.JavaScriptMIT
- Retrieve a list of all installed custom components. Use the returned object ID to access component details or pass to other functions.Apache 2.0
- Generates integration workflow and code snippets for implementing Chargebee functionality, such as creating subscriptions or handling webhooks, based on your goal and preferred programming language.MIT
- Detect the UI component library in your source code, analyze usage patterns, and receive migration suggestions.MIT
- Auto-generate validated schema.org JSON-LD for any webpage. Detects page type (Article, Product, FAQ, etc.) and returns ready-to-use code snippets.MIT
- Get the full content of a note—title, summary, key conclusions, code snippets, and tags—by providing its unique ID.Apache 2.0
- Automates UI review by capturing screenshots, running accessibility, performance, and code audits, then delivering data and expert methodology for identifying issues and implementing fixes.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