A tool for designing beautiful, functional, and graphically rich HTML webpages using Tailwind CSS, JavaScript, and SVG

Search for:

A tool for designing beautiful, functional, and graphically rich HTML webpages using Tailwind CSS, JavaScript, and SVG

View all MCP Servers

Why this server?
Comprehensive UI/UX development with Tailwind CSS, Framer Motion/GSAP animations, and component tools, directly supporting beautiful, functional, and high-graphic webpages.
UI/UX MCP Server
Developer Tools App Automation Testing & QA Tools
willem4130
F
license
B
quality
C
maintenance
Enables comprehensive UI/UX development workflows through integrated tools for component development with Storybook, Tailwind CSS styling, Framer Motion/GSAP animations, Playwright testing, and automated design system generation. Provides end-to-end automation for visual regression testing, accessibility compliance, and UX optimization analysis.
Last updated 2025-08-25
12
2
Why this server?
Provides Tailwind utility classes, component templates, and color palette generation, essential for designing with Tailwind CSS.
TailwindCSS MCP Server
Developer Tools Documentation Access Remote
CarbonoDev
A
license
B
quality
D
maintenance
Provides comprehensive tools for TailwindCSS development including utility class retrieval, CSS-to-Tailwind conversion, and color palette generation. It enables AI assistants to search documentation, generate component templates, and provide framework-specific installation guides.
Last updated 2025-08-28
8
894
31
MIT
Why this server?
Offers curated design seeds with colors, fonts, spacing, and shadows to inspire beautiful and high-graphic web design.
seedflip-mcp
Design Tools Developer Tools AI & Machine Learning
bockenstette1
A
license
-
quality
C
maintenance
Give your AI coding agent design taste. 104 curated design seeds with colors, fonts, spacing, and shadows. Query by vibe, brand, or style.
Last updated 2026-04-23
21
MIT
Why this server?
Enables creation, validation, and rendering of SVG images, perfect for high-graphic elements and custom SVG graphics in webpages.
SVG Maker MCP Server
Image & Video Processing Developer Tools Multimedia Processing
erkamkavak
F
license
-
quality
C
maintenance
Enables creation, validation, rendering, and optimization of SVG images with conversion capabilities to PNG, React components, React Native components, and Data URIs.
Last updated 2026-01-04
Why this server?
Turns AI into an SVG artist, rendering animated SVGs with rich design parameters, ideal for creating high-graphic SVG content.
nakkas
Design Tools Image & Video Processing Developer Tools
arikusi
A
license
A
quality
C
maintenance
MCP server that turns AI into an SVG artist. One rendering engine with a rich JSON schema, AI controls all design parameters. Renders animated SVGs with CSS @keyframes and SMIL animations. Supports 16+ element types, parametric curves, pattern groups, gradient/filter/clip/mask definitions, and PNG preview. No external dependencies, runs locally via npx.
Last updated 2026-04-06
3
62
8
MIT
Why this server?
Generates branded SVG outputs like badges, cards, charts, and dashboards, enhancing visual appeal with structured SVG graphics.
hyperweave
Data Visualization Design Tools Agent Orchestration
InnerAura
A
license
-
quality
C
maintenance
HyperWeave gives agents a visual output surface: structured data in, branded SVG out. No JavaScript, no runtime. Works anywhere an image can be embedded. Badges, cards, charts, dashboards, diagrams, and more.
Last updated 2026-05-23
18
Apache 2.0
Why this server?
Provides design principles and best practices for modern, accessible web pages, guiding layout, colors, and typography decisions.
Page Design Guide MCP
Developer Tools Software Architecture Content Management Systems
chihebnabil
F
license
A
quality
C
maintenance
Provides comprehensive design principles and best practices to help LLMs generate modern, accessible web pages through guidance on layouts, colors, and typography. It enables users to review design approaches and access expert recommendations for responsive design, component structure, and current industry trends.
Last updated 2026-01-20
12
31
3
Why this server?
AI-powered UI/UX design intelligence with 1519+ curated design resources, useful for gathering design inspiration and patterns.
ui-ux-pro-mcp
Developer Tools
redf0x1
A
license
A
quality
C
maintenance
🎨 AI-powered UI/UX design intelligence - 1519+ curated design resources through MCP | React, Vue, Next.js, Flutter & more
Last updated 2026-01-21
7
107
19
MIT
Why this server?
Provides accessible HTML components (port of ShadCN UI) with Tailwind styling, ready to use in functional webpages.
Basecoat UI MCP Server
Developer Tools Content Management Systems Documentation Access
Sorbh
A
license
A
quality
C
maintenance
Provides programmatic access to 30+ Basecoat CSS (HTML port of ShadCN UI) components with usage documentation, setup scripts, and theme switching code. Enables AI assistants to help developers build accessible HTML interfaces with forms, navigation, feedback, interactive, and layout components.
Last updated 2025-08-15
7
32
9
MIT