milo/Crypto-Scraper
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
Crypto-Scraper/tests/0x_org.html

716 lines
124 KiB
HTML
Raw Normal View History

First commit/push
2025-05-05 22:58:57 -04:00
<!DOCTYPE html><!-- Last Published: Thu Feb 13 2025 15:49:55 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="webflow.internal.0x.org" data-wf-page="66967cfef0a246cbbb9aee96" data-wf-site="66967cfef0a246cbbb9aee94" lang="en" data-wf-locale="en"><head><meta charset="utf-8"/><title>0x | Powerful APIs to build financial apps on crypto rails</title><meta content="Developers’ one-stop shop to enable faster crypto trading, better prices, and superior UX. Get started now at 0x.org." name="description"/><meta content="0x | Powerful APIs to build financial apps on crypto rails" property="og:title"/><meta content="Developers’ one-stop shop to enable faster crypto trading, better prices, and superior UX. Get started now at 0x.org." property="og:description"/><meta content="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/674f25a3d9ec9fc751ccc679_0x_Open%20Graph%20Image.jpg" property="og:image"/><meta content="0x | Powerful APIs to build financial apps on crypto rails" property="twitter:title"/><meta content="Developers’ one-stop shop to enable faster crypto trading, better prices, and superior UX. Get started now at 0x.org." property="twitter:description"/><meta content="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/674f25a3d9ec9fc751ccc679_0x_Open%20Graph%20Image.jpg" property="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/css/0x-2024.93dcbd6f2.min.css" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><script type="text/javascript">WebFont.load({ google: { families: ["Inconsolata:400,700","Roboto Mono:regular"] }});</script><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/674f2c1cff5b03cb483cfb3e_favicon-32x32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/640bf70a17d12b42d97a052b/643684705f25ee831d18191a_favicon256.png" rel="apple-touch-icon"/>
<style type="text/css">
body {
-webkit-font-smoothing: antialiased;
font-variant-numeric: slashed-zero;
}
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-variant-numeric: slashed-zero;
}
.tippy-box[data-theme~="zeroex"] {
background-color: white;
padding: 12px 16px 12px 12px;
border-radius: 8px;
border: 1px solid var(--gray-200, #E4E4E7);
background: var(--base-white, #FFF);
box-shadow: 0px 3px 28px 0px rgba(24, 24, 27, 0.10);
color: var(--gray-700, #3F3F46);
/* Desktop & Mobile/Body S */
font-size: 14px;
font-family: PolySans;
font-style: normal;
font-weight: 400;
line-height: 120%;
}
</style>
<!-- Tooltips -->
<script src="https://unpkg.com/@popperjs/core@2" async></script>
<script id="tippy-loader" src="https://unpkg.com/tippy.js@6" async></script>
<!-- Amplitude -->
<script type="text/javascript">
!(function () {
"use strict";
!(function (e, t) {
var n = e.amplitude || { _q: [], _iq: {} };
if (n.invoked) {
// don't log
} else {
var r = function (e, t) {
e.prototype[t] = function () {
return (
this._q.push({
name: t,
args: Array.prototype.slice.call(arguments, 0),
}),
this
);
};
},
s = function (e, t, n) {
return function (r) {
e._q.push({
name: t,
args: Array.prototype.slice.call(n, 0),
resolve: r,
});
};
},
o = function (e, t, n) {
e[t] = function () {
if (n)
return {
promise: new Promise(
s(e, t, Array.prototype.slice.call(arguments))
),
};
};
},
i = function (e) {
for (var t = 0; t < y.length; t++) o(e, y[t], !1);
for (var n = 0; n < g.length; n++) o(e, g[n], !0);
};
n.invoked = !0;
var a = t.createElement("script");
(a.type = "text/javascript"),
(a.integrity =
"sha384-TPZhteUkZj8CAyBx+GZZytBdkuKnhKsSKcCoVCq0QSteWf/Kw5Kb9oVFUROLE1l3"),
(a.crossOrigin = "anonymous"),
(a.async = !0),
(a.src =
"https://cdn.amplitude.com/libs/analytics-browser-1.9.1-min.js.gz"),
(a.onload = function () {
e.amplitude.runQueuedFunctions ||
console.log("[Amplitude] Error: could not load SDK");
});
var c = t.getElementsByTagName("script")[0];
c.parentNode.insertBefore(a, c);
for (
var u = function () {
return (this._q = []), this;
},
l = [
"add",
"append",
"clearAll",
"prepend",
"set",
"setOnce",
"unset",
"preInsert",
"postInsert",
"remove",
"getUserProperties",
],
p = 0;
p < l.length;
p++
)
r(u, l[p]);
n.Identify = u;
for (
var d = function () {
return (this._q = []), this;
},
f = [
"getEventProperties",
"setProductId",
"setQuantity",
"setPrice",
"setRevenue",
"setRevenueType",
"setEventProperties",
],
v = 0;
v < f.length;
v++
)
r(d, f[v]);
n.Revenue = d;
var y = [
"getDeviceId",
"setDeviceId",
"getSessionId",
"setSessionId",
"getUserId",
"setUserId",
"setOptOut",
"setTransport",
"reset",
],
g = [
"init",
"add",
"remove",
"track",
"logEvent",
"identify",
"groupIdentify",
"setGroup",
"revenue",
"flush",
];
i(n),
(n.createInstance = function (e) {
return (n._iq[e] = { _q: [] }), i(n._iq[e]), n._iq[e];
}),
(e.amplitude = n);
}
})(window, document);
})();
const isProduction = /https:\/\/(www\.)?0x\.org/gm.test(
window.location.origin
);
const amplitudeKey = isProduction
? "2c14f0acafb192937da25e1f8136a841"
: "7a6eb8646631c9274e0ee19bef2180fa";
amplitude.init(amplitudeKey, /* opt_userId */ undefined, {
defaultTracking: true,
logLevel: isProduction ? "Error" : "Debug",
});
</script>
<script type="application/ld+json">
{
"@context" : "https://schema.org",
"@type" : "WebSite",
"name" : "0x",
"url" : "https://0x.org/"
}
</script>
<script>
window['_fs_host'] = 'fullstory.com';
window['_fs_script'] = 'edge.fullstory.com/s/fs.js';
window['_fs_org'] = 'o-1RR7B6-na1';
window['_fs_namespace'] = 'FS';
(function(m,n,e,t,l,o,g,y){
if (e in m) {if(m.console && m.console.log) { m.console.log('FullStory namespace conflict. Please set window["_fs_namespace"].');} return;}
g=m[e]=function(a,b,s){g.q?g.q.push([a,b,s]):g._api(a,b,s);};g.q=[];
o=n.createElement(t);o.async=1;o.crossOrigin='anonymous';o.src='https://'+_fs_script;
y=n.getElementsByTagName(t)[0];y.parentNode.insertBefore(o,y);
g.identify=function(i,v,s){g(l,{uid:i},s);if(v)g(l,v,s)};g.setUserVars=function(v,s){g(l,v,s)};g.event=function(i,v,s){g('event',{n:i,p:v},s)};
g.anonymize=function(){g.identify(!!0)};
g.shutdown=function(){g("rec",!1)};g.restart=function(){g("rec",!0)};
g.log = function(a,b){g("log",[a,b])};
g.consent=function(a){g("consent",!arguments.length||a)};
g.identifyAccount=function(i,v){o='account';v=v||{};v.acctId=i;g(o,v)};
g.clearUserCookie=function(){};
g.setVars=function(n, p){g('setVars',[n,p]);};
g._w={};y='XMLHttpRequest';g._w[y]=m[y];y='fetch';g._w[y]=m[y];
if(m[y])m[y]=function(){return g._w[y].apply(this,arguments)};
g._v="1.3.0";
})(window,document,window['_fs_namespace'],'script','user');
</script>
<script>
window.intercomSettings = {
api_base: "https://api-iam.intercom.io",
app_id: "rfed2clm"
};
</script>
<script>
// We pre-filled your app ID in the widget URL: 'https://widget.intercom.io/widget/rfed2clm'
(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/rfed2clm';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(document.readyState==='complete'){l();}else if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-okaidia.min.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.css" /></head><body class="body-0x"><div class="nav-wrapper"><nav class="navbar-container"><div data-w-id="98b43bc9-13ca-7d17-58df-d3b0b2b826ac" data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar-lg w-nav"><div class="logo-container"><a href="/" aria-current="page" class="w-inline-block w--current"><img src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66967cfef0a246cbbb9aeeee_logo.svg" loading="eager" alt="0x Logo wordmark, a bold &quot;zero&quot; and &quot;ex&quot;" class="_0x-logo"/></a></div><nav role="navigation" class="nav-menu-container w-nav-menu"><div class="nav-menu"><div data-hover="true" data-delay="100" class="dropdown w-dropdown"><div class="button-normal button-left button-hover no-cursor-pointer w-dropdown-toggle"><div class="nav-menu-lg-products-text">Products</div><img src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66967cfef0a246cbbb9aef3e_icon-arrow-down-800.svg" loading="lazy" width="10" alt="" class="products-arrow-down"/></div><nav class="menu-lg-product-dropdown-container dropdown-list-2 w-dropdown-list"><div class="menu-lg-products-dropdown"><a href="/products/swap" class="menu-lg-product-button w-inline-block"><div class="menu-lg-product-icon-wrapper"><img src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66ea5d3f9ea5a1f8d95ad1b9_Swap%20API%20Small.png" loading="lazy" alt="" class="menu-lg-product-button-image"/></div><div class="menu-lg-product-button-text"><div class="menu-lg-product-button-heading"><div class="menu-lg-product-button-product-text">Swap</div><div class="menu-md-product-button-api-text"> API</div></div><p class="body-s mb-0 text-gray-500">Embed swaps in your app</p></div></a><a href="/products/gasless" class="menu-lg-product-button w-inline-block"><div class="menu-lg-product-icon-wrapper"><img src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66ea5d3f13857dfa27bdc4fa_Gasless-small.png" loading="lazy" alt="" class="menu-lg-product-button-image"/></div><div class="menu-lg-product-button-text"><div class="menu-lg-product-button-heading"><div class="menu-lg-product-button-product-text">Gasless</div><div class="menu-md-product-button-api-text"> API</div></div><p class="body-s mb-0 text-gray-500">Simplify DeFi with gasless swaps</p></div></a><a href="/products/trade-analytics" class="menu-lg-product-button w-inline-block"><div class="menu-lg-product-icon-wrapper"><img src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66967cfef0a246cbbb9af0ff_tx-history.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66967cfef0a246cbbb9af0ff_tx-history-p-500.webp 500w, https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66967cfef0a246cbbb9af0ff_tx-history-p-800.webp 800w, https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66967cfef0a246cbbb9af0ff_tx-history.webp 1000w" alt="Tx History API" class="menu-lg-product-button-image"/></div><div class="menu-lg-product-button-text"><div class="menu-lg-product-button-heading"><div class="menu-lg-product-button-product-text">Trade Analytics</div><div class="menu-md-product-button-api-text"> API</div></div><p class="body-s mb-0 text-gray-500">Unlock powerful trade insights</p></div></a><a href="#" class="menu-lg-product-button menu-lg-product-button-bottom no-cursor inactive w-inline-block"><div class="menu-lg-product-icon-wrapper"><img src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66967cfef0a246cbbb9af101_token-registry.webp" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66967cfef0a246cbbb9af101_token-registry-p-500.webp 500w, https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66967cfef0a246cbbb9af101_token-registry-p-800.webp 800w, https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66967cfef0a246cbbb9af101_token-re
/* ALL PAGES CSS */
<style>
/* Make text look crisper and more legible in all browsers */
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
/* Focus state style for keyboard navigation for the focusable elements */
*[tabindex]:focus-visible,
input[type="file"]:focus-visible {
outline: 0.125rem solid #4d65ff;
outline-offset: 0.125rem;
}
/* Get rid of top margin on first element in any rich text element */
.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
margin-top: 0 !important;
}
/* Get rid of bottom margin on last element in any rich text element */
.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
margin-bottom: 0 !important;
}
/* Prevent all click and hover interaction with an element */
.pointer-events-off {
pointer-events: none;
}
/* Enables all click and hover interaction with an element */
.pointer-events-on {
pointer-events: auto;
}
/* Create a class of .div-square which maintains a 1:1 dimension of a div */
.div-square::after {
content: "";
display: block;
padding-bottom: 100%;
}
/* Make sure containers never lose their center alignment */
.container-medium,.container-small, .container-large {
margin-right: auto !important;
margin-left: auto !important;
}
/*
Make the following elements inherit typography styles from the parent and not have hardcoded values.
Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
Uncomment this CSS to use it in the project. Leave this message for future hand-off.
*/
/*
a,
.w-input,
.w-select,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
color: inherit;
text-decoration: inherit;
font-size: inherit;
}
*/
/* Apply "..." after 3 lines of text */
.text-style-3lines {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
/* Apply "..." after 2 lines of text */
.text-style-2lines {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/* Adds inline flex display */
.display-inlineflex {
display: inline-flex;
}
/* These classes are never overwritten */
.hide {
display: none !important;
}
@media screen and (max-width: 991px) {
.hide, .hide-tablet {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.hide-mobile-landscape{
display: none !important;
}
}
@media screen and (max-width: 479px) {
.hide-mobile{
display: none !important;
}
}
.margin-0 {
margin: 0rem !important;
}
.padding-0 {
padding: 0rem !important;
}
.spacing-clean {
padding: 0rem !important;
margin: 0rem !important;
}
.margin-top {
margin-right: 0rem !important;
margin-bottom: 0rem !important;
margin-left: 0rem !important;
}
.padding-top {
padding-right: 0rem !important;
padding-bottom: 0rem !important;
padding-left: 0rem !important;
}
.margin-right {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
margin-left: 0rem !important;
}
.padding-right {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
padding-left: 0rem !important;
}
.margin-bottom {
margin-top: 0rem !important;
margin-right: 0rem !important;
margin-left: 0rem !important;
}
.padding-bottom {
padding-top: 0rem !important;
padding-right: 0rem !important;
padding-left: 0rem !important;
}
.margin-left {
margin-top: 0rem !important;
margin-right: 0rem !important;
margin-bottom: 0rem !important;
}
.padding-left {
padding-top: 0rem !important;
padding-right: 0rem !important;
padding-bottom: 0rem !important;
}
.margin-horizontal {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.padding-horizontal {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.margin-vertical {
margin-right: 0rem !important;
margin-left: 0rem !important;
}
.padding-vertical {
padding-right: 0rem !important;
padding-left: 0rem !important;
}
</style></div></div><a href="http://v2.0x.org" target="_blank" class="nav-bar w-inline-block"><article class="announcement"><div class="announcement-chicklet"><div class="announcement-chicklet-text">NEW</div></div><div class="announcement-text"><strong>0x v2</strong> Pricing Engine is live! — Best prices &amp; trade execution</div><img loading="lazy" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66967cfef0a246cbbb9af052_icon-arrow-right-grey-800.svg" alt="" class="right-arrow"/></article></a><section class="hero-heading"><div class="align-center text-center wrapper-800px"><div class="w-embed"><style>
.rotatingtext {
transform: translate3d(0, 3.875rem, 0);
animation: rotate 10s infinite;
transition-timing-function: cubic-bezier(0.2,0.5,0.3,1)
}
.rotatingtext:nth-of-type(2) {
animation-delay: 2.5s;
}
.rotatingtext:nth-of-type(3) {
animation-delay: 5s;
}
.rotatingtext:nth-of-type(4) {
animation-delay: 7.5s;
}
@keyframes rotate {
/* Text is positioned below the wrap */
0% {
transform: translate3d(0, 3.875rem, 0);
}
/* Move text up and make it visible */
2.5% {
transform: translate3d(0, 0, 0);
}
/* Between 2.5% and 25%, nothing changes (text is visible) */
25% {
transform: translate3d(0, 0, 0);
}
/* Move text up and out of the wrap */
27.5% {
transform: translate3d(0, -3.875rem, 0);
}
/* Between 27.5% and 99%, nothing changes (text is invisible) */
99.9999% {
transform: translate3d(0, -3.875rem, 0);
}
/* Move text to it's original position (loop starts over) */
100% {
transform: translate3d(0, 3.875rem, 0);
}
}
</style></div><h2 class="text-align-center heading-style-h1 in-flex"><span class="in-flex">Embed swaps</span></h2><div class="hero-rotating-words"><h2 class="text-align-center heading-style-h1 in-flex">in your</h2><div class="rotate-wrap"><h2 class="rotatingtext">onchain app</h2><h2 class="rotatingtext">smart wallet</h2><h2 class="rotatingtext">portfolio tracker</h2><h2 class="rotatingtext">DAO tooling</h2></div></div><h5 class="subheading-inline">Access 7+ million tokens with liquidity from 130+ exchanges,<span class="subheading-span"> with the best prices and the smoothest trading experience.</span></h5><div class="padding-1rem margin-top"><a href="https://dashboard.0x.org/create-account" target="_blank" class="primary-button w-button">Start for free</a></div></div></section><section><div class="center-flex"><div class="wrapper-680px mg-right-1 mg-left-1"><img data-w-id="de30b74d-856f-1b07-74c3-e1c03ac0cb3d" sizes="(max-width: 479px) 93vw, (max-width: 767px) 76vw, (max-width: 991px) 648px, 680px" alt="Dashboard image with data and information about the 0x site" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66f42caa6a40ba7dda2f1387_0x%20Dashboard.png" loading="eager" srcset="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66f42caa6a40ba7dda2f1387_0x%20Dashboard-p-500.png 500w, https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66f42caa6a40ba7dda2f1387_0x%20Dashboard-p-800.png 800w, https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66f42caa6a40ba7dda2f1387_0x%20Dashboard.png 1375w" class="hero-dashboard"/><a href="/products/swap" class="floating-icon-swap w-inline-block"><img src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66ea5d3f03b927d123865b2f_Swap%20Medium.png" loading="lazy" data-w-id="690cdcca-91a7-6ce8-2c54-100df6875cf8" alt=""/></a><a href="/products/gasless" class="floating-icon-gasless w-inline-block"><img src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66ea5d3fc12c39c2d86b9aec_Gasless%20Medium.png" loading="lazy" data-w-id="2a87c868-2bb0-69e7-c072-5e5b8ec2c9a1" alt=""/></a></div></div></section><div><div><div class="trusted-header"><div class="wrapper-2"><div class="logos-marquee"><div class="embed w-embed"><style>
/* Animation for the first right to left marquee */
@keyframes slide {
0% {
transform: translateX( calc(0% + 40px));
}
100% {
transform: translateX(-100%);
}
}
.logo-animate {
animation: slide 35s infinite linear; /* Adjust the seconds for a slower or faster animation */
}
/* Animation for the second left to right marquee */
@keyframes slidealt {
0% {
transform: translateX( calc(0% + 40px));
}
100% {
transform: translateX(-100%);
}
}
.logo-animate-alt {
animation: slidealt 35s infinite linear; /* Adjust the seconds for a slower or faster animation */
animation-direction: reverse;
}
</style></div><div class="home-logo-wrapper"><div class="clients-grid logo-animate"><img id="w-node-e4fb7b9e-9855-2609-13d3-2ebfb15205f0-b15205e9" loading="eager" alt="" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66c66bb3146bc821469f26fb_trusted_polygon.svg" class="client-logo"/><img loading="eager" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66c66bc3ad5b1be83a6001e2_trusted_jump.png" alt="" class="client-logo"/><img id="w-node-e4fb7b9e-9855-2609-13d3-2ebfb15205f3-b15205e9" loading="eager" alt="" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66c754088d8d92291e99c1b9_trusted_rainbow%20(1).png" class="client-logo"/><img id="w-node-e4fb7b9e-9855-2609-13d3-2ebfb15205f4-b15205e9" loading="eager" alt="" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66c7539f5b62f29d29624cb8_trusted_polygon.svg" class="client-logo"/><img id="w-node-e4fb7b9e-9855-2609-13d3-2ebfb15205f5-b15205e9" loading="eager" alt="" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/67581613c2065f9662decc99_Robinhood_Wallet-Full_Logo-Black%201.svg" class="client-logo"/><img id="w-node-e4fb7b9e-9855-2609-13d3-2ebfb15205f6-b15205e9" loading="eager" alt="" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66c754078205ff5878a6fb13_trusted_jump%20(1).png" class="client-logo"/><img id="w-node-e4fb7b9e-9855-2609-13d3-2ebfb15205f7-b15205e9" loading="eager" alt="" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66c66bc331fbc7746fdca9b1_trusted_coinbase.png" class="client-logo"/><img id="w-node-e4fb7b9e-9855-2609-13d3-2ebfb15205f8-b15205e9" loading="eager" alt="" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66c754078c8463269eb816f4_trusted_metamask.png" class="client-logo"/><img loading="eager" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66c66bb3cffcbe6be66f6018_trusted_brave.svg" alt="" class="client-logo"/><img id="w-node-_5d076b52-b5f9-fcc7-bc3d-57fb2ef6eecb-b15205e9" loading="eager" alt="" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66c66bb3146bc821469f26fb_trusted_polygon.svg" class="client-logo"/></div><div class="clients-grid logo-animate"><img id="w-node-e4fb7b9e-9855-2609-13d3-2ebfb15205fb-b15205e9" loading="eager" alt="" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66c75407b918bb6c71c7687f_trusted_defisaver%20(1).png" class="client-logo"/><img id="w-node-e4fb7b9e-9855-2609-13d3-2ebfb15205fc-b15205e9" loading="eager" alt="" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/67581613c2065f9662decc99_Robinhood_Wallet-Full_Logo-Black%201.svg" class="client-logo"/><img id="w-node-e4fb7b9e-9855-2609-13d3-2ebfb15205fd-b15205e9" loading="eager" alt="" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66c66bb3146bc821469f26fb_trusted_polygon.svg" class="client-logo"/><img id="w-node-e4fb7b9e-9855-2609-13d3-2ebfb15205fe-b15205e9" loading="eager" alt="" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66c7539e1962ccdc4bb7e133_trusted%20matcha.svg" class="client-logo"/><img id="w-node-e4fb7b9e-9855-2609-13d3-2ebfb15205ff-b15205e9" loading="eager" alt="" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66c754078205ff5878a6fb13_trusted_jump%20(1).png" class="client-logo"/><img id="w-node-e4fb7b9e-9855-2609-13d3-2ebfb1520600-b15205e9" loading="eager" alt="" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66c7539e1962ccdc4bb7e133_trusted%20matcha.svg" class="client-logo"/><img id="w-node-e4fb7b9e-9855-2609-13d3-2ebfb1520601-b15205e9" loading="eager" alt="" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66c7539e1962ccdc4bb7e133_trusted%20matcha.svg" class="client-logo"/><img loading="eager" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66c754078c8463269eb816f4_trusted_metamask.png" alt="" class="client-logo"/></div><div class="clients-grid logo-animate"><img id="w-node-e4fb7b9e-9855-2609-13d3-2ebfb1520604-b15205e9" loading="eager" alt="" src="https://cdn.prod
const main = async () => {
const sellAmount = parseUnits("1000", await usdc.read.decimals());
// fetch quote
const quoteParams = new URLSearchParams({
chainId: client.chain.id.toString(),
sellToken: usdc.address,
buyToken: weth.address,
sellAmount: sellAmount.toString(),
taker: client.account.address,
});
const quoteResponse = await fetch(
"https://api.0x.org/swap/permit2/quote?" + quoteParams.toString(),
{
headers,
}
);
const quote = await quoteResponse.json();
console.log("Quote to swap 1000 USDC for WETH: ", quote);
}
main();
</code></pre></div></div></div></div></div></div><div data-w-tab="Tab 2" class="w-tab-pane w--tab-active"><div class="div dark"><div class="code_container"><a href="https://replit.com/@0xproject/0x-Gasless-v2-Headless-Example" target="_blank" class="pplay-button w-inline-block"><img width="8" loading="lazy" alt="" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66cd5db0138a7f833b4d7950_play.svg" class="image-80"/><p class="text-white mb-0">Play</p></a><div class="code_wrapper"><div class="wrap-code"><div class="code-embed w-embed"><pre><code class="language-javascript line-numbers">
const main = async () => {
const sellAmount = parseUnits("1000", await usdc.read.decimals());
// fetch quote
const quoteParams = new URLSearchParams({
chainId: client.chain.id.toString(),
sellToken: usdc.address,
buyToken: weth.address,
sellAmount: sellAmount.toString(),
taker: client.account.address,
});
const quoteResponse = await fetch(
"http://api.0x.org/gasless/quote?" + quoteParams.toString(),
{
headers,
}
);
const quote = await quoteResponse.json();
console.log("Quote to swap 1000 USDC for WETH: ", quote);
}
main();
</code></pre></div></div></div></div></div></div></div></div></div></div></div><div class="full-width-section is--slider"><div class="arrow-container"><h4 class="text-white body-xl mt-0">Developer Guides</h4><div class="arrow-wrapper"><a href="#" class="slider-button slider-prev w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66c56e6f4f67e00455042f35_arrow-narrow-left.svg" alt="" class="arrow-icon"/></a><a href="#" class="slider-button slider-next w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66c56e6fbad68c4b56048ee0_arrow-narrow-right.svg" alt=""/></a></div></div><div class="slider_wrap"><div class="slider--wrapper w-dyn-list"><div role="list" class="slider--list slick-list w-dyn-items"><div role="listitem" class="slider--item article slick-item w-dyn-item"><a href="https://0x.org/docs/0x-swap-api/guides/build-token-swap-dapp-nextjs" target="_blank" class="w-inline-block"><div class="article-card"><div class="article-content--wrapper"><img width="81" height="50" alt="" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee9b/66cd451048bf45d9f0f358d7_build-token-swap.png" loading="lazy" sizes="(max-width: 479px) 199px, (max-width: 767px) 40vw, (max-width: 991px) 342px, 402px" srcset="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee9b/66cd451048bf45d9f0f358d7_build-token-swap-p-500.png 500w, https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee9b/66cd451048bf45d9f0f358d7_build-token-swap.png 992w" class="article-slider_img round-32"/></div><div class="content-article_card article left"><p class="body-xl text-white text-left">Build with Swap API</p><p class="gray-400">Example ERC-20 swap app built on Next.js with Swap API.</p></div></div></a></div><div role="listitem" class="slider--item article slick-item w-dyn-item"><a href="https://github.com/0xProject/0x-examples" target="_blank" class="w-inline-block"><div class="article-card"><div class="article-content--wrapper"><img width="81" height="50" alt="" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee9b/66cd432467641295ddb43a30_code-examples.png" loading="lazy" class="article-slider_img round-32"/></div><div class="content-article_card article left"><p class="body-xl text-white text-left">Code Examples</p><p class="gray-400">A collection of 0x API code examples - copy, paste, go.</p></div></div></a></div><div role="listitem" class="slider--item article slick-item w-dyn-item"><a href="https://0x.org/docs/0x-swap-api/guides/monetize-your-app-using-swap" target="_blank" class="w-inline-block"><div class="article-card"><div class="article-content--wrapper"><img width="81" height="50" alt="" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee9b/66cd43068a7c19753c320627_monetize-app.png" loading="lazy" class="article-slider_img round-32"/></div><div class="content-article_card article left"><p class="body-xl text-white text-left">Monetize your app</p><p class="gray-400">A guide on monetization options using 0x Swap API.</p></div></div></a></div><div role="listitem" class="slider--item article slick-item w-dyn-item"><a href="https://0x.org/docs/0x-swap-api/introduction" target="_blank" class="w-inline-block"><div class="article-card"><div class="article-content--wrapper"><img width="81" height="50" alt="" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee9b/66cd45fbf9ce2cb3335f571d_swap-api.png" loading="lazy" sizes="(max-width: 479px) 199px, (max-width: 767px) 40vw, (max-width: 991px) 342px, 402px" srcset="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee9b/66cd45fbf9ce2cb3335f571d_swap-api-p-500.png 500w, https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee9b/66cd45fbf9ce2cb3335f571d_swap-api.png 992w" class="article-slider_img round-32"/></div><div class="content-article_card article left"><p class="body-xl text-white text-left">Swap API</p><p class="gray-400">Power crypto trading in your app with Swap API</p></div></div></a></div><div role="listitem" class="slider--item article slick-item w-dyn-item
<g id="Group_1" data-name="Group 1" transform="translate(-211.197 479.803)">
<path id="Path_1" data-name="Path 1" d="M-73.735-406.674H117.622" transform="translate(-18.923 -134.799) rotate(45)" fill="none" stroke="currentColor" stroke-width="15"/>
<path id="Path_2" data-name="Path 2" d="M0,0H191.357" transform="translate(351.81 -474.5) rotate(135)" fill="none" stroke="currentColor" stroke-width="15"/>
</g>
</svg></div></div></div></div><div><div class="content-section"><h2 class="text-align-center">Frequently asked questions</h2><div class="content-wrapper slim w-container"><div class="header-center-box _75"></div><div class="accordion-wrapper"><div class="accordion-item-wrapper"><div class="accordion-item"><div id="q1" class="accordion-item-trigger"><h4 class="accordion-heading">How do I get started?</h4><img loading="lazy" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66967cfef0a246cbbb9af0e4_chevron-down.svg" alt="" class="icon accordion-icon"/></div><div class="accordion-item-content"><p>Get started in less than five minutes! To get started, simply create an account on the 0x Dashboard, choose a plan, set up your app, and generate your API keys.</p></div></div></div><div class="accordion-item-wrapper"><div class="accordion-item"><div id="q3" class="accordion-item-trigger"><h4 class="accordion-heading">How can I monetize my app with 0x?</h4><img loading="lazy" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66967cfef0a246cbbb9af0e4_chevron-down.svg" alt="" class="icon accordion-icon"/></div><div class="accordion-item-content"><p>0x offers two options for monetizing your order flow so you can build a sustainable Web3 business. You can set a percentage fee and a fee recipient on trades initiated within your application via Swap API requests. Additionally, you may take the positive slippage generated from your swaps. You can find details on both approaches in our API references.</p></div></div></div><div class="accordion-item-wrapper"><div class="accordion-item"><div id="q4" class="accordion-item-trigger"><h4 class="accordion-heading">What chains does 0x support?</h4><img loading="lazy" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66967cfef0a246cbbb9af0e4_chevron-down.svg" alt="" class="icon accordion-icon"/></div><div class="accordion-item-content"><p>0x supports Ethereum, Base, Arbitrum, Optimism, Polygon, Binance Smart Chain, Avalanche, Scroll, Linea and Blast.</p></div></div></div><div class="accordion-item-wrapper"><div class="accordion-item"><div id="q5" class="accordion-item-trigger"><h4 class="accordion-heading">What plans does 0x offer?</h4><img loading="lazy" src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66967cfef0a246cbbb9af0e4_chevron-down.svg" alt="" class="icon accordion-icon"/></div><div class="accordion-item-content"><p>We offer two transparent, flexible tiers for Web3 businesses of all sizes. You can get started with them <a href="https://dashboard.0x.org/create-account" target="_blank">here</a>. If you are a high volume app or have a unique business model, <a href="#">please contact us</a> to discuss a custom plan.</p></div></div></div></div></div></div></div><div class="footer-wrap"><div class="full-width-inner-container"><div class="logo-footer"><a href="/" aria-current="page" class="w-inline-block w--current"><img src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/66967cfef0a246cbbb9af12e_Logo%20(0x).svg" loading="lazy" alt="0x Logo in SVG" class="_0xlogo-32"/></a></div><div class="cta-email-container"><div class="form-block w-form"><form id="wf-form-newsletter-form" name="wf-form-newsletter-form" data-name="newsletter-form" method="get" data-wf-page-id="66967cfef0a246cbbb9aee96" data-wf-element-id="f508a79d-23c4-5d09-0294-253a6fe7067c"><div class="wrapper-email"><input class="cta-email-input-placeholder w-input" maxlength="256" name="email" data-name="email" placeholder="Enter your email" type="email" id="email-2" required=""/><div class="cta-email-privacy-text">Subscribe to our newsletter for the latest alpha</div><input type="submit" data-wait="Please wait..." class="submit-button w-button" value="Sign up"/></div></form><div class="success-message w-form-done"><div class="success-form-newsletter"><div class="text-block-30">You are on the list!</div></div></div><div class="error-message w-form-fail"><div>Oops! Something went wrong.</div></div></div></div><div class="footer"><div class="footer-links grid"><div cl
body {
font-variant-numeric: slashed-zero;
overflow-x: hidden;
}
/* Remove browser default arrow on select form fields */
select {
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
}
</style></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=66967cfef0a246cbbb9aee94" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/66967cfef0a246cbbb9aee94/js/0x-2024.caae24cb.69cf6a7e6de44e76.js" type="text/javascript"></script><!-- Tooltips -->
<script type="text/javascript">
var script = document.querySelector('#tippy-loader');
script.addEventListener('load', function() {
tippy('.tooltip', {
theme: 'zeroex',
maxWidth: 212,
});
});
</script><!-- Dragable Slider -->
<style>
.slick-item {display: inline-block;}
.slick-list {display:block !important;}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
outline: none;
}
.slick-list {
display: block !important;
overflow: hidden; /* Prevents items from spilling out */
}
.slick-slide {
display: block !important; /* Fix inline-block breaking issues */
float: none !important; /* Avoid unintended float behaviors */
box-sizing: border-box; /* Account for padding and borders */
}
.slick-track {
display: flex !important; /* Keeps slides in a single row */
/*align-items: center; Aligns slides vertically */
}
.slick-item {
flex: 1 0 auto; /* Prevent items from shrinking or wrapping */
}
@media (max-width: 420px) {
.slick-slide {
width: 100% !important; /* Full width for single-column layout */
}
}
.slick-slide, .slick-slide *{ outline: none !important; }
code[class*="language-"],
pre[class*="language-"] {
background: #18181B;
font-size: 0.8125rem;
font-style: normal;
font-weight: 500;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 180%;
word-wrap: normal;
tab-size: 4;
white-space: pre;
word-spacing: normal;
-webkit-font-smoothing: auto;
-moz-tab-size: 2; -o-tab-size: 2; tab-size: 2;
-webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none;
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/toolbar/prism-toolbar.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script>
// when document is fully loaded
$( document ).ready(function() {
$('.slick-list').slick({
lazyLoad: 'ondemand', // loads images when they are in view
dots: false,
speed: 200,
infinite: true,
cssEase: 'linear',
centerMode: true,
slidesToShow: 4,
slidesToScroll: 1,
arrows: false,
touchThreshold: 500,
responsive: [
{
breakpoint: 900,
settings: {
slidesToShow: 2,
},
},{
breakpoint: 400,
settings: {
slidesToShow: 1,
},
},
],
});
$('.slider-prev').click(function() {
const slider = $(this).closest('.is--slider').find(".slick-list");
slider.slick('slickPrev');
});
$('.slider-next').click(function() {
const slider = $(this).closest('.is--slider').find(".slick-list");
slider.slick('slickNext');
});
});
</script></body></html>
Reference in a new issue Copy permalink