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
306,477 tools. Last updated 2026-07-27 00:52
"Radix UI" matching MCP tools:
- 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 all components from a specified UI library, such as shadcn, radix, headlessui, material, or primevue, for use in project integration.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
- Get full metadata for a Radix primitive: parts, props, accessibility contract, and minimal example. Reference before writing or editing any Radix component.MIT
- Discover available UI patterns and their descriptions before building components. Returns an array of pattern names to guide development.MIT
Matching MCP Servers
- Alicense-qualityDmaintenanceEnables AI assistants to access and work with Radix UI libraries (Themes, Primitives, Colors) by retrieving components, documentation, and installation guides through the Model Context Protocol.Last updated1338MIT
- AlicenseAqualityDmaintenance🎨 AI-powered UI/UX design intelligence - 1519+ curated design resources through MCP | React, Vue, Next.js, Flutter & moreLast updated78024MIT
Matching MCP Connectors
Search public Gravity AI UI drafts and generate Gravity UI interface payloads.
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
- Broadcast real-time UI updates via WebSocket for ephemeral modifications. Demonstrates UI changes without saving them.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
- Initialize a new project with a chosen component library by generating config files, installing dependencies, and adding initial components.MIT
- Search the accessibility tree by label or identifier to locate UI elements. Obtain tap-ready coordinates (centerX, centerY) to interact with controls directly, eliminating the need for visual screenshots.MIT
- Examine a signal's value in a hardware simulation, at an optional time point, with selectable radix representation (decimal, binary, hexadecimal, unsigned, octal).MIT
- Retrieve a list of all available shadcn/ui v4 components to understand component structure and installation.MIT
- Retrieve a complete list of all Flet UI controls to discover which interface elements you can build.MIT
- Access the LightRAG Web UI and API documentation to run retrieval-augmented generation queries on your codebase.MIT
- Open the Cognee workspace UI to manage datasets, upload files, ingest text, search, and visualize graphs.Apache 2.0
- Tap an Android UI element and wait for the interface to stabilize, returning the updated UI tree in a single operation to automate touch interactions.MIT
- List all shadcn/ui blocks to find and select components for your project.
- List every documented Radix primitive with a one-line description. Start here to discover available components.MIT
- Retrieve the full details and script of a UI Action by providing its sys_id, enabling access to ServiceNow UI Action scripts.Sleepycat
- Browse all available shadcn/ui component templates to quickly find and select the right UI template for your project.MIT