Discover available UI patterns and their descriptions before building components. Returns an array of pattern names to guide development.
MIT
289,028 tools. Last updated 2026-07-12 01:03
"Building Visually Appealing, Modern Websites Using React with Trending UI Designs" matching MCP tools:
- Renders UI components to screenshots across Chromium, Firefox, and WebKit without a dev server. Built-in Tailwind CSS support for quick visual verification.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
- Capture any webpage as a PNG screenshot to visually inspect design, layout, and UI quality issues.MIT
- Find websites using a specific technology and pull domains with contact info for targeted lead generation.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
Matching MCP Servers
- AlicenseAqualityDmaintenanceAn MCP server that tracks the latest trending tokens on CoinGecko.Last updated18MIT
- AlicenseBqualityDmaintenanceA MCP server that provides access to GitHub trending repositories and developers data through a simple API interface.Last updated253MIT
Matching MCP Connectors
Free digital marketing quote and strategy requests from Juicy Designs SA. No price returned.
Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.
- Inspect React components at specific screen coordinates to identify UI elements and their properties during React Native development.MIT
- Discover trending GitHub repositories with automatic AI/ML classification. Analyze tech trends using stars, forks, languages, and descriptions of popular developer projects.MIT
- Generate React UI component code snippets from natural language requests, then integrate them into your codebase for streamlined UI development.ISC
- Generate React UI component code snippets from natural language descriptions for integration into development projects.ISC
- Generate Zod schemas and live UI previews by mapping messy API JSON to Vue/React Design System component props for type-safe frontend integration.MIT
- Auto-format Fortran files in-place to enforce modern indentation and spacing using fprettify.MIT
- Refines and improves React UI components by redesigning them based on user feedback, providing updated code and implementation instructions for better styling, layout, or responsiveness.ISC
- Create a WooCommerce Checkout Block extension by scaffolding React components, a PHP IntegrationInterface class, and block.json. Add custom fields or UI to the block-based checkout.
- Get expert UI design guidance for any component or screen pattern, combining specifications with real-world examples from top apps and websites.MIT
- Extract Figma node IDs and convert designs into HTML, React with CSS Modules, or React with Tailwind CSS using MCP server f2c-mcp-server to automate design-to-code workflows.MIT
- Redesign and improve React UI components by refining styling, layout, and responsiveness based on specific user feedback and file context.ISC
- Discover all modern data stacks compatible with Polars for building data pipelines.MIT
- Generate React components with shadcn/ui patterns including TypeScript types, Vitest tests, and Storybook stories.MIT
- Retrieve LaTeX resume template content for creating professional documents using modern, classic, or minimal designs.MIT