"A tool or library providing free-to-use UI code snippets for buttons and other components" matching MCP servers:

MCP server for ingesting UI screenshots, Figma MCP node JSON, or hybrid Figma-plus-screenshot sources into a cross-platform design-to-code artifact pipeline.

Transforms Figma design data into a compact, LLM-friendly format for code generation, reducing size by 99.5% while preserving UI-critical information.

Native Claude Code integration for @annondeveloper/ui-kit — a zero-dependency React component library with 147 components, 3 weight tiers, physics-based animations, and OKLCH color system. Gives Claude deep awareness of the library's components, design patterns, and conventions. Includes 5 skills for component discovery, code generation, design system reference, tier selection, and accessibility

Enables AI assistants to search, understand, and generate code for design system components by syncing and indexing a component library.

MCP server for the coss ui design system, enabling AI agents to fetch components, props, and design tokens on demand for accurate, low-cost code generation.

Imports public websites and extracts UI components and design tokens, making them available via MCP for AI coding agents to reuse in implementations.

Enables Claude to connect to Figma without a paid plan, offering auto-connect and 100+ tools for document manipulation, design system sync, and code-to-Figma conversion.

Enables AI-driven generation of UI components, full applications, and backend code across multiple frameworks (React, Vue, Angular, Svelte, HTML) with Figma integration and brand identity support.

Local, free MCP server for brand logo search and shadcn/ui component search & source lookup, requiring no API keys or login.

Transform Figma designs into pixel-perfect React + Tailwind components using the Model Context Protocol.

Gives MCP clients access to a registry of elite UI patterns, components, and motion configs with real, copy-pasteable React/TSX implementations.

Bidirectional MCP bridge enabling AI assistants to draw UI on Figma canvas and read designs back as structured data or code tokens via localhost, requiring Figma Desktop.

Enables AI assistants to generate production-ready, professional UI design systems and components from simple descriptions, with real images, animated components, and automated quality checks.

Enables MCP clients to read design structure, take screenshots, create nodes, and edit UI directly on Figma canvas via a bridge between MCP and Figma Desktop.

Provides AI assistants with comprehensive access to Gluestack UI components, source code, and examples for React Native development.

MCP server that helps AI agents create UIs that don't look AI-generated by auditing components, refining copy, suggesting themes, and checking accessibility/contrast.

MCP server to help AI assistants generate Italian PA user interfaces by providing components, recipes, accessibility rules, and validation for Bootstrap Italia and Web Components.

Enables AI assistants to access and manage shadcn/ui v4 components, including source code, demos, blocks, and CLI integration.

Enables AI models to generate interactive visuals including charts, diagrams, UI mockups, and SVG graphics from plain text prompts. This Windows-based MCP server serves as an intermediary to bridge AI tools with visual output capabilities.

An MCP server for Arabic UI/UX design, offering tools to generate design tokens, build RTL components, stitch layouts, and audit RTL compliance using Material 3 Expressive and Google Stitch.