Developers

Built for code, and for your AI coding tool

Install the free icon set from npm, or connect your AI coding tool so it can find illustrations and paint them in your brand colours.

MCP server for AI coding tools API keys and connected tools

MCP server for AI coding tools

Ask your coding tool for "an empty-state illustration in our brand colours" and it can search, fetch and insert one. Free sets work without a key; add a key for everything your plan includes.

Claude Code

claude mcp add --transport http illustrateup https://illustrateup.vercel.app/api/v1/mcp \
  --header "Authorization: Bearer iu_live_YOUR_KEY"

Cursor, VS Code and other MCP clients

{
  "mcpServers": {
    "illustrateup": {
      "url": "https://illustrateup.vercel.app/api/v1/mcp",
      "headers": {
        "Authorization": "Bearer iu_live_YOUR_KEY"
      }
    }
  }
}

Tools: search_assets, list_sets, get_asset_svg, get_react_snippet, apply_brand_theme.

Create an API key in your account, or let your tool sign in with a device code.

Free icons on npm

Tree-shakeable React components that follow your text colour.

npm

npm install @illustrateup/icons

React

import { SearchIcon } from '@illustrateup/icons';

<SearchIcon size={20} className="text-indigo-600" aria-label="Search" />

Platform API

Offer our illustrations and icons inside your own product, such as a site builder, a slide tool or an email editor. Search from your server, then show the CDN links to your users. They're themed, permanent and cached at the edge.

curl

curl https://illustrateup.vercel.app/api/v1/platform/search?q=onboarding&t=primary-D7263D \
  -H "Authorization: Bearer iu_plat_YOUR_SERVER_KEY"

# Each result carries permanent CDN links in the requested colours:
# cdn.svg, cdn.png (800px), cdn.png2x (1600px), cdn.webp, cdn.thumb

Plans: Starter 50,000 requests a month, Growth 250,000, Scale 1,000,000, or a custom plan. CDN hits don't count.

Talk to us about a platform plan