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
A
license
B
quality
D
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.
Updated a year ago (2025-08-25 00:40 UTC)
12
2
MIT
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
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.
Updated a year ago (2025-08-28 18:53 UTC)
8
3,057 npm
40
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
Not graded
quality
D
maintenance
Give your AI coding agent design taste. 104 curated design seeds with colors, fonts, spacing, and shadows. Query by vibe, brand, or style.
Updated 7 months ago (2026-04-23 00:18 UTC)
53 npm
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
A
license
Not graded
quality
D
maintenance
Enables creation, validation, rendering, and optimization of SVG images with conversion capabilities to PNG, React components, React Native components, and Data URIs.
Updated 10 months ago (2026-01-04 14:21 UTC)
ISC
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.
Updated 4 months ago (2026-07-14 12:30 UTC)
3
132 npm
31
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
Not graded
quality
B
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.
Updated 2 months ago (2026-09-15 17:04 UTC)
56
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
D
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.
Updated 10 months ago (2026-01-20 23:07 UTC)
12
38 npm
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
D
maintenance
🎨 AI-powered UI/UX design intelligence - 1519+ curated design resources through MCP | React, Vue, Next.js, Flutter & more
Updated 10 months ago (2026-01-21 13:10 UTC)
7
110 npm
41
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
B
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.
Updated 15 days ago (2026-10-23 10:55 UTC)
7
108 npm
16
MIT