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
458,313 tools. Updated 2026-08-15 23:35
"shadcn/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 a list of all available shadcn/ui v4 components to understand component structure and installation.MIT
- List all shadcn/ui blocks to find and select components for your project.
Matching MCP Servers
- AlicenseAqualityDmaintenanceA mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation103,0802,932MIT
- AlicenseAqualityDmaintenanceEnables AI assistants to access and manage shadcn/ui v4 components, including source code, demos, blocks, and CLI integration.1251MIT
Matching MCP Connectors
Discover and install Aura UI Blade components for Laravel, Livewire and Tailwind CSS 4.
Search public Gravity AI UI drafts and generate Gravity UI interface payloads.
- Browse all available shadcn/ui component templates to quickly find and select the right UI template for your project.MIT
- Retrieve demo code showing how to use a specific shadcn/ui v4 component. Enter the component name to see its usage example.MIT
- Retrieve complete documentation for any coss UI component or hook, including installation, usage, API reference, and examples.MIT
- Diagnose UI quality issues in shadcn/Tailwind apps from code or URL. Get scores, affected files, and fix categories to plan UI improvements.MIT
- Retrieve source code for a shadcn/ui v4 block by specifying its name. Optionally include component files for complex blocks.MIT
- Retrieve all shadcn/ui v4 blocks, grouped by category. Optionally filter by category such as calendar, dashboard, login, sidebar, or products.MIT
- Retrieve metadata for any shadcn/ui v4 component, including its structure, usage, and installation details.MIT
- List available shadcn/ui components, optionally filtered by category to find specific UI elements quickly.MIT
- Retrieve the source code for any shadcn/ui v4 component by providing its name. Use this to get the exact implementation for your project.MIT
- Retrieves the directory structure of the shadcn-ui v4 repository, enabling users to understand component file organization and navigate codebase for installation and usage.MIT
- Retrieve a list of shadcn/ui blocks filtered by category, such as authentication or dashboard, to quickly find reusable UI components.MIT
- Generate React components with shadcn/ui patterns including TypeScript types, Vitest tests, and Storybook stories.MIT
- Retrieves all available Shadcn Dashboard components to help agents identify UI blocks for project sections.MIT
- Sync UI/UX data from shadcn/ui, uipro-cli, theme presets, and Web Interface Guidelines to local cache.MIT