Glassmorphism Generator API

POST https://api.findutils.com/api/tools/glassmorphism-generator/execute

Generate the CSS for a glassmorphism (frosted glass) card: semi-transparent background, backdrop-filter blur and saturation (with the -webkit- prefix), border radius, and a lighter border. Returns the multi-line CSS block, each property, and the resolved settings. Presets: subtle, frosted, bold, dark.

Open the tool Try it

Request body

application/json

preset

string optional

Start from a preset. Any other argument overrides the preset value. One of subtle · frosted · bold · dark.
blur

number optional

Backdrop blur in px (0 to 100). Default 10.
transparency

number optional

Background opacity in percent (0 to 100). Default 20.
saturation

number optional

Backdrop saturation in percent (0 to 300). Default 100.
border_radius

number optional

Border radius in px (0 to 200). Default 16. Default 16.
border_width

number optional

Border width in px (0 to 20). Default 1.
color

string optional

Glass tint as a hex colour (#rrggbb or #rgb). Default #ffffff.

Example arguments

Verified

{
  "preset": "frosted"
}

curl -X POST https://api.findutils.com/api/tools/glassmorphism-generator/execute \
  -H "Content-Type: application/json" \
  -d '{
    "preset": "frosted"
  }'

const response = await fetch('https://api.findutils.com/api/tools/glassmorphism-generator/execute', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({"preset":"frosted"}),
});
const data = await response.json();

import requests

response = requests.post(
    "https://api.findutils.com/api/tools/glassmorphism-generator/execute",
    json={"preset":"frosted"},
)
data = response.json()

$ch = curl_init('https://api.findutils.com/api/tools/glassmorphism-generator/execute');
curl_setopt_array($ch, [
    CURLOPT_POST => true,
    CURLOPT_HTTPHEADER => ['Content-Type: application/json'],
    CURLOPT_POSTFIELDS => '{"preset":"frosted"}',
    CURLOPT_RETURNTRANSFER => true,
]);
$data = json_decode(curl_exec($ch), true);

Also an MCP tool

Call glassmorphism_generator from Claude, Cursor or any MCP client. Same arguments, same output.

https://mcp.findutils.com

MCP reference

Rate limit: 60 a minute, per IP
Auth: None
REST id: glassmorphism-generator
MCP name: glassmorphism_generator
Category: Generators
Machine-readable: openapi.json · markdown.md

Request body

Example arguments

More Generators tools

More to explore