{"apiVersion":"v1","directorySlug":"feralui-mcp-2087d9dcb4","title":"FeralUI · playful, physics-driven React elements","description":"A small library of playful, physics-driven React elements: a ceiling pull-cord with a real Verlet rope, a claw-machine captcha, and more.","pageUrl":"https://www.mcpbundles.com/skills/feralui-mcp-2087d9dcb4","connectPath":"importable","connectAction":"import_server","catalogListing":false,"bundleSlug":null,"listingKind":"remote_mcp","kind":"provider","transportUrl":"https://feralui.dev/mcp","hostedMcpUrl":null,"toolCount":4,"toolInventoryStatus":"observed","refreshedAt":"2026-11-03T13:26:00.516172+00:00","registryName":"dev.feralui/feralui-mcp-2087d9dcb4","registryVersion":"2026.11.3","registryEligible":true,"tools":[{"name":"create_gradient","description":"Design a gradient from colours and a style. Returns the finished gradient as an image, reply_markdown that shows it to the person (put it in your reply first), a full-size PNG link, and a link that opens it in the free Gradient Builder studio to edit and export as PNG, JPG, SVG, CSS or looping MP4. Linear and radial also come with ready-to-paste CSS.","inputSchema":{"type":"object","required":["colors"],"properties":{"city":{"enum":["sanfrancisco","newyork","paris","london","sydney"],"type":"string"},"name":{"type":"string","maxLength":60},"grain":{"type":"number","maximum":100,"minimum":0},"style":{"enum":["flow","sky","sunrise","aurora","silk","mesh","still","retro","ios","linear","stripes","bars","columns","prism","waves","lines","glassy","rings","pixel","blocks","beehive","balls","radial","conic","forms","glint","mist","skyline"],"type":"string"},"colors":{"type":"array","items":{"type":"string"},"maxItems":12,"minItems":1},"format":{"enum":["square","portrait","story","wide"],"type":"string"},"soften":{"type":"number","maximum":80,"minimum":0}}},"title":"Create a gradient","annotations":{"readOnlyHint":true,"untrustedContentHint":true},"logicalName":"create_gradient","displayName":"Create a gradient"},{"name":"find_colors","description":"Search an archive of about 100 traditional Japanese colours by name, by colour family (red, pink, orange, yellow, green, blue, purple, brown, grey, white, black), or by closeness to a hex code. Returns names and hex codes to pass to create_gradient.","inputSchema":{"type":"object","properties":{"near":{"type":"string"},"limit":{"type":"integer","maximum":40,"minimum":1},"query":{"type":"string","maxLength":60}}},"title":"Find colours","annotations":{"readOnlyHint":true,"untrustedContentHint":true},"logicalName":"find_colors","displayName":"Find colours"},{"name":"list_styles","description":"Every gradient style the studio can make, what each looks like, and which ones animate (and so export as MP4).","inputSchema":{"type":"object","properties":{}},"title":"List gradient styles","annotations":{"readOnlyHint":true,"untrustedContentHint":true},"logicalName":"list_styles","displayName":"List gradient styles"},{"name":"get_presets","description":"Ready-made gradients from the studio, each with its colours, a link that opens it and a link to an image of it. Filter by style or by a word in the name.","inputSchema":{"type":"object","properties":{"limit":{"type":"integer","maximum":24,"minimum":1},"query":{"type":"string","maxLength":60},"style":{"enum":["flow","sky","sunrise","aurora","silk","mesh","still","retro","ios","linear","stripes","bars","columns","prism","waves","lines","glassy","rings","pixel","blocks","beehive","balls","radial","conic","forms","glint","mist","skyline"],"type":"string"}}},"title":"Browse ready-made gradients","annotations":{"readOnlyHint":true,"untrustedContentHint":true},"logicalName":"get_presets","displayName":"Browse ready-made gradients"}],"toolSource":"directory_preview","agentAction":"both","installLinks":[{"id":"cursor","label":"Cursor","href":"cursor://anysphere.cursor-deeplink/mcp/install?name=FeralUI-playful-physics-driven-React-elements&config=eyJ1cmwiOiAiaHR0cHM6Ly9mZXJhbHVpLmRldi9tY3AifQ%3D%3D"},{"id":"vscode","label":"VS Code","href":"vscode:mcp/install?%7B%22name%22%3A%22FeralUI-playful-physics-driven-React-elements%22%2C%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Fferalui.dev%2Fmcp%22%7D"},{"id":"vscode-insiders","label":"VS Code Insiders","href":"vscode-insiders:mcp/install?%7B%22name%22%3A%22FeralUI-playful-physics-driven-React-elements%22%2C%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Fferalui.dev%2Fmcp%22%7D"},{"id":"claude-web","label":"Claude.ai","href":"https://claude.ai/customize/connectors?modal=add-custom-connector&connectorName=FeralUI+%C2%B7+playful%2C+physics-driven+React+elements&connectorUrl=https%3A%2F%2Fferalui.dev%2Fmcp"},{"id":"codex","label":"Codex","copyText":"codex mcp add \"FeralUI-playful-physics-driven-React-elements\" --url \"https://feralui.dev/mcp\""},{"id":"chatgpt","label":"ChatGPT","href":"https://www.mcpbundles.com/docs/integrations/chatgpt"}],"catalogUrl":"https://www.mcpbundles.com/api/directory/v1/servers/feralui-mcp-2087d9dcb4","callUrl":"https://www.mcpbundles.com/api/directory/v1/servers/feralui-mcp-2087d9dcb4/tools/{tool}","mcpServerUrl":"https://feralui.dev/mcp","liveCatalogUrl":"https://www.mcpbundles.com/api/directory/v1/servers/feralui-mcp-2087d9dcb4?live=1"}