Liniqo / AI tools / Windsurf

Use Liniqo in Windsurf

Connect the Liniqo MCP server to Windsurf. Your agent can then search all 2,648 illustrations and add the SVG or a React component to your code.

For developers · 2 minutesWorks with the 300+ free illustrations
Your key stays in this page. It fills in the snippets below; the URL with a key works like a password.
  1. 1

    Add Liniqo to Windsurf

    Add this to ~/.codeium/windsurf/mcp_config.json and refresh MCP servers:

  2. 2

    Add your license key (paid plans)

    Paste your key in the box above and the snippet updates with your private URL. Without a key, the 300+ free illustrations work and the rest show as locked. Keep the key out of public repositories.

  3. 3

    Ask in the chat

    Ask in plain words, for example: “Replace the 404 page image with a Liniqo illustration”. The agent searches Liniqo, saves the file and uses it.

Liniqo Live

Interactive illustrations in Windsurf

Pro and Lifetime include all 500+ interactive figures; 23 are free to try. They move with the visitor’s mouse or finger and stay in your colours.

  1. 1

    Ask for an interactive figure

    Ask: “add an interactive Liniqo figure of a server rack to the hero as a React component, accent #14b8a6”. The agent uses search_interactive and get_interactive and adds a component (or an HTML embed).

  2. 2

    Run the page

    Start your dev server and hover over the figure. Paid figures carry a sealed token instead of your key, so the code is safe to commit.

Prompts to try in Windsurf

Copy one, replace the parts in [brackets] with your own, and paste. See all 25 prompts.

Empty statesScreens with no data yet

Find every empty state in my app (no data yet, no search results, empty inbox, no projects, no notifications) and add a fitting Liniqo illustration to each, centred above the message, about 200px wide, with a clear button that tells the user what to do next.

Dark modeIllustrations that follow the theme

My app has a dark mode. Make every Liniqo illustration switch to its dark version when the app is in dark mode, and back when it is light.

Gentle animationPro and Lifetime

Use the "draw" animation version of the Liniqo hero illustration so it draws itself in when the page loads, and the "float" version for the feature illustrations. Respect reduced-motion settings.

Which plan do you need? Free gives you 300+ illustrations to try in a real project. Personal unlocks the whole library for your own product. Pro adds animated files, 500+ interactive figures and client work. Lifetime gets every monthly drop of 100+ new illustrations, forever.

Compare plans →

Questions

Where is my license key?

In the email from Polar after you bought, and in your Polar customer portal.

Open the library →Other toolsGet help