buildHtml
baseUrl https://apiscroll.pub
metaTags
editButton /edit.html
title API Scroll | Test & Debug APIs
style.css
script.js

header
 class hero
 nav
  div API Scroll
   class logo
  div
   class nav-links
   a Docs
    href #docs
   a Examples
    href #examples
   a Edit
    href edit.html
 div
  class hero-content
  h1 Test APIs with Elegance
  p Send, receive and debug API calls with this beautiful interface
  a Try Now
   class primary-button
   href #tester
main
 section
  id tester
  class api-tester
  h2 API Tester
  div
   class tester-container
   div
    class request-panel
    div
     class method-selector
     select
      id method
      option GET
      option POST
      option PUT
      option DELETE
      option PATCH
    input
     id endpoint
     type url
     placeholder https://api.example.com/endpoint
    div
     class headers-section
     h3 Headers
     div
      class headers-container
      button
       class add-header
       + Add Header
    div
     class body-section
     h3 Body
     textarea
      id request-body
      placeholder {"key":"value"}
    button
     class send-button
     Send Request
   div
    class response-panel
    div
     class status-bar
     span Status:
     span
      id status-code
    div
     class response-headers
     h3 Response Headers
     pre
      id response-headers
    div
     class response-body
     h3 Response Body
     pre
      id response-body
 section
  id docs
  class docs
  h2 Documentation
  div
   class docs-grid
   div
    class docs-card
    h3 Getting Started
    p Simply enter your endpoint URL, select a method, add headers if needed, and hit Send.
   div
    class docs-card
    h3 Request Body
    p For POST/PUT/PATCH requests, enter your JSON body in the provided textarea.
   div
    class docs-card
    h3 Headers
    p Add custom headers like Authorization or Content-Type as needed.
   div
    class docs-card
    h3 Response
    p View status code, headers and formatted JSON response in the right panel.
 section
  id examples
  class examples
  h2 Example APIs
  div
   class examples-grid
   div
    class example-card
    h3 JSONPlaceholder
    p GET https://jsonplaceholder.typicode.com/todos/1
    button
     class example-button
     data-endpoint https://jsonplaceholder.typicode.com/todos/1
     Try It
   div
    class example-card
    h3 Dog API
    p GET https://dog.ceo/api/breeds/image/random
    button
     class example-button
     data-endpoint https://dog.ceo/api/breeds/image/random
     Try It
   div
    class example-card
    h3 IP Geolocation
    p GET https://ipapi.co/json/
    button
     class example-button
     data-endpoint https://ipapi.co/json/
     Try It
footer
 div
  class footer-content
  div
   class footer-links
   a Documentation
    href #docs
   a Examples
    href #examples
   a Edit
    href edit.html
  p A beautiful way to test APIs.