1<!DOCTYPE html> <html lang="en" class="h-full"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>APIC Agent | Detect browser, device from User Agent - Free API</title> <meta name="generator" content="Jekyll v4.3.1"/> <meta property="og:title" content="APIC Agent"/> <meta property="og:locale" content="en_US"/> <meta name="description" content="Free REST API to detect browser, OS, device from user agent string. Use APIC Agentâs easy to use API and avoid hard to maintain user-agent parsing libraries."/> <meta property="og:description" content="Free REST API to detect browser, OS, device from user agent string. Use APIC Agentâs easy to use API and avoid hard to maintain user-agent parsing libraries."/> <link rel="canonical" href="https://www.apicagent.com/"/> <meta property="og:url" content="https://www.apicagent.com/"/> <meta property="og:site_name" content="APIC Agent"/> <meta property="og:image" content="https://soopr.xyz/images/card?url=https://www.apicagent.com/"/> <meta name="twitter:card" content="summary_large_image"/> <meta property="og:image" content="https://soopr.xyz/images/card?url=https://www.apicagent.com/"/> <meta property="twitter:title" content="APIC Agent"/> <meta name="twitter:site" content="@abhinav"/> <meta name="twitter:creator" content="@abhinav"/>
1<script type="application/ld+json"> {"@type":"WebSite","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://www.apicagent.com/assets/img/logo.png"}},"description":"Free REST API to detect browser, OS, device from user agent string. Use APIC Agentâs easy to use API and avoid hard to maintain user-agent parsing libraries.","url":"https://www.apicagent.com/","headline":"APIC Agent","name":"APIC Agent","@context":"https://schema.org"}</script>
1
1<script async defer data-soopr-token="pt_34c30664343b78fd1211283aa84cf7ac" src="https://sdk.soopr.co/soopr.js"></script>
1
1<script src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.min.js" defer></script>
1 <link rel="stylesheet" href="/assets/css/style.css"> <link rel="stylesheet" href="/assets/vendor/@fortawesome/fontawesome-free/css/all.min.css"/> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&family=DM+Mono:wght@400;700&display=swap" rel="stylesheet"><link type="application/atom+xml" rel="alternate" href="https://www.apicagent.com/feed.xml" title="APIC Agent"/><meta name="keywords" content="free user agent api, user agent api, parse user agent api, detect device, detect browser, detect os"/> <link rel="apple-touch-icon" sizes="76x76" href="/assets/img/favicons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicons/favicon-16x16.png"> <link rel="manifest" href="/assets/img/favicons/site.webmanifest"> <link rel="mask-icon" href="/assets/img/favicons/safari-pinned-tab.svg" color="#5bbad5"> <link rel="shortcut icon" href="/assets/img/favicons/favicon.ico"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="msapplication-config" content="/assets/img/favicons/browserconfig.xml"> <meta name="theme-color" content="#ffffff"> </head> <body class="h-full bg-gray-900 max-w-screen-lg mx-auto font-body"><header class="text-gray-400 bg-gray-900 font-body max-w-screen-lg mx-auto"> <div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center"> <a href="/" class="flex title-font font-medium items-center text-white mb-4 md:mb-0"> <svg class="w-12 h-12 text-white-DIS p-2 bg-indigo-500-DIS rounded-full" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="150" cy="150" r="150" fill="#1F242A"/> <path d="M151.32 47.9961C177.023 47.9961 196.301 53.7383 209.152 65.2227C222.004 76.707 228.43 93.7285 228.43 116.287V197.908C228.43 208.709 232.941 214.109 241.965 214.109H249.143C253.791 214.109 257.072 215.203 258.986 217.391C261.037 219.441 262.062 222.996 262.062 228.055C262.062 233.113 261.037 236.736 258.986 238.924C257.072 240.975 253.791 242 249.143 242H236.018C227.131 242 219.475 239.812 213.049 235.438C206.76 230.926 202.658 224.363 200.744 215.75C189.533 225.594 177.365 233.182 164.24 238.514C151.252 243.846 137.443 246.512 122.814 246.512C109.006 246.512 96.7695 244.188 86.1055 239.539C75.5781 234.754 67.3066 227.85 61.291 218.826C55.2754 209.803 52.2676 199.07 52.2676 186.629C52.2676 165.027 59.9922 149.1 75.4414 138.846C90.8906 128.455 110.852 123.26 135.324 123.26C157.062 123.26 177.844 126.746 197.668 133.719V116.287C197.668 103.025 193.908 93.3184 186.389 87.166C179.006 80.877 167.043 77.7324 150.5 77.7324C140.246 77.7324 129.582 79.168 118.508 82.0391C107.434 84.9102 96.9062 88.875 86.9258 93.9336C84.6016 95.1641 82.4824 95.7793 80.5684 95.7793C76.0566 95.7793 72.2969 92.498 69.2891 85.9355C67.7852 82.6543 67.0332 79.9199 67.0332 77.7324C67.0332 72.9473 69.5625 69.2559 74.6211 66.6582C86.1055 60.6426 98.4102 56.0625 111.535 52.918C124.797 49.6367 138.059 47.9961 151.32 47.9961ZM135.529 152.176C119.807 152.176 107.365 154.91 98.2051 160.379C89.1816 165.711 84.6699 174.256 84.6699 186.014C84.6699 195.994 88.0879 203.787 94.9238 209.393C101.896 214.861 111.604 217.596 124.045 217.596C151.252 217.596 175.793 206.316 197.668 183.758V161.404C188.371 158.396 178.391 156.141 167.727 154.637C157.062 152.996 146.33 152.176 135.529 152.176Z" fill="white"/> </svg> <span class="ml-1 text-xl">apicagent</span> </a> <nav class="md:ml-auto flex flex-wrap items-center text-base justify-center"> <a class="mr-5 hover:text-white" href="/docs">docs</a> <a class="mr-5 hover:text-white" href="/#features">features</a>
1 <a href="/#api-details" class="mr-5 inline-flex font-bold lowercase items-center bg-gray-800 border-0 py-1 px-3 focus:outline-none hover:bg-gray-700 rounded text-base mt-4 md:mt-0">Get Started, it's free <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-1" viewBox="0 0 24 24"> <path d="M5 12h14M12 5l7 7-7 7"></path> </svg> </a> <a class="mt-4 md:mt-auto" href="https://www.producthunt.com/posts/apic-agent?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-apic-agent" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=345306&theme=dark" alt="APIC Agent - Free API to detect browser, OS, and device from user-agent | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54"/></a> </nav> </div> <div class="container border-t-2 border-gray-700 text-gray-500 container max-w-screen-lg mx-auto"></div> </header> <div> <div class="text-gray-800 antialiased"> <main> <section class="text-gray-400 bg-gray-900 body-font font-body"> <div class="container mx-auto flex px-5 pt-16 pb-24 md:flex-row flex-col items-center"> <div class="lg:flex-grow md:w-1/2 lg:pr-24 md:pr-16 flex flex-col md:items-start md:text-left mb-16 md:mb-0 items-center text-center"> <h1 class="title-font lg:text-5xl sm:text-4xl text-3xl mb-4 font-medium-DIS text-indigo-200">detect <span class="underline-DIS text-white font-bold">browser, OS,</span> and <span class="underline-DIS text-white font-bold"> device</span> from <span class="underline-DIS text-white font-bold">user agent</span> string </h1> <h2 class="mb-8 text-xl leading-relaxed">A fast user-agent lookup API that detects Browser, OS, Device Type and other attributes from user-agent <br class="lg:inline-block"> <br class="hidden lg:inline-block"> <span>Used by 1000+ users with an uptime of 99.99% and avg response time of 15ms, apicagent is <span class="font-bold underline text-gray-300">FREE</span> to use</span> </h2> <div class="flex justify-center"> <a href="#api-details" class="items-center lowercase inline-flex text-white bg-indigo-500 border-0 py-2 px-6 focus:outline-none hover:bg-indigo-600 rounded text-lg"> Get Started <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24"> <path d="M5 12h14M12 5l7 7-7 7"></path> </svg> </a> <a href="#features" class="lowercase ml-4 inline-flex text-gray-400 bg-gray-800 border-0 py-2 px-6 focus:outline-none hover:bg-gray-700 hover:text-white rounded text-lg"> Know More</a> </div> </div> <div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6"> <img class="object-cover object-center rounded" alt="API response - browser, device and OS data from APIC Agent's user-agent API" src="/assets/img/apicagent-cover.png"> </div> </div> </section> <div class="hidden container border-t-2 border-gray-300 border-dashed text-gray-500 container max-w-xs max-w-screen-sm-DIS mx-auto"> </div> <section class="text-gray-400 border-2 border-gray-500 rounded-lg bg-gray-900 body-font"> <div class="container px-5 pt-12 pb-8 text-center"> <h1 class="sm:text-3xl text-2xl font-bold text-center title-font text-indigo-100">Live Demo</h1> </div> <div class="container px-5 pb-12 mx-auto flex flex-wrap"> <div class="flex flex-wrap -mx-4 mt-auto mb-auto md:w-1/2 w-full content-start sm:pr-10"> <div class="w-full sm:p-4 px-4 mb-6"> <div class="leading-relaxed border-2 rounded border-gray-400 bg-gray-800 p-8"> <p class="text-sm text-gray-200 font-mono" id="demo-user-agent-string"></p> </div> <h1 class="text-center title-font font-medium text-xl mt-4 text-indigo-200">Your User-Agent string</h1> </div> </div> <div class="md:w-1/2 w-full content-start text-xs rounded overflow-hidden mt-6 sm:mt-0"> <figure class="highlight"><pre id="demo-api-response" class="language-javascript h-96 p-4 bg-gray-800 border-2 rounded border-gray-400" data-lang="javascript"> 2 </pre></figure> <h1 class="text-center title-font font-medium text-xl mt-4 text-indigo-200">Live Output from the API</h1> </div> </div> <div class="container px-5 pt-2 pb-8 text-center mb-4"> <a id="try-it-yourself-link" href="https://api.apicagent.com/?ua=Mozilla/5.0%20(Macintosh;
2%20Intel%20Mac%20OS%20X%2010_15_5)%20AppleWebKit/537.36%20(KHTML,%20like%20Gecko)%20Chrome/89.0.4389.114%20Safari/537.36" target="_blank" rel="noreferrer" class="items-center lowercase ml-4 inline-flex text-gray-900 bg-green-300 border-0 py-2 px-6 focus:outline-none hover:bg-green-400 rounded text-lg"> API Demo <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-1" viewBox="0 0 24 24"> <path d="M5 12h14M12 5l7 7-7 7"></path> </svg> </a> <p class="text-gray-300 mt-4 text-sm"> <i class="fas fa-laptop-code"></i> demo uses your user-agent string and apicagent's GET API</p> <p class="text-indigo-300 mt-4 text-sm"> <i class="fas fa-code-branch"></i> <a class="underline font-bold hover:text-indigo-400" href="https://github.com/search?p=2&q=apicagent.com&type=Code">A lot of repositories</a> on Github already use apicagent - <a class="underline font-bold hover:text-indigo-300" href="https://github.com/search?p=2&q=apicagent.com&type=Code">find integration code</a> in programming language of your choice.</p> </div> </section> <section class="text-gray-400 bg-gray-900 body-font font-body"> <div class="container px-5 py-12 mx-auto"> <div class="text-center mb-8"> <h1 class="sm:text-3xl text-2xl font-bold text-center title-font text-white mb-4">Use Cases</h1> <p class="text-base leading-relaxed xl:w-2/4 lg:w-3/4 mx-auto"> There's a lot of hidden information in the user agent string that can help you create a better customer experience and improve your conversion. All in real-time. </p> </div> <div class="flex flex-wrap lg:w-4/5 sm:mx-auto sm:mb-2 -mx-2"> <div class="p-2 sm:w-1/2 w-full"> <div class="bg-gray-800 rounded flex p-4 h-full items-center"> <i class="text-indigo-300 fas fa-mobile-alt mr-4 text-2xl"></i> <span class="title-font font-medium text-white">Right App Download</span> </div> </div> <div class="p-2 sm:w-1/2 w-full"> <div class="bg-gray-800 rounded flex p-4 h-full items-center"> <i class="fa-funnel-dollar fas text-indigo-300 mr-4 text-2xl"></i> <span class="title-font font-medium text-white">Tailored Buying Funnel</span> </div> </div> <div class="p-2 sm:w-1/2 w-full"> <div class="bg-gray-800 rounded flex p-4 h-full items-center"> <i class="fa-quote-left fas text-indigo-300 mr-4 text-2xl"></i> <span class="title-font font-medium text-white">Customized Content</span> </div> </div> <div class="p-2 sm:w-1/2 w-full"> <div class="bg-gray-800 rounded flex p-4 h-full items-center"> <i class="fa-robot fas text-indigo-300 mr-4 text-2xl"></i> <span class="title-font font-medium text-white">Spambot Protection</span> </div> </div> <div class="p-2 sm:w-1/2 w-full"> <div class="bg-gray-800 rounded flex p-4 h-full items-center"> <i class="fa-umbrella fas text-indigo-300 mr-4 text-2xl"></i> <span class="title-font font-medium text-white">Crawler Protection</span> </div> </div> <div class="p-2 sm:w-1/2 w-full"> <div class="bg-gray-800 rounded flex p-4 h-full items-center"> <i class="fa-ad fas text-indigo-300 mr-4 text-2xl"></i> <span class="title-font font-medium text-white">Customized Advertisments</span> </div> </div> </div> <a href="#api-details" class="lowercase flex items-center lg:w-1/5 md:w-1/4 w-full mx-auto text-center mt-12 text-white bg-indigo-500 border-0 py-2 px-8 focus:outline-none hover:bg-indigo-600 rounded text-lg"> Get Started <i class="fa-angle-double-right fas text-white ml-4 text-2xl"></i> </a> </div> </section> <div class="container hidden border-t-2 border-gray-300 border-dashed text-gray-500 container max-w-xs max-w-screen-sm-DIS mx-auto"> </div> <section id="features" class="text-gray-400 bg-gray-900 body-font font-body"> <div class="container px-5 py-12 mx-auto"> <div class="text-center mb-12"> <h1 class="sm:text-3xl text-2xl font-bold text-center title-font text-white mb-4"> Features</h1> <p class="text-base leading-relaxed xl:w-2/4 lg:w-3/4 mx-auto"> Use apicagent's REST API and avoid integrating with hard to maintain user-agent parser libraries - our API can be integrated quickly and is easy to understand. </p> </div> <div class="flex items-center lg:w-3/5 mx-auto border-b pb-10 mb-10 border-gray-800 sm:flex-row flex-col"> <div class="sm:w-32 sm:h-32 h-20 w-20 sm:mr-10 inline-flex items-center justify-center rounded-full text-indigo-400 bg-gray-800 flex-shrink-0"> <i class="fa-laptop-code fas text-indigo-300 text-5xl"></i> </div>
2 <div class="flex-grow sm:text-left text-center mt-6 sm:mt-0"> <h2 class="text-white text-lg title-font font-medium mb-2">Simple to Use</h2> <p class="leading-relaxed text-base">Our REST based JSON API is extremely simple to use, it is very easy to integrate with any programming language or tech stack.</p> </div> </div> <div class="flex items-center lg:w-3/5 mx-auto border-b pb-10 mb-10 border-gray-800 sm:flex-row flex-col"> <div class="flex-grow sm:text-left text-center mt-6 sm:mt-0"> <h2 class="text-white text-lg title-font font-medium mb-2">Accurate Data</h2> <p class="leading-relaxed text-base">Data we use is based on <a class="text-indigo-300" href="https://github.com/matomo-org/device-detector">Matomo's open source device database</a> and is updated frequently.</p> </div> <div class="sm:w-32 order-first sm:order-none sm:h-32 h-20 w-20 sm:ml-10 inline-flex items-center justify-center rounded-full text-indigo-400 bg-gray-800 flex-shrink-0"> <i class="fa-database fas text-indigo-300 text-5xl"></i> </div> </div> <div class="flex items-center lg:w-3/5 mx-auto border-b pb-10 mb-10 border-gray-800 sm:flex-row flex-col"> <div class="sm:w-32 sm:h-32 h-20 w-20 sm:mr-10 inline-flex items-center justify-center rounded-full text-indigo-400 bg-gray-800 flex-shrink-0"> <i class="fa-sun fas text-indigo-300 text-5xl"></i> </div> <div class="flex-grow sm:text-left text-center mt-6 sm:mt-0"> <h2 class="text-white text-lg title-font font-medium mb-2">Scalable Infrastructure</h2> <p class="leading-relaxed text-base">Our software stack is built to scale to millions of requests and our API is also built to respond fast.</p> </div> </div> <div class="flex items-center lg:w-3/5 mx-auto border-b pb-10 mb-10 border-gray-800 sm:flex-row flex-col"> <div class="flex-grow sm:text-left text-center mt-6 sm:mt-0"> <h2 class="text-white text-lg title-font font-medium mb-2">Free</h2> <p class="leading-relaxed text-base">While we are in beta, our API is free to use. We will continue to have a generous free plan when we launch more APIs and our pricing plans.</p> </div> <div class="sm:w-32 order-first sm:order-none sm:h-32 h-20 w-20 sm:ml-10 inline-flex items-center justify-center rounded-full text-indigo-400 bg-gray-800 flex-shrink-0"> <i class="fa-dollar-sign fas text-indigo-300 text-5xl"></i> </div> </div> <div class="mt-12 w-full mx-auto md:w-1/2 border-2 border-indigo-300 p-1 rounded-lg"> <img src="./assets/img/APICAgent140.png" alt="APIC Agent serves 140,000 requests per day already"/> </div> <a href="#api-details" class="lowercase flex items-center lg:w-1/5 md:w-1/4 w-full mx-auto text-center mt-12 text-white bg-indigo-500 border-0 py-2 px-8 focus:outline-none hover:bg-indigo-600 rounded text-lg"> Start Using <i class="fa-angle-double-right fas text-white ml-4 text-2xl"></i> </a> </div> </section> <section class="text-gray-400"> <div class="container my-24 p-6 mx-auto space-y-6 text-center lg:p-12 lg:space-y-8 border-2 border-gray-500 rounded-lg"> <h2 class="text-3xl font-bold text-gray-100">Fully compatible with</h2> <div class="flex flex-wrap justify-center lg:justify-between"> <svg aria-label="Ruby" class="w-12 h-12 mx-10 my-6 fill-current md:mx-12 lg:m-0" fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"> <title>Ruby</title> <path d="M 3.125 23.160156 L 8.183594 14.480469 C 8.230469 14.394531 8.292969 14.316406 8.363281 14.253906 L 17.441406 5.792969 C 17.539063 5.703125 17.65625 5.632813 17.78125 5.585938 L 25.578125 2.722656 L 32.152344 7.316406 L 28.878906 17.722656 L 16.597656 29.132813 L 6.582031 31.378906 Z M 7.296875 33.269531 L 11.96875 46.628906 L 15.8125 31.355469 Z M 42.484375 2.875 L 35.074219 6.992188 L 47.355469 15.910156 C 47.613281 14.761719 47.914063 13.195313 47.984375 11.863281 C 47.980469 11.847656 47.980469 11.828125 47.980469 11.808594 C 48.019531 9.910156 47.707031 7.925781 46.675781 6.210938 C 45.75 4.667969 44.359375 3.539063 42.535156 2.828125 C 42.519531 2.84375 42.507813 2.863281 42.484375 2.875 Z M 34.375 35.578125 L 29.296875 20.058594 L 18.988281 29.644531 Z M 31.144531 19.269531 L 36.1875 34.679688 C 40.132813 30.386719 44.171875 25.246094 46.476563 18.925781 Z M 45.382813 16.949219 L 33.851563 8.578125 L 31.117188 17.269531 Z M 5.761719 34.9375 L 2.335938 40.816406 C 3.507813 46.242188 7.566406 47.457031 10.242188 47.753906 Z M 4.878906 32.484375 L 2 25.644531 L 2 37.421875 Z M 39.921875 2.011719 C 39.90625 2.007813 39.890625 2 39.871094 2 L 28.039063 2 L 33.3125 5.6875 Z M 17.875 31.355469 L 13.777344 47.632813 C 22.109375 46.40625 28.359375 41.929688 33.425781 37.355469 Z M 44.546875 45.648438 C 44.3125 45.648438 44.074219 45.566406 43.882813 45.398438 L 35.617188 38.058594 C 31.984375 41.429688 27.742188 44.855469 22.519531 47.164063 L 44.5625 45.667969 C 44.691406 45.660156 44.8125 45.621094 44.925781 45.570313 C 44.804688 45.621094 44.675781 45.648438 44.546875 45.648438 Z M 37.0625 36.667969 L 45.210938 43.902344 C 45.382813 44.054688 45.472656 44.253906 45.511719 44.460938 L 47.195313 22.414063 C 44.582031 28.078125 40.742188 32.730469 37.0625 36.667969 Z"/> </svg> <div class="w-12 h-12 mx-10 my-6 md:mx-12 lg:m-0"> <i title="Python" class="fa-python fab text-5xl"></i> </div> <div class="w-12 h-12 mx-10 my-6 fill-current md:mx-12 lg:m-0 text-coolGray-600"> <i title="PHP" class="fa-php fab text-5xl"></i> </div> <div class="w-12 h-12 mx-10 my-6 fill-current md:mx-12 lg:m-0 text-coolGray-600"> <i title="Java" class="fa-java fab text-5xl"></i> </div> <div class="w-12 h-12 mx-10 my-6 fill-current md:mx-12 lg:m-0 text-coolGray-600"> <i title="JavaScript" class="fa-js fab text-5xl"></i> </div> <div class="w-12 h-12 mx-10 my-6 fill-current md:mx-12 lg:m-0 text-coolGray-600"> <i title="Node.js" class="fa-node fab text-5xl"></i> </div> <div class="w-12 h-12 mx-10 my-6 fill-current md:mx-12 lg:m-0 text-coolGray-600"> <i title="Erlang" class="fa-erlang fab text-5xl"></i> </div> <div class="w-12 h-12 mx-10 my-6 fill-current md:mx-12 lg:m-0 text-coolGray-600"> <i title="Elixir Phoenix Framework" class="fa-phoenix-framework fab text-5xl"></i> </div> </div> </div> </section>
2 <section id="api-details" class="text-gray-400 bg-gray-900 body-font"> <div class="text-center my-12"> <h1 class="sm:text-3xl text-2xl font-bold text-center title-font text-white mb-4"> Usage</h1> <p class="text-base leading-relaxed xl:w-2/4 lg:w-3/4 mx-auto"> Using apicagent's API is very easy. We provide <code>GET</code> or <code>POST</code> variants of the same API - choose as per your preference, send your user-agent string as input and you get the response that you can use in your application. </p> </div> <div class="container px-5 py-12 mx-auto flex flex-wrap"> <div class="flex flex-wrap -m-4"> <div class="p-4 lg:w-1/2 md:w-full"> <div class="flex border-2 rounded-lg border-gray-600 p-8 sm:flex-row flex-col"> <div class="w-16 h-16 sm:mr-8 sm:mb-0 mb-4 inline-flex items-center justify-center rounded-full bg-gray-800 text-indigo-400 flex-shrink-0"> <i class="fa-chess-rook fas text-indigo-300 text-4xl"></i> </div> <div class="flex-grow"> <h2 class="text-gray-300 text-lg title-font font-mono font-bold mb-3">GET https://api.apicagent.com </h2> <p class="leading-relaxed text-base">Simple and easy to get started with, works in browser too. If you prefer GET APIs, use this.</p> <a class="mt-3 text-indigo-400 inline-flex items-center" href="docs#get-api">Learn more about GET API <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24"> <path d="M5 12h14M12 5l7 7-7 7"></path> </svg> </a> </div> </div> </div> <div class="p-4 lg:w-1/2 md:w-full"> <div class="flex border-2 rounded-lg border-gray-600 p-8 sm:flex-row flex-col"> <div class="w-16 h-16 sm:mr-8 sm:mb-0 mb-4 inline-flex items-center justify-center rounded-full bg-gray-800 text-indigo-400 flex-shrink-0"> <i class="fa-chess-knight fas text-indigo-300 text-4xl"></i> </div> <div class="flex-grow"> <h2 class="text-gray-300 text-lg title-font font-bold font-mono mb-3">POST https://api.apicagent.com </h2> <p class="leading-relaxed text-base">This works exactly like the GET API, except user-agent string is sent inside a JSON object.</p> <a class="mt-3 text-indigo-400 inline-flex items-center" href="/docs#post-api">Learn more about POST API <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24"> <path d="M5 12h14M12 5l7 7-7 7"></path> </svg> </a> </div> </div> </div> </div> </div> <a href="/docs" class="lowercase flex items-center lg:w-1/5 md:w-1/4 w-full mx-auto text-center mt-8 mb-12 text-white bg-indigo-500 border-0 py-2 px-8 focus:outline-none hover:bg-indigo-600 rounded text-lg"> Read Docs <i class="fa-angle-double-right fas text-white ml-4 text-2xl"></i> </a> </section> <section class="relative pt-24 pb-8"> <div class="container max-w-screen-lg mx-auto p-4 mx-auto px-4"> <div class="relative bg-gray-800 border border-indigo-300 flex flex-col min-w-0 break-words w-full mb-6 shadow-xl rounded-lg -mt-64-DIS"> <div class="px-6"> <div class="flex flex-wrap justify-center"> <div class="w-full lg:w-3/12 px-4 flex justify-center"> <div class="relative"> <img alt="..." src="./assets/img/abhinav.jpg" class="shadow-xl rounded-full align-middle border-none absolute -m-16 -ml-20 lg:-ml-16" style="max-width: 100px;"/> </div> </div> </div> <div class="text-center mt-16 font-mono"> <h3 class="text-xl font-semibold leading-normal mb-2 text-indigo-300 mb-2"> Maker's Note </h3> </div> <div class="mt-4 text-center-DIS font-mono"> <div class="flex flex-wrap justify-center"> <div class="py-6 w-full lg:w-9/12 px-4 border-t border-indigo-300"> <p class="mb-4 text-sm leading-relaxed text-indigo-300"> Hi, my name is <a href="https://www.abhinav.co" class="font-bold underline text-indigo-200 hover:text-indigo-400">Abhinav</a>. I am a tech executive turned product maker and hobbyist writer. </p> <p class="mb-4 text-sm leading-relaxed text-indigo-300"> I am building <a href="https://www.apicblocks.com" class="underline text-indigo-200 hover:text-indigo-400">API based building blocks</a> for businesses and developers - apicagent is the first set of APIs that I have released. </p> <p class="mb-4 text-sm leading-relaxed text-indigo-300"> My core hypothesis is that businesses want to focus more on building their core systems and integrate API based blocks for standard features. This way, businesses can reduce their engineering costs as well as ship their products faster. </p> <p class="mb-8 text-sm leading-relaxed text-indigo-300"> If you have any suggestions or want to learn more about future roadmap, please don't hesitate to send me an <a href="mailto:[email protected]" class="text-indigo-200 underline hover:text-indigo-400">email</a> or <a href="https://app.cal.com/abhinavs" class="text-indigo-200 underline hover:text-indigo-400">talk to me</a>. </p> <form action="https://tinyletter.com/soopr" class="w-full" method="post" id="mc-embedded-subscribe-form" target="popupwindow" onsubmit="window.open('https://tinyletter.com/soopr', 'popupwindow', 'scrollbars=yes,width=800,height=600');return true" novalidate=""> <div class="relative w-full sm:w-auto xl:mr-4 lg:mr-0 sm:mr-4 mr-2"> <label for="tlemail" class="leading-7 w-full text-sm text-indigo-300">You can also choose to subscribe to the mailing list to know more about new API launches.</label> <input type="email" id="tlemail" name="email" placeholder="[email protected]" class="w-full bg-gray-800 rounded border bg-opacity-40 border-gray-700 focus:bg-transparent focus:ring-2 focus:ring-indigo-900 focus:border-indigo-500 text-base outline-none text-gray-100 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"> </div> <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="hidden" tabindex="-1" value="1" name="embed"></div> <div class="text-center"> <input type="submit" value="ËËË subscribe ËËË" name="subscribe" class="my-6 uppercase leading-relaxed font-normal text-indigo-500 bg-indigo-200 px-2 py-2 rounded-full hover:text-indigo-600 hover:bg-indigo-300"/> </div> </form> </div> </div> </div> </div> </div> </div> </section> </main> </div>
2<script>function toggleNavbar(e){document.getElementById(e).classList.toggle("hidden"),document.getElementById(e).classList.toggle("block")}function createApiURL(){return user_agent=navigator.userAgent,encodeURI("https://api.apicagent.com?ua=".concat(user_agent))}function setDemoLink(){el=document.getElementById("try-it-yourself-link"),el&&(el.href=createApiURL())}function setUserAgentString(){if(el=document.getElementById("demo-user-agent-string"),el&&(user_agent=navigator.userAgent,el.innerHTML=user_agent),res=document.getElementById("demo-api-response"),res){var e=createApiURL(),n=createCORSRequest("GET",e);n.onload=function(){responseObj=n.response,res.innerHTML=JSON.stringify(responseObj,null,2)},n.onerror=function(){},n.send()}}var createCORSRequest=function(e,n){var t=new XMLHttpRequest;return"withCredentials"in t?t.open(e,n,!0):"undefined"!=typeof XDomainRequest?(t=new XDomainRequest).open(e,n):t=null,t.responseType="json",t};setDemoLink(),setUserAgentString();</script>
2 </div> <div class="container border-t-2 border-gray-700 text-gray-500 container max-w-screen-lg mx-auto"></div> <footer class="text-gray-400 bg-gray-900 body-font"> <div class="container px-5 py-6 mx-auto"> <div class="flex flex-wrap md:text-left text-center order-first"> <div class="lg:w-1/4 sm:w-1/2 px-4"> <h2 class="title-font font-medium text-white tracking-widest text-sm mb-3">APICAGENT</h2> <ul class="list-none mb-10"> <li> <a class="text-gray-400 font-semibold-DIS hover:text-white" href="/about">About Us</a> </li> <li> <a class="text-gray-400 font-semibold-DIS hover:text-white" href="/blog">Blog</a> </li> <li> <a class="text-gray-400 font-semibold-DIS hover:text-white" href="/docs">Docs</a> </li> <li> <a class="text-gray-400 font-semibold-DIS hover:text-white" href="/terms">Terms</a> </li> <li> <a class="text-gray-400 font-semibold-DIS hover:text-white" href="/privacy-policy">Privacy Policy</a> </li> <li> <a class="text-gray-400 font-semibold-DIS hover:text-white" href="/waitlist">Mailing List</a> </li> <li> <a class="text-gray-400 font-semibold-DIS hover:text-white" href="/b">Misc Posts</a> </li> </ul> </ul> </div> <div class="lg:w-1/4 sm:w-1/2 px-4"> <h2 class="title-font font-medium text-white tracking-widest text-sm mb-3">CREDITS</h2> <ul class="list-none mb-10"> <li> <a class="hover:text-white font-semibold-DIS" href="https://github.com/matomo-org/device-detector" target="_blank" rel="noreferrer">Device Detector</a> </li> <li> <a class="hover:text-white font-semibold-DIS" href="https://fontawesome.com/" target="_blank" rel="noreferrer">Font Awesome</a> </li> <li> <a class="hover:text-white font-semibold-DIS" href="https://tailblocks.cc/" target="_blank" rel="noreferrer">Tailblocks</a> </li> <li> <a class="hover:text-white font-semibold-DIS" href="https://github.com/abhinavs/cookie" target="_blank" rel="noreferrer">Cookie</a> </li> <li> <a class="hover:text-white font-semibold-DIS" href="https://www.soopr.co" target="_blank">Soopr</a> </li> <li> <a class="hover:text-white font-semibold-DIS" href="https://fonts.google.com/specimen/DM+Sans" target="_blank" rel="noreferrer">DM Sans Font</a> </li> </ul> </div> <div class="lg:w-2/4 md:w-1/2 w-full px-4"> <h2 class="title-font font-medium text-white tracking-widest text-sm mb-3">SUBSCRIBE</h2> <div class="flex xl:flex-nowrap md:flex-nowrap lg:flex-wrap flex-wrap justify-center items-end md:justify-start"> <form action="https://tinyletter.com/soopr" method="post" id="mc-embedded-subscribe-form" target="popupwindow" onsubmit="window.open('https://tinyletter.com/soopr', 'popupwindow', 'scrollbars=yes,width=800,height=600');return true" novalidate=""> <div class="relative w-40 sm:w-auto xl:mr-4 lg:mr-0 sm:mr-4 mr-2"> <label for="tlemail" class="leading-7 text-sm text-gray-400">We will keep you posted about new API launches and enhancements</label> <input type="email" id="tlemail" name="email" placeholder="[email protected]" class="w-full bg-gray-800 rounded border bg-opacity-40 border-gray-700 focus:bg-transparent focus:ring-2 focus:ring-indigo-900 focus:border-indigo-500 text-base outline-none text-gray-100 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"> </div> <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="hidden" tabindex="-1" value="1" name="embed"></div> <input type="submit" value="subscribe â" name="subscribe" class="mt-4 flex-shrink-0 inline-flex text-white bg-indigo-500 border-0 py-2 px-6 focus:outline-none hover:bg-indigo-600 rounded"/> </form> </div> <p class="text-gray-500 text-sm mt-2 md:text-left text-center">Sponsored by <a class="hover:text-white font-semibold text-gray-300" href="https://www.soopr.co" target="_blank" rel="noreferrer">Soopr</a>. <br class="lg:block hidden">We promise to not spam you. </p> </div> </div> </div> <div class="flex flex-wrap items-center my-4 md:justify-between justify-center"> <div class="w-full px-4 mx-auto text-center"> <div class="text-sm text-gray-600"> Powered by <a class="hover:text-indigo-600 font-bold" href="https://www.soopr.co" target="_blank" rel="noreferrer">Soopr</a> ⢠Site bootstrapped using <a class="hover:text-indigo-600 font-bold" href="https://github.com/abhinavs/cookie" target="_blank" rel="noreferrer">Cookie</a> </div> </div> </div> <div class="bg-gray-800 my-4 bg-opacity-75"> <div class="container px-5 py-4 mx-auto flex items-center sm:flex-row flex-col"> <a href="/" class="flex title-font font-medium items-center md:justify-start justify-center text-white"> <svg class="w-12 h-12 text-white-DIS p-2 bg-indigo-500-DIS rounded-full" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="150" cy="150" r="150" fill="#1F242A"/> <path d="M151.32 47.9961C177.023 47.9961 196.301 53.7383 209.152 65.2227C222.004 76.707 228.43 93.7285 228.43 116.287V197.908C228.43 208.709 232.941 214.109 241.965 214.109H249.143C253.791 214.109 257.072 215.203 258.986 217.391C261.037 219.441 262.062 222.996 262.062 228.055C262.062 233.113 261.037 236.736 258.986 238.924C257.072 240.975 253.791 242 249.143 242H236.018C227.131 242 219.475 239.812 213.049 235.438C206.76 230.926 202.658 224.363 200.744 215.75C189.533 225.594 177.365 233.182 164.24 238.514C151.252 243.846 137.443 246.512 122.814 246.512C109.006 246.512 96.7695 244.188 86.1055 239.539C75.5781 234.754 67.3066 227.85 61.291 218.826C55.2754 209.803 52.2676 199.07 52.2676 186.629C52.2676 165.027 59.9922 149.1 75.4414 138.846C90.8906 128.455 110.852 123.26 135.324
2123.26C157.062 123.26 177.844 126.746 197.668 133.719V116.287C197.668 103.025 193.908 93.3184 186.389 87.166C179.006 80.877 167.043 77.7324 150.5 77.7324C140.246 77.7324 129.582 79.168 118.508 82.0391C107.434 84.9102 96.9062 88.875 86.9258 93.9336C84.6016 95.1641 82.4824 95.7793 80.5684 95.7793C76.0566 95.7793 72.2969 92.498 69.2891 85.9355C67.7852 82.6543 67.0332 79.9199 67.0332 77.7324C67.0332 72.9473 69.5625 69.2559 74.6211 66.6582C86.1055 60.6426 98.4102 56.0625 111.535 52.918C124.797 49.6367 138.059 47.9961 151.32 47.9961ZM135.529 152.176C119.807 152.176 107.365 154.91 98.2051 160.379C89.1816 165.711 84.6699 174.256 84.6699 186.014C84.6699 195.994 88.0879 203.787 94.9238 209.393C101.896 214.861 111.604 217.596 124.045 217.596C151.252 217.596 175.793 206.316 197.668 183.758V161.404C188.371 158.396 178.391 156.141 167.727 154.637C157.062 152.996 146.33 152.176 135.529 152.176Z" fill="white"/> </svg> <span class="ml-3 text-xl">apicagent</span> </a> <p class="text-sm text-gray-400 sm:ml-6 sm:mt-0 mt-4">© 2022 APIC Labs </p> <div class="soopr-btn inline-flex sm:ml-auto sm:mt-0 mt-4 justify-center sm:justify-start"> </div> </div> </div> </footer> </body> </html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.