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
523,478 tools. Updated 2026-09-06 13:32
"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
- Retrieve all available Radix UI color scales to use in design tokens and theming.MIT
- Get full metadata for a Radix primitive: parts, props, accessibility contract, and minimal example. Reference before writing or editing any Radix component.MIT
Matching MCP Servers
- AlicenseAqualityDmaintenanceEnables 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.111298MIT
- AlicenseAqualityCmaintenanceMCP server for see-u-ui component library, allowing AI assistants to query component props/events/slots/examples on demand.351MIT
Matching MCP Connectors
Community-maintained knowledge base for Radix DLT — search, read, and contribute wiki pages.
Discover and install Aura UI Blade components for Laravel, Livewire and Tailwind CSS 4.
- List all Radix primitives components to see available UI building blocks.MIT
- Lists all available Radix Themes components, enabling AI assistants to discover and use Radix UI design system elements.MIT
- Access the official Radix Themes getting started guide for setup and installation instructions.MIT
- Retrieve the official Radix UI primitives getting started guide to learn how to set up and build with these accessible components.MIT
- Retrieve the source code for a specific Radix Colors color scale by providing its name, such as 'blue' or 'green'.MIT
- Get the documentation for a specified Radix primitives component by providing its name, e.g., 'accordion'. Returns the official API details and usage guide for that component.MIT
- Retrieve the source code for any Radix primitives component, such as accordion or dialog, by specifying its name.MIT
- Retrieve the complete source code for any Radix Themes component by specifying its name, such as 'accordion' or 'dialog'.MIT
- Fetches the official documentation for a Radix Colors color scale by its name. Provides usage details, color tokens, and examples for any scale such as blue or green.MIT
- Get documentation for a specific Radix Themes component by entering its name. Access props, examples, and usage details.MIT
- Look up the recommended Radix primitives and composition pattern for any component type, like Modal or Badge, to implement accessible UI consistently.-
- Fetch a Radix UI primitive's API, accessibility contract, composition pattern, and known caveats by name to integrate accessible components correctly.-
- Broadcast real-time UI updates via WebSocket for ephemeral modifications. Demonstrates UI changes without saving them.MIT
- Dump the current Android UI hierarchy as text or XML to inspect screen layout and locate UI elements.ISC
- 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