Update @Cloud descriptions

This commit is contained in:
Faisal Salman 2025-08-09 11:19:00 +07:00
parent c44614bd7d
commit 1a74d8228c
2 changed files with 72 additions and 68 deletions

View File

@ -6,15 +6,15 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="keywords" <meta name="keywords"
content="browser detection, user-agent, ua-parser-js, rest, api, javascript, typescript, python, java, php, golang, ruby, c#, curl, detect os, mobile, tablet, detect device, cpu, nodejs, jquery, client hints, bots, iphone, ipad, android" /> content="browser detection, user-agent, ua-parser-js, rest, api, javascript, typescript, python, java, php, golang, ruby, c#, curl, detect os, mobile, tablet, detect device, cpu, nodejs, jquery, client hints, bots, iphone, ipad, android" />
<meta name="description" content="UAParser @cloud instantly analyze user-agent data for accurate insights. Effortlessly integrate with any tech stack using our REST API. Improve analytics, security, & personalization with precision."> <meta name="description" content="UAParser @Cloud instantly analyze user-agent data for accurate insights. Effortlessly integrate with any tech stack to our REST API or any AI agent to our MCP. Improve analytics, security, & personalization with precision.">
<meta name="application-name" content="UAParser @cloud"> <meta name="application-name" content="UAParser @Cloud">
<meta property="og:title" content="UAParser @cloud"> <meta property="og:title" content="UAParser @Cloud">
<meta property="og:url" content="https://uaparser.dev/cloud"> <meta property="og:url" content="https://uaparser.dev/cloud">
<meta property="og:image" content="https://uaparser.dev/images/uap-cloud-api.png"> <meta property="og:image" content="https://uaparser.dev/images/uap-cloud-api.png">
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:description" content="Transform User Data into Valuable Insights"> <meta property="og:description" content="Transform User Data into Valuable Insights">
<meta property="og:locale" content="en_US"> <meta property="og:locale" content="en_US">
<title>UAParser @cloud | Analyze user-agent data for accurate insights via REST API</title> <title>UAParser @Cloud | Understand your users. Instantly. Reliably.</title>
<link rel="stylesheet" type="text/css" href="../semantic-ui/semantic.css"> <link rel="stylesheet" type="text/css" href="../semantic-ui/semantic.css">
<link rel="stylesheet" type="text/css" href="../css/style.css"> <link rel="stylesheet" type="text/css" href="../css/style.css">
<link rel="icon" type="image/png" href="../images/uap-logo.png"> <link rel="icon" type="image/png" href="../images/uap-logo.png">
@ -22,16 +22,15 @@
<script src="../semantic-ui/semantic.js"></script> <script src="../semantic-ui/semantic.js"></script>
<script src="https://assets.lemonsqueezy.com/lemon.js" defer></script> <script src="https://assets.lemonsqueezy.com/lemon.js" defer></script>
<script src="//code.tidio.co/hu6mx7fw2r6llmfzxj5llesd5l51q5dv.js" async></script> <script src="//code.tidio.co/hu6mx7fw2r6llmfzxj5llesd5l51q5dv.js" async></script>
<script defer src="https://app.tinyanalytics.io/pixel/9nNpPJDLeUns0LD3"></script>
</head> </head>
<body> <body>
<div class="pusher"> <div class="pusher">
<div class="ui inverted instagram vertical masthead center aligned segment"> <div class="ui inverted instagram vertical masthead center aligned segment">
<div class="ui text container"> <div class="ui text container">
<a href="https://uaparser.dev/cloud"><h1> <a href="https://uaparser.dev/cloud"><h1>
UAParser @cloud UAParser @Cloud
</h1></a> </h1></a>
<h2>Turning Raw User Data into Valuable Insights</h2> <h2>Understand your users. Instantly. Reliably.</h2>
<img alt="UAParser.js Illustration" class="ui centered image illustration" src="../images/uap-cloud-header.png" /> <img alt="UAParser.js Illustration" class="ui centered image illustration" src="../images/uap-cloud-header.png" />
</div> </div>
</div> </div>
@ -42,10 +41,10 @@
<div class="column"> <div class="column">
<div class="ui basic segment"> <div class="ui basic segment">
<h3 class="ui header"> <h3 class="ui header">
<i class="clock icon"></i> <i class="bolt icon"></i>
<div class="content">Real-Time Analysis</div> <div class="content">Real-Time Analysis</div>
</h3> </h3>
<p>Instantly analyze user-agent data for accurate insights.</p> <p>Instantly analyze each request headers for accurate insights.</p>
</div> </div>
</div> </div>
<div class="column"> <div class="column">
@ -54,7 +53,7 @@
<i class="object group outline icon"></i> <i class="object group outline icon"></i>
<div class="content">Seamless Integration</div> <div class="content">Seamless Integration</div>
</h3> </h3>
<p>Effortlessly integrate our service to your existing stack using REST API.</p> <p>Effortlessly integrate your existing stack or AI agent to our API / MCP service.</p>
</div> </div>
</div> </div>
<div class="column"> <div class="column">
@ -65,7 +64,7 @@
Optimize & Enhance Optimize & Enhance
</div> </div>
</h3> </h3>
<p>Improve analytics, security, & personalization with precision.</p> <p>Improve analytics, security, & personalization with enhanced accuracy.</p>
</div> </div>
</div> </div>
</div> </div>
@ -75,10 +74,10 @@
<thead> <thead>
<tr><th></th> <tr><th></th>
<th>Starter</th> <th>Starter</th>
<th>Basic</th> <th>Growth</th>
<th>Plus</th> <th>Scale</th>
<th>Professional</th> <th>Business</th>
<th>Advanced</th> <th>Enterprise</th>
</tr></thead> </tr></thead>
<tbody> <tbody>
<tr> <tr>
@ -90,9 +89,9 @@
</td> </td>
<td>250,000 <td>250,000
</td> </td>
<td>500,000 <td>1,000,000
</td> </td>
<td>More <td>10,000,000
</td> </td>
</tr> </tr>
<tr> <tr>
@ -100,19 +99,19 @@
Monthly price Monthly price
</td> </td>
<td> <td>
<h2 class="ui center aligned header">$9</h2> <h2 class="ui center aligned header">$5</h2>
</td> </td>
<td> <td>
<h2 class="ui center aligned header">$19</h2> <h2 class="ui center aligned header">$15</h2>
</td> </td>
<td> <td>
<h2 class="ui center aligned header">$29</h2> <h2 class="ui center aligned header">$25</h2>
</td> </td>
<td> <td>
<h2 class="ui center aligned header">$49</h2> <h2 class="ui center aligned header">$50</h2>
</td> </td>
<td> <td>
Customized <h2 class="ui center aligned header">$450</h2>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -131,7 +130,7 @@
<button class="ui grey button" disabled>SIGNUP</button> <button class="ui grey button" disabled>SIGNUP</button>
</td> </td>
<td> <td>
<button class="ui grey button" disabled>CONTACT</button> <button class="ui grey button" disabled>SIGNUP</button>
</td> </td>
</tr> </tr>
</tbody> </tbody>
@ -145,7 +144,7 @@
<div class="ui basic segment"> <div class="ui basic segment">
<form class="ui form" id="signupForm" method="post"> <form class="ui form" id="signupForm" method="post">
<h3 class="ui dividing header">Coming Soon in 3.. 2..</h3> <h3 class="ui dividing header">Coming Soon in 3.. 2..</h3>
<p>Be the first to know when UAParser @cloud API is live! Subscribe now and get exclusive early access, updates, and special offers.</p> <p>Be the first to know when UAParser @Cloud API/MCP is live! Subscribe now and get exclusive early access, updates, and special offers.</p>
<div class="two fields"> <div class="two fields">
<div class="field"> <div class="field">
<label for="name">Name</label> <label for="name">Name</label>
@ -279,7 +278,7 @@
<div class="ui sub header"> <div class="ui sub header">
Introduction Introduction
</div> </div>
<p>Welcome to UAParser @cloud. This Privacy Policy explains how we collect, use, and protect your information when you use our service.</p> <p>Welcome to UAParser @Cloud. This Privacy Policy explains how we collect, use, and protect your information when you use our service.</p>
<div class="ui sub header"> <div class="ui sub header">
Information We Collect Information We Collect
@ -293,7 +292,7 @@
How We Use Your Information How We Use Your Information
</div> </div>
<ul> <ul>
<li>To provide and improve our UAParser @cloud services.</li> <li>To provide and improve our UAParser @Cloud services.</li>
<li>To enhance security and prevent fraudulent activities.</li> <li>To enhance security and prevent fraudulent activities.</li>
<li>To communicate service updates and respond to inquiries.</li> <li>To communicate service updates and respond to inquiries.</li>
</ul> </ul>

View File

@ -27,7 +27,6 @@
<script src="js/ua-parser.js"></script> <script src="js/ua-parser.js"></script>
<script src="js/ua-list-example.js"></script> <script src="js/ua-list-example.js"></script>
<script src="js/script.js"></script> <script src="js/script.js"></script>
<script defer src="https://app.tinyanalytics.io/pixel/9nNpPJDLeUns0LD3"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script src="https://assets.lemonsqueezy.com/lemon.js" defer></script> <script src="https://assets.lemonsqueezy.com/lemon.js" defer></script>
<script src="//code.tidio.co/hu6mx7fw2r6llmfzxj5llesd5l51q5dv.js" async></script> <script src="//code.tidio.co/hu6mx7fw2r6llmfzxj5llesd5l51q5dv.js" async></script>
@ -41,7 +40,7 @@
<h2>Abstracts Away The Hassle of User-Agent Detection</h2> <h2>Abstracts Away The Hassle of User-Agent Detection</h2>
<a href="#demo" class="ui violet large button"><i class="magic icon"></i>Demo</a> <a href="#demo" class="ui violet large button"><i class="magic icon"></i>Demo</a>
<a href="#download" class="ui blue large button"><i class="download icon"></i>Download</a> <a href="#download" class="ui blue large button"><i class="download icon"></i>Download</a>
<a href="#cloud" class="ui red large button"><i class="cloud icon"></i>@cloud</a> <a href="#cloud" class="ui red large button"><i class="cloud icon"></i>@Cloud API / MCP</a>
<a href="https://docs.uaparser.dev" class="ui green large button" target="_blank"><i class="book icon"></i>Docs <i class="icon arrow circle right"></i></a> <a href="https://docs.uaparser.dev" class="ui green large button" target="_blank"><i class="book icon"></i>Docs <i class="icon arrow circle right"></i></a>
</div> </div>
<img alt="UAParser.js Illustration" class="ui centered image illustration" src="images/uap-illustrations.png" /> <img alt="UAParser.js Illustration" class="ui centered image illustration" src="images/uap-illustrations.png" />
@ -76,15 +75,21 @@
class="clipboard icon"></i>COPY TO CLIPBOARD</button> class="clipboard icon"></i>COPY TO CLIPBOARD</button>
</div> </div>
<div class="ui basic segment center aligned"> <div class="ui basic segment center aligned">
<p class="what-provides" id="ua-txt-info"> <div class="what-provides" id="ua-txt-info">
What your browser tells you = 😵‍💫 🤯 ❌ What your browser tells you = 😵‍💫💢 😭💸
</p> <span class="ui mini red label">Complex</span>
<span class="ui mini red label">Costly</span>
<span class="ui mini red label">Expensive</span>
</div>
<div class="ui horizontal divider"> <div class="ui horizontal divider">
VS VS
</div> </div>
<p class="what-provides"> <div class="what-provides">
What UAParser.js provides = 🙂 💲💲💲 ✅ What UAParser.js gives you = 🙂✨💡💰 ✅
</p> <span class="ui mini green label">Smart</span>
<span class="ui mini green label">Insightful</span>
<span class="ui mini green label">Valuable</span>
</div>
</div> </div>
<pre><code id="ua-result" class="language-json"></code></pre> <pre><code id="ua-result" class="language-json"></code></pre>
</div> </div>
@ -219,30 +224,30 @@
<div class="column"> <div class="column">
<div class="ui basic segment"> <div class="ui basic segment">
<h3 class="ui header"> <h3 class="ui header">
<i class="filter icon"></i> <i class="tasks icon"></i>
<div class="content">Extracts Valuable Data</div> <div class="content">Clean & Well-Structured</div>
</h3> </h3>
<p>UAParser.js filters the noise away and only extracts the most meaningful data in a well-structured format.</p> <p>Effortless user-agent detection integration.</p>
</div>
</div>
<div class="column">
<div class="ui basic segment">
<h3 class="ui header">
<i class="bolt icon"></i>
<div class="content">Vast Detection Categories</div>
</h3>
<p>Detects various devices, browsers, bots, and more.</p>
</div> </div>
</div> </div>
<div class="column"> <div class="column">
<div class="ui basic segment"> <div class="ui basic segment">
<h3 class="ui header"> <h3 class="ui header">
<i class="paper plane icon"></i> <i class="paper plane icon"></i>
<div class="content">Relatively Small Footprint</div>
</h3>
<p>While UAParser.js covers a vast range of detection, on the other hand its size is always kept to be as light as possible.</p>
</div>
</div>
<div class="column">
<div class="ui basic segment">
<h3 class="ui header">
<i class="js square icon"></i>
<div class="content"> <div class="content">
Zero-deps Vanilla JS Minimal Footprint
</div> </div>
</h3> </h3>
<p>No dependencies, bloated framework, unnecessary boilerplate, transpiler, or large-sized files required.</p> <p>Maintains optimal app performance.</p>
</div> </div>
</div> </div>
</div> </div>
@ -250,32 +255,32 @@
<div class="column"> <div class="column">
<div class="ui basic segment"> <div class="ui basic segment">
<h3 class="ui header"> <h3 class="ui header">
<i class="github icon"></i> <i class="magic icon"></i>
<div class="content"> <div class="content">
100% Open Source Isomorphic Library
</div> </div>
</h3> </h3>
<p>UAParser.js is open source from the start. If you need more flexibility, PRO licenses are also available.</p> <p>Compatible with both browser and Node.js.</p>
</div>
</div>
<div class="column">
<div class="ui basic segment">
<h3 class="ui header">
<i class="keyboard icon"></i>
<div class="content">
Best Developer Experience
</div>
</h3>
<p>UAParser.js generates a plugin for jQuery user, and provides predefined type declarations for TypeScript user.</p>
</div> </div>
</div> </div>
<div class="column"> <div class="column">
<div class="ui basic segment"> <div class="ui basic segment">
<h3 class="ui header"> <h3 class="ui header">
<i class="npm icon"></i> <i class="npm icon"></i>
<div class="content">Client-side & Server-side</div> <div class="content">
Public npm Package
</div>
</h3> </h3>
<p>UAParser.js is an isomorphic JavaScript library, it can be run either in browser or node.js environment. <p>Easily integrates into your workflow.</p>
</div>
</div>
<div class="column">
<div class="ui basic segment">
<h3 class="ui header">
<i class="sync icon"></i>
<div class="content">Lifetime Updates</div>
</h3>
<p>Stay up to date with evolving trends.</p>
</div> </div>
</div> </div>
</div> </div>
@ -1297,7 +1302,7 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
</div> </div>
</div> </div>
</div> </div>
<div class="ui horizontal divider"> <!--div class="ui horizontal divider">
SUPPORTED BY THE AMAZING OPEN-SOURCE COMMUNITIES SUPPORTED BY THE AMAZING OPEN-SOURCE COMMUNITIES
</div> </div>
<div class="ui tall stacked segment"> <div class="ui tall stacked segment">
@ -1331,7 +1336,7 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
<a href="https://github.com/sponsors/faisalman" class="ui labeled icon black large button" target="_blank"> <a href="https://github.com/sponsors/faisalman" class="ui labeled icon black large button" target="_blank">
<i class="github alternate icon"></i>GITHUB SPONSORS</a> <i class="github alternate icon"></i>GITHUB SPONSORS</a>
</div> </div>
</div> </div-->
<div class="ui horizontal divider"> <div class="ui horizontal divider">
CHOOSE YOUR DOWNLOAD PACKAGE CHOOSE YOUR DOWNLOAD PACKAGE
</div> </div>
@ -1540,10 +1545,10 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
</div> </div>
<div class="ui tall stacked segment"> <div class="ui tall stacked segment">
<div class="ui basic centered segment" id="cloud"> <div class="ui basic centered segment" id="cloud">
<h2 class="ui dividing header">UAParser @cloud<div class="floating ui red massive label">NEW</div><div class="sub header">Our @cloud REST API web service offers seamless integration with any tech stack</div> <h2 class="ui dividing header">UAParser @Cloud<div class="floating ui red massive label">NEW</div><div class="sub header">Our @Cloud REST API / MCP service offers seamless integration with any tech stack or AI agent</div>
</h2> </h2>
<a href="/cloud" target="_blank"><img alt="UAParser.js Illustration" class="ui centered image illustration" src="images/uap-cloud-api.png" /></a> <a href="/cloud" target="_blank"><img alt="UAParser.js Illustration" class="ui centered image illustration" src="images/uap-cloud-api.png" /></a>
<pre><code># Example <pre><code># REST API Example
POST https://api.uaparser.dev/cloud/v1/identify/device POST https://api.uaparser.dev/cloud/v1/identify/device
Content-Type: application/json Content-Type: application/json