English Français العربية

noslopUI

Official registry Media and design

Hand-crafted UI components and design systems for agents, so builds don't look like AI slop.

Website

Install

Add this to your client's MCP configuration (Claude Desktop: claude_desktop_config.json; Cursor: .cursor/mcp.json; VS Code and others use the same "mcpServers" shape).

Remote (streamable-http)
Claude Code 
claude mcp add --transport http noslopui 'https://noslopui.com/api/mcp' --header 'Authorization: <Bearer <API key> from https://noslopui.com/account. Leave unset to sign in with OAuth instead.>'
JSON configuration (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "noslopui": {
            "type": "http",
            "url": "https://noslopui.com/api/mcp",
            "headers": {
                "Authorization": "<Bearer <API key> from https://noslopui.com/account. Leave unset to sign in with OAuth instead.>"
            }
        }
    }
}

Frequently asked questions

What is noslopUI?

Hand-crafted UI components and design systems for agents, so builds don't look like AI slop.

How do I install noslopUI?

It runs as a remote server. In Claude Code: claude mcp add --transport http noslopui 'https://noslopui.com/api/mcp' --header 'Authorization: <Bearer <API key> from https://noslopui.com/account. Leave unset to sign in with OAuth instead.>'. For other clients, paste the JSON configuration from this page into their MCP settings.

Does noslopUI need an API key?

Yes. It expects Authorization, which you set in its configuration.

Who maintains noslopUI?

It is published by com.noslopui. AI.tn lists it but does not maintain or endorse it.

From the official MCP Registry. Listing is not an endorsement: review a server's code and permissions before giving it access to your data.