For the complete documentation index, see llms.txt.

CSS Grid Generator API

developer 1 credit / call v2026-04-22

Generate responsive or fixed CSS Grid styles and matching HTML markup.

One POST adds CSS Grid Generator to your app, site, workflow, or agent — formula, validation, edge cases, and docs already handled.

prefer a UI? Open the CSS Grid Generator on miniwebtool.com →

Start free — get a key → 1,000 credits · no card · 30 seconds

Endpoint

POST · 1cr
POST https://api.miniwebtool.com/v1/tools/css-grid-generator/run

Request body

Field Type Req.
columns int
rows int
column_gap_px float
row_gap_px float
min_column_width_px float
responsive
yes | no
str
justify_items
stretch | start | center | end
str
align_items
stretch | start | center | end
str

Cost & access

  • 1 credit per successful call — failed calls refund.
  • Starts on: Free.
  • Max payload: 65536 bytes.
  • Privacy mode: no_body_logs
  • Available on: free, starter, pro, business, scale

Response envelope

{
  "request_id": "01K...",
  "tool": "css-grid-generator",
  "tool_version": "2026-04-22",
  "credits_used": 1,
  "result": { ... }
}

Try it

Stored only in this browser tab. Playground test key is prefilled and only works on this page. Get a live key →
yes | no
stretch | start | center | end
stretch | start | center | end

Get your own key

1,000 free calls/mo · no card · key arrives by email

One verification click, then your key + a ready-to-run request. No card, no spam.

Code examples

curl -X POST https://api.miniwebtool.com/v1/tools/css-grid-generator/run \
  -H 'Authorization: Bearer mwt_live_YOUR_KEY' \
  -H 'Content-Type: application/json' \
  -d '{"columns":3,"rows":2,"column_gap_px":16,"row_gap_px":16,"min_column_width_px":200,"responsive":"yes"}'
import requests

resp = requests.post(
    'https://api.miniwebtool.com/v1/tools/css-grid-generator/run',
    headers={'Authorization': 'Bearer mwt_live_YOUR_KEY'},
    json={'columns': 3, 'rows': 2, 'column_gap_px': 16, 'row_gap_px': 16, 'min_column_width_px': 200, 'responsive': 'yes'},
)
resp.raise_for_status()
data = resp.json()
print(data)
const resp = await fetch(
  'https://api.miniwebtool.com/v1/tools/css-grid-generator/run',
  {
    method: 'POST',
    headers: {
      'Authorization': 'Bearer mwt_live_YOUR_KEY',
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({"columns":3,"rows":2,"column_gap_px":16,"row_gap_px":16,"min_column_width_px":200,"responsive":"yes"}),
  }
);
const data = await resp.json();
console.log(data);
<?php
$ch = curl_init('https://api.miniwebtool.com/v1/tools/css-grid-generator/run');
curl_setopt_array($ch, [
    CURLOPT_POST => true,
    CURLOPT_RETURNTRANSFER => true,
    CURLOPT_HTTPHEADER => [
        'Authorization: Bearer mwt_live_YOUR_KEY',
        'Content-Type: application/json',
    ],
    CURLOPT_POSTFIELDS => json_encode([
    'columns' => 3,
    'rows' => 2,
    'column_gap_px' => 16,
    'row_gap_px' => 16,
    'min_column_width_px' => 200,
    'responsive' => 'yes'
]),
]);
$resp = curl_exec($ch);
curl_close($ch);
print_r(json_decode($resp, true));
require 'net/http'
require 'json'
require 'uri'

uri = URI('https://api.miniwebtool.com/v1/tools/css-grid-generator/run')
http = Net::HTTP.new(uri.host, uri.port)
http.use_ssl = (uri.scheme == 'https')

req = Net::HTTP::Post.new(uri)
req['Authorization'] = 'Bearer mwt_live_YOUR_KEY'
req['Content-Type'] = 'application/json'
req.body = {
  'columns' => 3,
  'rows' => 2,
  'column_gap_px' => 16,
  'row_gap_px' => 16,
  'min_column_width_px' => 200,
  'responsive' => 'yes'
}.to_json

resp = http.request(req)
puts JSON.parse(resp.body).inspect
package main

import (
  "bytes"
  "encoding/json"
  "fmt"
  "io"
  "net/http"
)

func main() {
  body, _ := json.Marshal(map[string]interface{}{
    "columns": 3,
    "rows": 2,
    "column_gap_px": 16,
    "row_gap_px": 16,
    "min_column_width_px": 200,
    "responsive": "yes",
  })
  req, _ := http.NewRequest("POST", "https://api.miniwebtool.com/v1/tools/css-grid-generator/run", bytes.NewReader(body))
  req.Header.Set("Authorization", "Bearer mwt_live_YOUR_KEY")
  req.Header.Set("Content-Type", "application/json")

  resp, err := http.DefaultClient.Do(req)
  if err != nil { panic(err) }
  defer resp.Body.Close()
  out, _ := io.ReadAll(resp.Body)
  fmt.Println(string(out))
}
import java.net.URI;
import java.net.http.*;

var client = HttpClient.newHttpClient();
var req = HttpRequest.newBuilder()
    .uri(URI.create("https://api.miniwebtool.com/v1/tools/css-grid-generator/run"))
    .header("Authorization", "Bearer mwt_live_YOUR_KEY")
    .header("Content-Type", "application/json")
    .POST(HttpRequest.BodyPublishers.ofString("{\"columns\":3,\"rows\":2,\"column_gap_px\":16,\"row_gap_px\":16,\"min_column_width_px\":200,\"responsive\":\"yes\"}"))
    .build();

var resp = client.send(req, HttpResponse.BodyHandlers.ofString());
System.out.println(resp.body());
how-to call css-grid-generator
  1. Get an API key
    Get an API key. Sign up free for a bearer token. 1,000 credits/month, no card.
  2. Assemble the JSON body
    Required fields: . See the Request body table above for the full schema.
  3. POST to https://api.miniwebtool.com/v1/tools/css-grid-generator/run
    Headers: Authorization: Bearer <key> and Content-Type: application/json. Copy-paste snippets in 7 languages are under Code examples.
  4. Parse the response
    Envelope: {request_id, tool, tool_version, credits_used, result}. The typed output lives in result.
faq frequently asked
What does the CSS Grid Generator API do?+

Generate responsive or fixed CSS Grid styles and matching HTML markup. Use it to add this utility without rebuilding formulas, validation, examples, and documentation.

How much does one call to CSS Grid Generator cost?+

1 credit per successful call. Failed calls (validation errors, 5xx) don't bill.

What parameters does the CSS Grid Generator API require?+

Required fields: (none). Full schema at /v1/openapi.json.

Is the CSS Grid Generator API deterministic?+

Yes — same input, same output, forever. Tool version 2026-04-22; output shape is stable within a major version.

Can an AI agent call the CSS Grid Generator API?+

Yes. Connect to https://api.miniwebtool.com/v1/mcp over the Model Context Protocol. The agent discovers `css-grid-generator` with its JSON Schema automatically, so the model can plan while MiniWebtool handles the exact tool result.

What format does the API return?+

JSON with a stable envelope: `{request_id, tool, tool_version, credits_used, result}`. Errors are RFC 7807 `application/problem+json`.

mcp use from an AI agent

Every endpoint on this site is also exposed via the Model Context Protocol at https://api.miniwebtool.com/v1/mcp. Claude, Cursor, and any MCP-capable agent can discover this tool (css-grid-generator) and its JSON Schema automatically — no client codegen.

# List tools the agent can call
curl -s https://api.miniwebtool.com/v1/mcp \
  -H 'Content-Type: application/json' \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/list"}' \
 | jq '.result.tools[] | select(.name=="css-grid-generator")'
see-also related developer tools