Live API tester
Paste your API key, set payload, and run a real request directly from this page.
Monetized API
Use CSS-Zone as an API product: generate style payloads, export CSS artifacts, and integrate design logic directly into product workflows.
Generate API keys, monitor usage, and top up credits directly in your account. No manual approval required.
Sign in to open API automation controls.
Paste your API key, set payload, and run a real request directly from this page.
Build gradients, shadows, and layout presets during deploy pipelines.
Connect API endpoints to your own admin panel or internal components.
Generate CSS assets on demand for thousands of tenant projects.
| Method | Endpoint | Purpose |
|---|---|---|
| POST | /api-access/generate/gradient | Generate a production-ready gradient declaration. |
| POST | /api-access/generate/shadow | Build layered shadow recipes from structured payload. |
| POST | /api-access/generate/grid | Generate CSS Grid templates and placement configs. |
| POST | /api-access/export/css | Export normalized CSS output for downstream tools. |
| POST | /api-access/generate/style-minifier | Minify stylesheet payloads with optional comment and whitespace cleanup. |
| POST | /api-access/generate/font-minifier | Optimize @font-face CSS and normalize font-display/unicode-range fields. |
| POST | /api-access/generate/responsive-scale | Generate responsive clamp() token scales for typography and spacing. |
| POST | /api-access/generate/js-decompress | Decompress/format JS with rename map and output stats. |
| POST | /api-access/generate/js-unpack-bundle | Unpack bundle into module list and file tree. |
| POST | /api-access/generate/js-source-map-helper | Recover source files from source map (sources/sourcesContent). |
| POST | /api-access/generate/js-execution-trace | Run isolated execution trace with call logs and console events. |
cURL
curl -X POST "https://css-zone.com/api/api-access/generate/js-decompress" \
-H "X-API-Key: cz_api_xxx" \
-H "Content-Type: application/json" \
-d '{
"sourceCode": "const a=n=>n.map(t=>t*2);export{a};",
"options": {
"renameIdentifiers": true,
"retainComments": true,
"outputLanguage": "js"
}
}'JavaScript
const response = await fetch("https://css-zone.com/api/api-access/generate/js-execution-trace", {
method: "POST",
headers: {
"X-API-Key": "cz_api_xxx",
"Content-Type": "application/json"
},
body: JSON.stringify({
sourceCode: "function sum(a,b){return a+b}; function run(){return sum(2,3)}",
options: { entryFunction: "run", entryArgs: [], timeoutMs: 5000 }
})
});
const data = await response.json();Response example
{
"code": "const get1 = input1 => input1.map(value1 => value1 * 2);\\nexport { get1 };",
"stats": {
"sourceBytes": 33,
"outputBytes": 66,
"sourceLines": 1,
"outputLines": 2,
"renamedCount": 2
},
"usage": {
"periodMonth": "2026-02",
"tier": "pro",
"includedLimit": 5000,
"includedUsed": 41,
"includedRemaining": 4959,
"billedUsed": 0,
"totalRequests": 41,
"creditsRemaining": 0
}
}Add your key to repository secrets (for example, CSS_ZONE_API_KEY), and pipeline can generate CSS automatically on push.
name: JS API Tools in CI
on:
push:
branches: [ main ]
jobs:
js-decompress:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- name: Decompress JS bundle chunk
run: |
curl -s -X POST "https://css-zone.com/api/api-access/generate/js-decompress" \
-H "X-API-Key: $CSS_ZONE_API_KEY" \
-H "Content-Type: application/json" \
-d '{"sourceCode":"const a=n=>n.map(t=>t*2);export{a};","options":{"renameIdentifiers":true,"outputLanguage":"js"}}' \
> decompressed.json
- name: Save JS artifact
run: |
cat decompressed.json | jq -r '.code' > output.js
Invalid or missing API key.
Check that key is active, not revoked, and sent in X-API-Key header.
Quota exhausted or billing issue detected.
Upgrade to PRO/PREMIUM or buy additional API credits in self-service section.
Rate limit exceeded. Retry after the provided delay.
Retry with delay and avoid burst traffic without queueing.
Yes. Store your key in repository secrets and call the endpoint in workflow steps.
Yes. API requests are billed by quota according to your active plan/add-ons.
Yes. Contact support for annual contracts and dedicated usage tiers.