🌍 Environment: Variables: {{var_name}}
Params
Headers
Body
Code
Body
Headers
📡

Enter a URL and click Send to get a response

/* Env vars */ .env-row{display:flex;gap:6px;margin-bottom:6px;align-items:center} .env-row input{flex:1;font-size:12px;padding:6px 8px;font-family:var(--mono)} .env-row .btn-icon{flex-shrink:0} .env-add{width:100%;padding:6px;font-size:12px;background:var(--surface2);border:1px dashed var(--border);color:var(--text2)} .env-add:hover{border-color:var(--accent);color:var(--accent)} /* Code gen */ .code-tabs{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap} .code-tab{padding:4px 12px;font-size:12px;border-radius:4px;background:var(--surface2);color:var(--text2);cursor:pointer;border:1px solid var(--border)} .code-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)} .code-output{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:12px;font-family:var(--mono);font-size:12px;white-space:pre-wrap;word-break:break-all;max-height:300px;overflow-y:auto;position:relative} .copy-btn{position:absolute;top:8px;right:8px;font-size:11px;padding:4px 8px} /* Response */ .response-meta{display:flex;gap:16px;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);font-family:var(--mono);font-size:13px;align-items:center;flex-wrap:wrap} .response-meta .label{color:var(--text2);font-size:11px;margin-right:4px} .response-body{flex:1;overflow:auto;padding:16px;font-family:var(--mono);font-size:13px;white-space:pre-wrap;word-break:break-all} .response-headers-list{padding:16px;font-family:var(--mono);font-size:12px} .response-headers-list div{padding:4px 0;border-bottom:1px solid var(--border)} .response-headers-list span:first-child{color:var(--accent2);margin-right:8px} .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text2);gap:12px} .empty-state .icon{font-size:48px;opacity:.5} .empty-state p{font-size:14px} /* Modal */ .modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:100;display:none} .modal-overlay.show{display:flex} .modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto} .modal h3{margin-bottom:16px;font-size:16px} .modal input{width:100%;margin-bottom:12px} .modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px} /* Toast */ .toast{position:fixed;bottom:20px;right:20px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:12px 20px;font-size:13px;z-index:200;transform:translateY(100px);opacity:0;transition:all .3s} .toast.show{transform:translateY(0);opacity:1} /* Responsive */ @media(max-width:768px){ .sidebar{display:none} .sidebar.mobile-show{display:flex;position:fixed;inset:0;z-index:50;width:100%;min-width:100%} .panels{flex-direction:column} .request-panel,.response-panel{width:100%!important;min-height:40vh} .request-bar{flex-wrap:wrap} .method-select{width:90px} .url-input{min-width:0} }
Params
Headers
Body
Code
Body
Headers
📡

Send a request to see the response