Create pure CSS drawings, animations, and interactive art using clever techniques without images. Generate production-ready code, tests, and documentation for various art types and complexity levels.
MIT
109,625 tools. Last updated 2026-04-18 02:54
- 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
- Audit website resources (images, JS, CSS, fonts) to identify optimization opportunities, improve performance, and streamline content delivery for specified devices.MIT
- Generate images from HTML/CSS, webpage screenshots, or templates for social media cards, Open Graph previews, marketing banners, and custom graphics.
- Find and retrieve UI component code snippets from 21st.dev's library for integration into your projects, providing inspiration without generating new code.
- Convert Figma designs to JSX and CSS pseudo-code for specific frames or components, enabling design-to-code workflows.
Matching MCP Servers
- -securityFlicense-qualityProvides up-to-date CSS documentation and browser compatibility data from MDN through natural language queries. Features intelligent caching and supports all CSS properties, selectors, functions, and concepts with automatic normalization.Last updated153329
- AsecurityAlicense-qualityProvides tools to fetch IIIF manifests and retrieve specific image regions or scaled images for analysis. This server enables detailed interaction with International Image Interoperability Framework resources, supporting tasks like image description and transcription.Last updated35MIT
Matching MCP Connectors
- HTML/CSS to ImageOAuth
An MCP server for generating images from HTML & CSS or screenshots of URLs using htmlcsstoimage.com.
Find open-source libraries and fetch contextual code snippets by version to accelerate development…