Create and set up a new React project using Vite, then open it in VSCode for immediate development.
MIT
382,276 tools. Last updated 2026-08-03 05:28
"Using React with Vite for Responsive Web Development" matching MCP tools:
- Generate a React project skeleton with Vite, antd, AG Grid, ApexCharts, and Tailwind, automatically wiring Figma design tokens into the configuration files.MIT
- Inspect React components at specific screen coordinates to identify UI elements and their properties during React Native development.MIT
- Convert a Figma file into a full React web project with antd, AG Grid, ApexCharts, and Tailwind CSS. Optionally export mobile screens as a React Native Expo app.MIT
- Render a component file as an image with full dependency resolution using your project's Vite config. Auto-detects framework and saves PNG for visual validation.MIT
- Get development guidelines for UI5 Web Components based on your target framework (React, Angular, or native). Consult before starting development.Apache 2.0
Matching MCP Servers
- Alicense-qualityCmaintenanceA Vite plugin that provides MCP server capabilities, enabling MCP clients to interact with browser environments through adapters for console, cookies, storage, performance, and component tree inspection.Last updated264MIT
- Alicense-qualityCmaintenanceIntegrates Zoho Projects, Git, and SonarQube to automate task management, branch creation, code quality checks, and reporting for React developers.Last updated15MIT
Matching MCP Connectors
Web scraper for agents: fetch any URL as clean markdown (headings, links). x402 for JS rendering.
Create, edit, preview, publish, and manage web pages from MCP-capable AI clients.
- Create a Vue.js project using Vite, configure templates (Vue or TypeScript), install dependencies, and open in VSCode for immediate development.MIT
- Retrieve universal development rules and best practices for Modus Web Components to ensure consistent code quality and adherence to design system guidelines.MIT
- Set up a complete web development project with Vite, Tailwind CSS, and shadcn/ui components using your preferred framework and template.MIT
- Analyze Next.js/React projects to map architecture, detect component similarities, identify code patterns, and assess risks using semantic embedding analysis.MIT
- Convert SVG strings or files into React components using SVGR, with settings for TypeScript, React Native, optimization, and formatting.MIT
- Generates typed, validated React form components with React Hook Form, Zod, and Tailwind CSS from a field schema.MIT
- Find web development documentation on MDN Web Docs by entering search queries to access technical references and guides.AGPL 3.0
- Generate and fix proxy configurations for local development to connect with DHIS2 instances, supporting webpack, React, Vite, and custom setups.MIT
- Generate responsive layouts with Tailwind CSS for dashboards, landing pages, blogs, ecommerce sites, portfolios, and documentation. Specify layout sections and complexity to create HTML, React, Vue, or Svelte components.MIT
- Generate React or HTML frontend code from Figma designs by fetching file data and creating minimal project skeletons for development.MIT
- Create a new project with any supported framework such as Spring Boot, React, Vue, Next.js, FastAPI, and others. Configure options including TypeScript, testing, Docker, and database.MIT
- Run a React project in development mode to preview changes and debug issues.MIT
- Get step-by-step setup instructions for HTML, React, or testing projects that use Modus Web Components. Quickly access configuration guides to start building with the design system.MIT
- Build responsive React layouts with Tailwind CSS and its-just-ui components. Select a layout type (grid, flexbox, container, sidebar, hero, card-grid) and define breakpoints for sm, md, lg, and xl screens.MIT