PageSourceSearch

https://scaffoldstark.com/_next/static/chunks/app/page-639ff8a81e0862e0.js

js scaffoldstark.com collected 2026-10-05 08:11:03 UTC 43,083 bytes, 1 lines download raw bytes

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[931],{1529:function(e,t,s){Promise.resolve().then(s.bind(s,9454))},9454:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return I}});var a=s(7437),l=s(2265),r=s(6435),n=s(6691),i=s.n(n),o=s(9553);let c=()=>(0,a.jsxs)("section",{className:"content grid grid-cols-1 lg:grid-cols-2 items-center lg:py-12 py-0",children:[(0,a.jsx)("div",{className:"col-span-1 relative order-2 lg:order-1",children:(0,a.jsx)("div",{className:"p-1 rounded-lg shadow-2xl border-2 border-purple-500 dark:border-purple-500 mt-5 lg:mt-0",children:(0,a.jsx)(i(),{src:"/blockExplorer.png",alt:"block explorer",width:800,height:525,className:"rounded-lg"})})}),(0,a.jsxs)("div",{className:"item-spacing-col col-span-1 order-1 lg:order-2 mt-10 lg:mt-0 lg:ml-16",children:[(0,a.jsx)("p",{className:"subTitle-section",children:"BLOCK EXPLORER"}),(0,a.jsx)(o.Z,{sequence:["Explore transactions, blocks, and contract interactions in real-time."],wrapper:"span",cursor:!1,speed:50,className:"title-section max-w-[480px] md:min-h-[130px] min-h-[50px]"}),(0,a.jsx)("p",{className:"text-[#6B7280] lg:text-lg text-sm max-w-[530px] font-inter",children:"Built-in Block Explorer lets you inspect transaction data, monitor contract events, and debug your dApp without leaving your development environment. Track every interaction on the Starknet blockchain with ease."})]})]});var d=s(3219);let x=()=>(0,a.jsxs)("section",{className:"content grid grid-cols-1 lg:grid-cols-2 items-center lg:py-12 py-0",children:[(0,a.jsxs)("div",{className:"item-spacing-col col-span-1",children:[(0,a.jsx)("p",{className:"subTitle-section",children:"DEBUG CONTRACT"}),(0,a.jsx)(o.Z,{sequence:["Your frontend auto-adapts to your smart contract as you edit it."],wrapper:"span",cursor:!1,speed:50,className:"title-section max-w-[380px] md:min-h-[130px] min-h-[50px]"}),(0,a.jsx)("p",{className:"text-[#6B7280] lg:text-lg text-sm max-w-[530px] font-inter",children:"Debug and refine your smart contracts with a live-updating frontend. Scaffold-Stark is an i
1deal stack for progressing from rapid prototyping to production-grade dApps."}),(0,a.jsxs)("div",{className:"flex flex-col lg:gap-2 gap-0 lg:mt-16 mt-0",children:[(0,a.jsxs)("div",{className:"flex gap-2 hover-text w-fit",onClick:()=>window.open(d.s.scaffoldDemo,"_blank"),children:[(0,a.jsx)("p",{className:"title-section !text-lg font-inter !font-bold",children:"Checkout this sample scaffold-stark dApp"}),(0,a.jsx)(i(),{src:"/assets/redirect-icon.svg",alt:"redirect",width:"15",height:"15",className:"w-auto h-auto"})]}),(0,a.jsxs)("div",{className:"flex gap-2  mt-2 hover-text w-fit",onClick:()=>window.open(d.s.speedrun,"_blank"),children:[(0,a.jsx)("p",{className:"title-section !text-lg font-inter !font-bold",children:"Learn how to use it"}),(0,a.jsx)(i(),{src:"/assets/redirect-icon.svg",alt:"redirect",width:"15",height:"15",className:"w-auto h-auto"})]})]})]}),(0,a.jsxs)("div",{className:"col-span-1 relative",children:[(0,a.jsx)(i(),{src:"/assets/debug.svg",alt:"debug",width:800,height:525,className:"mt-5 lg:mt-0"}),(0,a.jsx)("div",{className:"absolute transform left-1/2 top-3/4 w-[170px] h-[222px] animate-custom-bounce",children:(0,a.jsx)(i(),{src:"/assets/connect-wallet.svg",alt:"wallet",width:170,height:222,className:"transform -translate-x-1/2 -translate-y-1/2"})})]})]});var p=s(9376);let m=()=>(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"grid grid-cols-2 justify-center lg:justify-start gap-1",children:[(0,a.jsxs)("div",{className:"px-2.5 self-stretch h-[450px] w-full relative",style:{borderRadius:"21px",position:"relative"},children:[(0,a.jsx)("div",{style:{content:"''",position:"absolute",inset:0,borderRadius:"21px",padding:"2px",background:"linear-gradient(to bottom, rgba(248, 248, 248, 0.37) 0%, rgba(248, 248, 248, 0.37) 50%, transparent 80%)",WebkitMask:"linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",WebkitMaskComposite:"xor",maskComposite:"exclude",pointerEvents:"none"}}),(0,a.jsxs)("div",{className:"flex flex-col items-center gap-1 justify-center h-full",children:[(0,a.jsx)("div",{className:"w-full animate-float",children:(0,a.jsxs)("div",{className:"flex items-center lg:gap-2.5 gap-1 p-1 w-full",style:{borderRadius:"29px",border:"2px solid var(--Starknet-Gradient-3, #7475FA)",background:"linear-gradient(270deg, rgba(155, 85, 132, 0.30) 0%, rgba(24, 24, 114, 0.30) 108.63%)",backdropFilter:"blur(21.3px)"},children:[(0,a.jsx)(i(),{src:"/assets/sample-avt.svg",width:33,height:33,alt:"icon"}),(0,a.jsx)("p",{style:{background:"linear-gradient(270deg, #9B5584 0%, #7F7FFF 108.63%)",backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"},children:"nadai.stark"}),(0,a.jsx)(i(),{src:"/assets/arrow-down.svg",alt:"icon",width:20,height:20,className:"lg:ml-2 ml-0"}),(0,a.jsx)(i(),{src:"/assets/mouse.svg",alt:"icon",width:24,height:24,className:"absolute right-4 top-8"})]})}),(0,a.jsxs)("div",{className:"p-6 flex flex-col gap-2 animate-float w-full",style:{borderRadius:"16px",border:"1px solid var(--Starknet-Gradient-3, #7475FA)",background:"linear-gradient(270deg, rgba(155, 85, 132, 0.30) 0%, rgba(24, 24, 114, 0.30) 108.63%)"},children:[(0,a.jsx)("div",{className:"h-[5px] w-[50px]",style:{borderRadius:"1px",opacity:"0.1",background:"var(--Object, #F8F8F8)"}}),(0,a.jsx)("div",{className:"h-[5px] w-[80px]",style:{borderRadius:"1px",opacity:"0.1",background:"var(--Object, #F8F8F8)"}}),(0,a.jsx)("div",{className:"h-[5px] w-[130px]",style:{borderRadius:"1px",opacity:"0.1",background:"var(--Object, #F8F8F8)"}})]})]})]}),(0,a.jsxs)("div",{className:"p-2.5 relative",style:{borderRadius:"21px"},children:[(0,a.jsx)("div",{style:{content:"''",position:"absolute",inset:0,borderRadius:"21px",padding:"2px",background:"linear-gradient(to bottom, rgba(248, 248, 248, 0.10) 0%, rgba(248, 248, 248, 0.10) 50%, transparent 80%)",WebkitMask:"linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",WebkitMaskComposite:"xor",maskComposite:"exclude",pointerEvents:"none"}}),(0,a.jsxs)("div",{className:"flex items-center lg:gap-2.5 gap-1 p-1",style:{borderRadius:"29px",border:"2px s
1olid var(--Starknet-Gradient-3, #7475FA)",background:"linear-gradient(270deg, rgba(155, 85, 132, 0.30) 0%, rgba(24, 24, 114, 0.30) 108.63%)",backdropFilter:"blur(21.3px)"},children:[(0,a.jsx)(i(),{src:"/assets/sample-avt.svg",width:33,height:33,alt:"icon"}),(0,a.jsx)("p",{style:{background:"linear-gradient(270deg, #9B5584 0%, #7F7FFF 108.63%)",backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"},children:"nadai.stark"}),(0,a.jsx)(i(),{src:"/assets/arrow-down.svg",alt:"icon",width:20,height:20,className:"lg:ml-2 ml-0"})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-2.5 p-4 mt-1",style:{borderRadius:"10px",border:"1.5px solid #272727",background:"var(--neutral-neutral-15, rgba(255, 255, 255, 0.05))",boxShadow:"0px 0px 10.749px 0px rgba(248, 248, 248, 0.25) inset"},children:[(0,a.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,a.jsx)(i(),{src:"/assets/copy-address.svg",alt:"icon",width:16,height:16}),(0,a.jsx)("p",{className:"md:text-sm text-[10px] text-[#D9D9D9]",children:"Copy Address"})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,a.jsx)(i(),{src:"/assets/qrcode.svg",alt:"icon",width:16,height:16}),(0,a.jsx)("p",{className:"md:text-sm text-[10px] text-[#D9D9D9]",children:"View QR Code"})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,a.jsx)(i(),{src:"/assets/switch-icon.svg",alt:"icon",width:16,height:16}),(0,a.jsx)("p",{className:"md:text-sm text-[10px] text-[#D9D9D9]",children:"Switch Account"})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,a.jsx)(i(),{src:"/assets/disconnect.svg",alt:"icon",width:16,height:16}),(0,a.jsx)("p",{className:"md:text-sm text-[10px] text-[#D9D9D9]",children:"Disconnect"})]})]}),(0,a.jsxs)("div",{className:"mt-2",children:[(0,a.jsx)("p",{className:"text-[#CECECE] text-[15px] ",children:"STRK/USDC Amount"}),(0,a.jsxs)("div",{className:"flex items-end gap-2 px-3 py-1.5 mt-1 relative",style:{borderRadius:"29px",border:"2.015px solid var(--Stroke-Subtle, rgba(248, 248, 248, 0.10))",background:"var(--neutral-neutral-15, rgba(255, 255, 255, 0.05))"},children:[(0,a.jsx)("p",{style:{background:"linear-gradient(270deg, #9B5584 0%, #7F7FFF 108.63%)",backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"},children:"$"}),(0,a.jsx)("p",{style:{background:"linear-gradient(270deg, #9B5584 0%, #7F7FFF 108.63%)",backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"},children:"100"}),(0,a.jsx)("div",{className:"absolute top-0 right-0 bg-[#f8f8f8c7] px-4 py-2.5 rounded-[20px]",children:(0,a.jsx)(i(),{src:"/assets/amount-icon.svg",alt:"icon",width:16,height:16})})]})]})]})]}),(0,a.jsx)("p",{className:"text-white lg:text-xl text-sm lg:max-w-[560px] max-w-full lg:text-left text-center lg:hidden block font-inter",children:"Accelerate your dapp development using our pre-built components for common web3 use cases."})]}),g=()=>(0,a.jsxs)("div",{className:"grid lg:grid-cols-7 grid-cols-1 lg:gap-16 gap-0 items-center content",children:[(0,a.jsx)("div",{className:"col-span-3 lg:order-1 order-2",children:(0,a.jsx)(m,{})}),(0,a.jsxs)("div",{className:"lg:max-w-[632px] max-w-full col-span-4 item-spacing-col order-1 lg:order-2 lg:mb-0 mb-16",children:[(0,a.jsx)("p",{className:"subTitle-section lg:text-left text-center",children:"COMPONENTS"}),(0,a.jsx)(o.Z,{sequence:["Collection of common web3 components to quickly build your frontend."],wrapper:"span",cursor:!1,speed:50,className:"lg:text-4xl font-medium text-[22px] lg:text-left text-center md:min-h-[130px] min-h-[50px]",style:{background:"linear-gradient(270deg, #9B5584 0%, #ADADFF 108.63%)",backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"}}),(0,a.jsx)("p",{className:"text-white lg:text-xl text-sm lg:max-w-[560px] max-w-full lg:text-left text-center lg:block hidden font-inter",children:"Accelerate your dapp development using our pre-built components for common web3 use cases."})]})]}),h=()=>(0,a.jsxs)("div",{className:"flex lg:flex-row flex-col items-center gap-8 content",children:[(0,a.jsxs)("div",{className:"item-spacing-col max-w-[480px]",children:[(0,a.jsx)("p",{className:"subTitle-section text-center lg:text-left",children:"CUSTOM HOOKS"}),(0,a.jsx)(o.Z,{sequence:["  Collection of React hooks wrapper around starknet-react"],wrapper:"p",cursor:!1,speed:50,className:"lg:text-4xl font-medium text-[22px] lg:max-w-[400px] max-w-full lg:text-left text-center",style:{background:"linear-gradient(270deg, #9B5584 0%, #ADADFF 108.63%)",backgroundClip:"text",WebkitBackgroun
1dClip:"text",WebkitTextFillColor:"transparent"}}),(0,a.jsx)("p",{className:"text-white lg:text-xl text-sm text-center lg:text-left lg:block hidden font-inter",children:"Simplify interactions with smart contracts with typescript autocompletion"})]}),(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)(i(),{src:"/assets/custom-hook.svg",width:767,height:330,alt:"hooks",className:"mx-auto relative z-20"}),(0,a.jsx)(i(),{src:"/assets/customhook-blur1.svg",alt:"blur",width:550,height:400,className:"absolute left-1/2 top-1/2 z-10 blur-animate1",style:{fill:"linear-gradient(94deg, #D6DA9D 2.48%, #B9747C 21.91%, #71599D 42.34%, #8472BD 66.25%, #5B91B5 79.08%, #73C5B1 98.14%)",filter:"blur(22.75px)"}}),(0,a.jsx)(i(),{src:"/assets/customhook-blur2.svg",alt:"blur",width:550,height:400,className:"absolute left-1/2 top-1/2 z-10 blur-animate2",style:{fill:"linear-gradient(240deg, #D6DA9D 21.99%, #B9747C 37.66%, #71599D 54.13%, #8472BD 73.42%, #5B91B5 83.76%, #73C5B1 99.13%)",filter:"blur(30.450000762939453px)"}})]}),(0,a.jsx)("p",{className:"text-white lg:text-xl text-sm text-center lg:text-left lg:hidden block relative z-40 mt-5 font-inter",children:"Simplify interactions with smart contracts with typescript autocompletion"})]}),u=()=>(0,a.jsxs)("section",{children:[(0,a.jsx)("div",{className:"relative rotate-180 z-10 lg:top-0 top-[52px]",children:(0,a.jsx)(p.G,{})}),(0,a.jsx)("div",{className:"bg-[#0F0F0F] py-20 relative z-30",children:(0,a.jsxs)("div",{children:[(0,a.jsx)(g,{}),(0,a.jsx)("div",{className:"h-[1px] w-full my-[100px]",style:{background:"linear-gradient(90deg, rgba(203, 124, 255, 0.2) 0%, #CB7CFF 50%, rgba(203, 124, 255, 0.2) 100%)",WebkitMaskImage:"linear-gradient(to right, transparent 50%, black 50%)",WebkitMaskSize:"10px 100%",WebkitMaskRepeat:"repeat-x",maskImage:"linear-gradient(to right, transparent 50%, black 50%)",maskSize:"10px 100%",maskRepeat:"repeat-x"}}),(0,a.jsx)(h,{})]})}),(0,a.jsx)("div",{className:"relative -top-[52px]",children:(0,a.jsx)(p.G,{})})]});var f=s(1396),b=s.n(f),k=s(9186),v=s(6108);let j=e=>{let{title:t,description:s,command:r}=e,[n,i]=(0,l.useState)(!1),o=async()=>{try{await navigator.clipboard.writeText(r),i(!0),setTimeout(()=>i(!1),2e3)}catch(e){console.error("Failed to copy: ",e)}};return(0,a.jsx)("div",{className:"rounded-xl px-6 py-8 border border-[#3F00AC] bg-gradient-to-b from-[#322D59] via-[#1a1a1a] to-[#121212] relative overflow-hidden",children:(0,a.jsxs)("div",{className:"relative z-10",children:[(0,a.jsx)("h2",{className:"text-3xl font-bold text-left mb-6 tracking-wider text-[#B386FF]",children:t}),(0,a.jsx)("p",{className:"text-gray-300 text-lg mb-8 leading-relaxed",children:s}),(0,a.jsxs)("div",{className:"bg-gradient-to-r text-left from-[#4A4A5F] via-[#2a2a3a] to-[#1a1a2e] rounded-lg p-4 flex items-center justify-between",children:[(0,a.jsx)("code",{className:"text-white text-left text-sm md:text-base font-mono select-all",children:r}),(0,a.jsx)("button",{onClick:o,className:"ml-4 p-2 rounded-md transition-colors duration-75 flex items-center justify-center ".concat(n?"bg-[#B386FF] text-white":"bg-white text-black"),title:"Copy command",children:n?(0,a.jsx)(k.Z,{className:"w-5 h-5"}):(0,a.jsx)(v.Z,{className:"w-5 h-5"})})]})]})})};var w=s(3042),N=s(5551);let y=()=>(0,a.jsx)("div",{className:"flex flex-col border-t border-t-[#484848] py-12 sm:py-16 lg:py-20",children:(0,a.jsx)("div",{className:"container mx-auto px-4 sm:px-6 lg:px-8 max-w-8xl",children:(0,a.jsxs)("div",{className:"flex flex-col gap-6 sm:gap-8 lg:gap-12 items-center justify-center font-grotesk",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-3 sm:gap-4 lg:gap-6 items-center",children:[(0,a.jsx)("h1",{className:"text-2xl sm:text-3xl lg:text-4xl font-bold text-white tracking-wider text-center",children:"Create with Extensions"}),(0,a.jsx)("p",{className:"text-gray-300 text-base sm:text-lg lg:text-xl leading-relaxed max-w-3xl text-center",children:"Build you dApp faster with pre-integrated extensions. Save the hassle of integrating different projects by using our extensions"})]}),(0,a.jsx)("div",{className:"w-full",children:(0,a.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3 sm:gap-6",children:N.i.slice(0,3).map((e,t)=>
1(0,a.jsx)(j,{title:e.title,description:e.shortDesc,command:e.command},t))})}),(0,a.jsxs)(b(),{href:"/extensions",className:"mt-4 sm:mt-6 cursor-pointer bg-transparent border-2 border-[#B386FF] text-[#B386FF] px-8 sm:px-12 py-2 sm:py-3 rounded-full font-grotesk font-semibold hover:bg-[#B386FF] hover:text-black transition-all duration-300 flex items-center gap-3 relative z-30 text-base sm:text-xl",children:["Explore all the extensions",(0,a.jsx)(w.Z,{className:"w-5 h-5 sm:w-7 sm:h-7"})]})]})})});var S=s(6783),F=s(6300);let C=e=>{let{textToCopy:t}=e;return(0,a.jsx)("div",{className:"bg-white md:py-[11px] py-2 md:px-[13px] px-2 cursor-pointer copy-icon",onClick:()=>(0,F.k)(t),children:(0,a.jsx)(i(),{src:"/assets/copy-icon.svg",alt:"icon",width:15,height:15,className:"w-auto h-auto"})})},D=()=>{let[e,t]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{let e=setTimeout(()=>{t(!0)},1550);return()=>clearTimeout(e)},[]),(0,a.jsxs)("div",{className:"relative bg-texture",children:[(0,a.jsxs)("div",{className:"bg-[#0D0D0D] relative z-50",children:[(0,a.jsx)(i(),{src:"/assets/bg-texture.png",alt:"img",height:100,width:1e3,className:"absolute max-h-[110%] h-[110%] w-full"}),(0,a.jsxs)("div",{className:"max-w-[1200px] mx-auto !px-0 xl:border-r xl:border-l border-[#484848] relative overflow-hidden",children:[(0,a.jsx)("div",{className:"w-full",children:(0,a.jsx)(i(),{src:"/assets/opensource-mb.gif",alt:"gif",width:1e4,height:1e4,className:"lg:hidden block absolute -left-[75vw] -z-10 max-w-[250vw]"})}),(0,a.jsx)(S.h,{}),(0,a.jsxs)("div",{className:"relative mt-[70vw] sm:mt-[80vw] md:mt-[90vw] lg:mt-0 flex lg:h-auto",children:[(0,a.jsxs)("div",{className:"relative order-2 md:order-1 flex flex-col justify-end h-full py-10 md:py-32 lg:border-r mt-28 md:mt-0 border-[#484848]",children:[(0,a.jsxs)("h1",{className:"lg:max-w-[550px] max-w-[36rem] md:min-w-[36rem] md:min-h-[177px] min-h-[104px] font-medium md:text-[54px] text-[32px] text-center lg:text-left md:mb-[35px] mx-auto mb-6 px-5 font-grotesk",children:[(0,a.jsx)(o.Z,{sequence:["Open-source"],wrapper:"span",cursor:!1,speed:60,className:"font-bold text-[#B386FF]"}),e&&(0,a.jsx)(o.Z,{sequence:[" toolkit for building dApps on Starknet"],wrapper:"span",cursor:!1,speed:60})]}),(0,a.jsx)("p",{className:"lg:max-w-[508px] max-w-full md:text-xl text-sm text-center lg:text-left text-[#BABABA] px-5 font-inter",children:"Built using NextJS, Starknet.js, Scarb, Starknet-React, Starknet Foundry and Typescript. Designed to make it easier for developers to create, deploy and interact with smart contracts."}),(0,a.jsxs)("div",{className:"flex items-center justify-between md:gap-8 gap-3 border-y border-[#484848] p-5 mt-20 w-full",children:[(0,a.jsx)("p",{className:"md:text-[22px] text-sm font-medium font-grotesk text-ellipsis",children:"npx create-stark@latest"}),(0,a.jsx)(C,{textToCopy:"npx create-stark@latest"})]})]}),(0,a.jsx)("div",{className:"lg:col-span-4 lg:block hidden relative md:order-1 order-2"}),(0,a.jsx)(i(),{src:"/assets/opensource-pc.gif",alt:"gif",width:1e3,height:1e4,className:"absolute top-0 left-[22vw] xl:left-72 -z-10 h-full lg:block hidden"})]})]}),(0,a.jsx)(y,{})]}),(0,a.jsx)("div",{className:"relative -top-[52px]",children:(0,a.jsx)(p.G,{})})]})},B=()=>(0,a.jsxs)("section",{className:"content grid grid-cols-1 lg:grid-cols-2 items-center lg:py-12 py-0 relative",children:[(0,a.jsx)("div",{className:"h-[1px] w-full absolute left-0 top-0",style:{background:"linear-gradient(90deg, rgba(203, 124, 255, 0.2) 0%, #CB7CFF 50%, rgba(203, 124, 255, 0.2) 100%)",WebkitMaskImage:"linear-gradient(to right, transparent 50%, black 50%)",WebkitMaskSize:"10px 100%",WebkitMaskRepeat:"repeat-x",maskImage:"linear-gradient(to right, transparent 50%, black 50%)",maskSize:"10px 100%",maskRepeat:"repeat-x",zIndex:40}}),(0,a.jsxs)("div",{className:"item-spacing-col col-span-1",children:[(0,a.jsx)("p",{className:"subTitle-section",children:"MOBILE READY (EXPERIMENTAL)"}),(0,a.jsx)(o.Z,{sequence:["Build mobile dApps with the same powerful Scaffold-Stark experience."],wrapper:"span",cursor:!1,speed:50,className:"title-section max-w-[480px] md:min-
1h-[130px] min-h-[50px]"}),(0,a.jsx)("p",{className:"text-[#6B7280] lg:text-lg text-sm max-w-[530px] font-inter",children:"Bring your Starknet dApps to mobile with React Native. Leverage the same powerful hooks, components, and development workflow you love from Scaffold-Stark, now optimized for iOS and Android platforms."}),(0,a.jsx)("div",{className:"flex flex-col lg:gap-2 gap-0 lg:mt-16 mt-0",children:(0,a.jsxs)("div",{className:"flex gap-2 hover-text w-fit",onClick:()=>window.open("https://github.com/Scaffold-Stark/scaffold-stark-rn","_blank"),children:[(0,a.jsx)("p",{className:"title-section !text-lg font-inter !font-bold",children:"Explore Scaffold-Stark Mobile"}),(0,a.jsx)(i(),{src:"/assets/redirect-icon.svg",alt:"redirect",width:"15",height:"15",className:"w-auto h-auto"})]})})]}),(0,a.jsxs)("div",{className:"col-span-1 relative flex items-center justify-center",children:[(0,a.jsxs)("div",{className:"absolute inset-0 flex items-center justify-center z-10",children:[(0,a.jsx)("div",{className:"absolute",style:{width:380,height:730,borderRadius:"40px",background:"radial-gradient(circle, #b386ff 30%, transparent 70%)",filter:"blur(32px)",left:"50%",top:"50%",transform:"translate(-50%, -50%)",zIndex:10,pointerEvents:"none",animation:"glowPulse 2.5s ease-in-out infinite"}}),(0,a.jsx)("style",{children:"\n            @keyframes glowPulse {\n              0% {\n                opacity: 0.70;\n                filter: blur(30px);\n              }\n              50% {\n                opacity: 1;\n                filter: blur(52px);\n              }\n              100% {\n                opacity: 0.70;\n                filter: blur(30px);\n              }\n            }\n          "})]}),(0,a.jsx)(i(),{src:"/scaffold-stark-rn.png",alt:"Scaffold Stark React Native",width:350,height:700,className:"rounded-[3rem] relative z-20",style:{maxWidth:"100%",height:"auto"}})]})]});var A=s(5898);s(6978),s(7644),s(501);var E=s(7062),R=s(8278);let T=e=>{let{icon:t,text:s,onClick:l}=e;return(0,a.jsxs)("div",{className:"cursor-pointer relative z-50 px-6  lg:py-4 py-3 flex items-center justify-center gap-2.5 w-fit",style:{borderRadius:"10px",border:"1px solid #9B5584",background:"linear-gradient(180deg, #FFB0FF 0%, #7748CD 100%)",boxShadow:"4px 0px 2.6px 0px rgba(255, 255, 255, 0.25) inset, 0px -4px 2.6px 0px rgba(0, 0, 0, 0.37) inset, 0px 3px 2.6px 0px rgba(255, 255, 255, 0.25) inset, 0px 4px 4px 0px rgba(0, 0, 0, 0.05)"},onClick:l,children:[(0,a.jsx)("p",{className:"lg:text-xl text-sm font-grotesk",children:s}),(0,a.jsx)(i(),{src:t,alt:"icon",width:26,height:26})]})},z=e=>{let{desc:t,avatar:s,name:l,position:r}=e;return(0,a.jsxs)("div",{className:"flex flex-col h-full lg:gap-20 gap-3",children:[(0,a.jsx)("p",{className:"text-[#BABABA] lg:text-xl text-xs flex-1 font-inter",children:t}),(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{children:s?(0,a.jsx)(i(),{src:s,alt:"avatar",width:48,height:48,className:"rounded-full w-auto h-auto"}):(0,a.jsx)("div",{className:"w-12 h-12 rounded-full bg-white"})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"lg:text-xl text-xs font-medium bg-gradient-to-br from-rose-200 via-purple-300 to-purple-400 inline-block text-transparent bg-clip-text font-inter",children:l}),(0,a.jsx)("p",{className:"text-[#BABABA] lg:text-sm text-xs font-inter",children:r})]})]})]})},W=()=>{let e=[{desc:"“Scaffold Stark is the best way for developers to launch apps on Starknet, it is fast and optimized for almost all use cases, the team is constantly pushing towards having more production friendly framework.”",avatar:"/assets/mehdi.png",name:"Mehdi",position:"Founder at Stormbit Finance"},{desc:"“I've found Scaffold-Stark's debugging process exceptional. The framework streamlines complex data type handling, significantly reducing development overhead. Its built-in error handling and debugging tools have cut our development time in half while maintaining code quality.”",avatar:"/assets/gian.png",name:"Gian",position:"Founder at The Marquis"},{desc:"“Tools like @ScaffoldStark will greatly help new developers to create projects on @Starknet, for example at hackathons I'm excited to see what new ideas will be developed with this toolkit.”",avatar:"/assets/omar.png",name:"Omar",position:"Developer Relations at Starknet Foundation"},{desc:"“Coming from an Ethereum / EVM background, it would have so time consuming to get started on building apps on Starknet with Scaffold-Stark, specially during a hackathon, also the framework is structured on a similar way to Scaffold-Eth, so its very easy to understand how it works.”",avatar:"/assets/shiv.png",name:"Shiv",position:"Contributor at Scaffold-Eth"},{desc:"“Scaffold-Stark simplified the onboarding process for developers looking to build on Starknet. Its developer friendly structure makes transitioning from Ethereum seamless, while offering power tools to experiment and scale Starknet projects easier.”",avatar:"/assets/andee.png",name:"Andee",position:"Founder at RYG.Labs"},{desc:"“Scaffold Stark is a game-changer for building on Starknet. It drastically reduces the time needed to set up the development environment, and debugging smart contracts becomes a straightforward task thanks to the intuitive interface they’ve added. Highly recommended for any developer diving into Starknet!”",avatar:"/assets/oxvato.png",name:"0xVato",position:"Founder at ChipiPay"}],t={1280:{slidesPerView:3.5}};return(0,a.jsxs)("div",{className:"mx-auto",children:[(0,a.jsx)("div",{className:"worldclass-pc md:block hidden",children:(0,a.jsx)(R.tq,{modules:[E.W_,E.tl],centeredSlides:!0,loop:!0,spaceBetween:20,slidesPerView:1.5,breakpoints:t,className:"w-full items-stretch flex",wat
1chSlidesProgress:!0,observer:!0,observeParents:!0,updateOnWindowResize:!0,pagination:!0,preventClicks:!0,preventClicksPropagation:!0,allowTouchMove:!1,watchOverflow:!0,children:(0,a.jsx)("div",{className:"swiper-wrapper animate-scroll",children:e.map((e,t)=>(0,a.jsx)(R.o5,{className:"transition-all duration-500 ease-out",children:(0,a.jsx)("div",{className:"h-full",children:(0,a.jsx)(z,{...e})})},"slide-".concat(t)))})})}),(0,a.jsx)("div",{className:"worldclass-mb md:hidden block",children:(0,a.jsx)(R.tq,{modules:[E.W_,E.tl],centeredSlides:!0,loop:!0,spaceBetween:20,pagination:!0,slidesPerView:1.5,breakpoints:t,className:"w-full items-stretch flex",children:(0,a.jsx)("div",{className:"swiper-wrapper animate-scroll",children:e.map((e,t)=>(0,a.jsx)(R.o5,{className:"transition-all duration-500 ease-out",children:(0,a.jsx)("div",{className:"h-full",children:(0,a.jsx)(z,{...e})})},"slide-".concat(t)))})})})]})},_=()=>(0,a.jsxs)("div",{className:"relative z-40",children:[(0,a.jsxs)("div",{className:"grid lg:grid-cols-3 grid-cols-1 rounded-l-3xl rounded-r-3xl ",style:{borderRight:"2px solid #B24DFF",borderLeft:"1px solid #B24DFF",background:"linear-gradient(270deg, #9B5584 0%, #181872 108.63%)",boxShadow:"9px 8px 4px 0px rgba(150, 104, 149, 0.25) inset, 0px 0px 98.8px 0px rgba(184, 91, 255, 0.00)"},children:[(0,a.jsxs)("div",{className:"col-span-1 lg:order-1 order-2 flex",children:[(0,a.jsx)(i(),{src:"/assets/scaffold-stark.svg",alt:"scaffold",width:417,height:378,className:"lg:block hidden lg:rounded-l-3xl rounded-l-0 rounded-b-3xl lg:rounded-b-0 lg:rounded-r-none w-full "}),(0,a.jsx)(i(),{src:"/assets/scaffold-stark-mb.svg",alt:"scaffold",width:417,height:378,className:"lg:hidden block lg:rounded-l-3xl rounded-l-0 rounded-b-3xl lg:rounded-b-0 lg:rounded-r-none w-full"})]}),(0,a.jsxs)("div",{className:"lg:p-11 p-8 flex flex-col col-span-2 lg:order-2 order-1",children:[(0,a.jsxs)("div",{className:"flex items-center gap-5",children:[(0,a.jsx)(i(),{src:"/assets/logo.png",alt:"logo",width:44,height:44}),(0,a.jsx)("p",{className:"text-[25px]",children:"Scaffold-Stark"})]}),(0,a.jsxs)("div",{className:"flex-1 item-spacing-col justify-end",children:[(0,a.jsx)("p",{className:"lg:text-xl text-sm lg:max-w-[700px] max-w-full lg:mb-0 lg:mt-0 mt-10 mb-3 font-inter",children:"You can build and learn together with our community, joining over 500 members in creating products, prototypes, and tutorials to enrich the web3 ecosystem."}),(0,a.jsxs)("div",{className:"flex lg:flex-row flex-col gap-3",children:[(0,a.jsx)(T,{icon:"/assets/telegram-icon.svg",text:"Join Telegram",onClick:()=>window.open(d.s.telegram,"_blank")}),(0,a.jsx)(T,{icon:"/assets/onlydust-icon.svg",text:"Join Onlydust",onClick:()=>window.open(d.s.onlydust,"_blank")}),(0,a.jsx)(T,{icon:"/assets/x-icon.svg",text:"Follow Us",onClick:()=>window.open(d.s.twitter,"_blank")})]})]})]})]}),(0,a.jsx)("div",{className:"absolute inset-0 z-40 rounded-3xl md:block hidden",style:{boxShadow:"9px 8px 4px 0px rgba(150, 104, 149, 0.25) inset"}})]}),O=()=>(0,a.jsxs)("section",{children:[(0,a.jsx)("div",{className:"relative rotate-180 z-10 lg:top-0 top-[52px]",children:(0,a.jsx)(p.G,{})}),(0,a.jsxs)("div",{className:"bg-[#0F0F0F] lg:pt-20 pt-14 pb-14  overflow-x-hidden relative z-30",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)(o.Z,{sequence:["World-class developers use Scaffold-Stark"],wrapper:"p",cursor:!1,speed:50,className:"lg:text-[54px] text-[22px] font-bold text-center font-grotesk h-fit max-w-[680px] mx-auto",style:{background:"linear-gradient(180deg, #FFF 0%, #999 100%)",WebkitBackgroundClip:"text",backgroundClip:"text",WebkitTextFillColor:"transparent",lineHeight:"114%"}}),(0,a.jsx)("p",{className:"text-[#BABABA] lg:text-xl text-sm text-center lg:mt-5 mt-3 font-inter mx-auto max-w-[890px]",children:"You can build and learn together with our community, joining over 300 members in creating products, prototypes, and tutorials to enrich the web3 ecosystem."})]}),(0,a.jsx)("div",{className:"lg:mt-14 mt-8",children:(0,a.jsx)(W,{})}),(0,a.jsx)("div",{className:"!mt-[180px] content",children:(0,a.jsx)(_,{})}),(0,a.jsx)("div",{className:"mt-20",children:(0,a.jsx)(A.$,{})})]})]});var M=s(4420),I=()=>{let{setTheme:e}=(0,r.F)(),[t,s]=(0,l.useState)(!1);return((0,l.useLayoutEffect)(()=>{(async()=>{await e("dark"),s(!0)})()},[]),t)?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(M.G,{}),(0,a.jsxs)("div",{className:"flex flex-col gap-28",children:[(0,a.jsx)(D,{}),(0,a.jsx)(x,{}),(0,a.jsx)(u,{}),(0,a.jsx)(c,{}),(0,a.jsx)(B,{}),(0,a.jsx)(O,{})]})]}):(0,a.jsx)("div",{className:"flex items-center justify-center min-h-screen bg-[#0F0F0F]",children:(0,a.jsx)("div",{className:"animate-spin rounded-full h-8 w-8 border-b-2 border-gray-200"})})}},9376:function(e,t,s){"use strict";s.d(t,{G:function(){return l}});var a=s(7437);let l=()=>(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("div",{className:"bg-[#0F0F0F] h-[113px] left-0 w-[calc((100%-1439px)/2)] absolute top-0 z-10"}),(0,a.jsx)("div",{className:"bg-[#0F0F0F] h-[113px] right-0 w-[calc((100%-1439px)/2)] absolute top-0 z-10"}),(0,a.jsx)("div",{className:"absolute w-full rotate-180 z-20 md:top-0 -top-10",children:(0,a.jsx)("div",{className:"relative max-w-[1440px] mx-auto",children:(0,a.jsx)("div",{className:"w-full h-[113px] bg-[#0F0F0F]",style:{clipPath:"pol
1ygon(0 100%, 100% 100%, 100% 0, calc(100% - 59px) 0, calc(100% - 120px) 59px, 120px 59px, 59px 0, 0 0)"}})})})]})},5898:function(e,t,s){"use strict";s.d(t,{$:function(){return r}});var a=s(7437),l=s(3219);let r=()=>(0,a.jsxs)("div",{className:"flex items-center gap-4 justify-center",children:[(0,a.jsx)("a",{className:"font-medium cursor-pointer underline",onClick:()=>window.open(l.s.editme,"_blank"),children:"Edit me"}),(0,a.jsx)("div",{className:"w-1 h-1 bg-white rounded-full"}),(0,a.jsx)("a",{className:"font-medium cursor-pointer underline",onClick:()=>window.open("/brandkit","_blank"),children:"Brand Assets"})]})},6783:function(e,t,s){"use strict";s.d(t,{h:function(){return p}});var a=s(7437),l=s(2265),r=s(6691),n=s.n(r),i=s(6689),o=s(3219);let c=[{text:"Extensions",link:o.s.extensions},{text:"Learn",link:o.s.speedrun},{text:"Docs",link:o.s.scaffoldDoc},{text:"Demo",link:o.s.scaffoldDemo},{text:"Github",link:o.s.scaffoldGit}],d=()=>(0,a.jsxs)("div",{className:"relative z-20 flex justify-between items-center border-b border-[#484848] p-6",children:[(0,a.jsxs)("div",{className:"flex items-center gap-5 cursor-pointer",onClick:()=>window.location.href="/",children:[(0,a.jsx)(n(),{src:"/assets/scaffold-pink-svg.svg",alt:"logo",width:44,height:44}),(0,a.jsx)("p",{className:"text-[25px] font-medium font-grotesk text-[#A38CFF]",children:"Scaffold-Stark"})]}),(0,a.jsxs)("div",{className:"flex gap-2",children:[c.slice(0,4).map(e=>(0,a.jsx)("p",{className:"header-item-btn font-grotesk",onClick:()=>window.open(e.link,"_blank"),children:e.text},e.text)),(0,a.jsxs)("div",{className:"header-item-github-btn flex items-center w-fit gap-2.5",onClick:()=>window.open(o.s.scaffoldGit,"_blank"),children:[(0,a.jsx)("p",{className:"font-grotesk",children:"Github"}),(0,a.jsx)(n(),{src:"/assets/github-icon.svg",alt:"icon",width:24,height:24})]})]})]}),x=()=>{let[e,t]=(0,l.useState)(!1);return(0,l.useEffect)(()=>(document.body.style.overflow=e?"hidden":"unset",()=>{document.body.style.overflow="unset"}),[e]),(0,a.jsxs)("div",{className:"pt-6 pb-3 px-6 flex items-center justify-between relative",children:[(0,a.jsx)("div",{children:(0,a.jsx)(n(),{src:"/assets/logo-text-scaffold-pink.png",alt:"logo",width:170,height:30})}),!e&&(0,a.jsx)("button",{onClick:()=>t(!0),className:"px-3 py-1.5 rounded-xl border border-white font-grotesk",children:"Menu"}),(0,a.jsx)("div",{className:"fixed left-0 top-0 bg-black w-full h-screen transition-transform duration-300 ease-in-out ".concat(e?"translate-x-0":"-translate-x-full"),style:{zIndex:9999},children:(0,a.jsxs)("div",{className:"p-6",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsx)("p",{className:"font-semibold text-white",children:"Menu"}),(0,a.jsx)("button",{onClick:()=>t(!1),className:"w-[34px] h-[34px] flex items-center justify-center rounded-xl bg-white",children:(0,a.jsx)(i.Z,{color:"black",width:18,height:18})})]}),(0,a.jsx)("div",{className:"flex flex-col gap-4 mt-8",children:c.map(e=>(0,a.jsx)("p",{className:"text-white cursor-pointer hover:text-gray-300",onClick:()=>window.open(e.link,"_blank"),children:e.text},e.text))})]})})]})},p=()=>(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"md:block hidden",children:(0,a.jsx)(d,{})}),(0,a.jsx)("div",{className:"md:hidden block",children:(0,a.jsx)(x,{})})]})},4420:function(e,t,s){"use strict";s.d(t,{G:function(){return o}});var a=s(7437);s(2265);var l=s(5601),r=s.n(l),n=s(2601);let i=n.env.NEXT_PUBLIC_VERCEL_URL?"https://".concat(n.env.NEXT_PUBLIC_VERCEL_URL,"/"):"/",o=e=>{let{title:t="Scaffold-Starknet",description:s="An open-source, up-to-date toolkit for building decentralized applications (dapps) on Starknet. It's designed to make it easier for developers to create and deploy smart contracts and build user interfaces that interact with those contracts.",image:l="icon.svg",twitterCard:n="summary_large_image",children:o}=e,c=i+l;return(0,a.jsxs)(r(),{children:[t&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("title",{children:t}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{name:"twitter:title",content:t})]}),s&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{name:"description",content:s}),(0,a.jsx)("meta",{property:"og:description",content:s}),(0,a.jsx)("meta",{name:"twitter:description",content:s})]}),l&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{property:"og:image",content:c}),(0,a.jsx)("meta",{name:"twitter:image",content:i+"twitterThumbnail.png"}),(0,a.jsx)("meta",{property:"fc:frame",content:"vNext"}),(0,a.jsx)("meta",{property:"fc:frame:image",content:c}),(0,a.jsx)("meta",{property:"fc:frame:button:1",content:"\uD83D\uDEE0️ GitHub"}),(0,a.jsx)("meta",{property:"fc:frame:button:1:action",content:"link"}),(0,a.jsx)("meta",{property:"fc:frame:button:1:target",content:"https://github.com/scaffold-eth/scaffold-eth-2"}),(0,a.jsx)("meta",{property:"fc:frame:button:2",content:"\uD83D\uDCC3 Docs"}),(0,a.jsx)("meta",{property:"fc:frame:button:2:action",content:"link"}),(0,a.jsx)("meta",{property:"fc:frame:button:2:target",content:"https://docs.scaffoldeth.io/"}),(0,a.jsx)("meta",{property:"fc:frame:button:3",content:"Features →"}),(0,a.jsx)("meta",{property:"fc:frame:post_url",content:"".concat(i,"api?id=1")})]}),n&&(0,a.jsx)("meta",{name:"twitter:card",content:n}),(0,a.jsx)("link",{rel:"icon",type:"image/png",sizes:"32x32",href:"/favicon.png"}),o]})}},9553:function(e,t,s){"use strict";var a=s(7437),l=s(2265);t.Z=e=>{let{sequence:t=[],speed:s=50,repeat:r=!1,cursor:n=!0,wrapper:i="span",className:o,style:c}=e,[d,x]=(0,l.useState)(""),[p,m]=(0,l.useState)(0),[g,h]=(0,l.useState)(!1),[u,f]=(0,l.useState)(!1),b=(0,l.useRef)(null);(0,l.useEffect)(()=>{let e=new IntersectionObserver(e=>{let[t]=e;f(t.isIntersecting)},{threshold:.3}),t=b.current;return t&&e.observe(t),()=>{t&&e.unobserve(t)}},[]);let k=(0,l.useCallback)(()=>
1{if(!u)return;let e=t[p];if("number"==typeof e){setTimeout(()=>{m(e=>(e+1)%t.length)},e);return}if(g)x(e.substring(0,d.length-1)),0===d.length&&(h(!1),m(e=>(e+1)%t.length));else if(x(e.substring(0,d.length+1)),d.length===e.length){if(!r&&p===t.length-1)return;h(!0)}},[p,g,r,t,d,u]);return(0,l.useEffect)(()=>{let e=setTimeout(k,s);return()=>clearTimeout(e)},[k,s]),(0,a.jsxs)(i,{ref:b,className:o,style:c,children:[d,n&&(0,a.jsx)("span",{className:"animate-pulse",children:"|"})]})}},5551:function(e,t,s){"use strict";s.d(t,{i:function(){return a}});let a=[{title:"AUCO INDEXER",shortDesc:"Uses Auco Indexer for powerful blockchain indexing",longDesc:'This Scaffold-Stark 2 extension comes pre-configured with Auco Indexer, providing an example to help you get started quickly with integrated indexer in your project.<br><br><a href="https://scaffoldstark.com/auco" target="_blank" rel="noopener noreferrer">Read Auco Indexer Documentation</a>',github:"https://github.com/Scaffold-Stark/create-starknet-extensions/tree/auco",isActive:!0,command:"npx create-stark@latest -e auco",category:"scaffold"},{title:"ERC-20",shortDesc:"Start with a simple ERC-20 token implementation",longDesc:"This extension introduces an ERC-20 token contract and demonstrates how to interact with it, including getting a holder balance and transferring tokens.",github:"https://github.com/Scaffold-Stark/create-starknet-extensions",isActive:!0,command:"npx create-stark@latest -e erc-20",category:"scaffold"},{title:"ERC-721",shortDesc:"Start with a simple ERC-721 token implementation",longDesc:"This extension introduces an ERC-721 token contract and demonstrates how to use it, including getting the total supply and holder balance and listing all NFTs from the collection.",github:"https://github.com/Scaffold-Stark/create-starknet-extensions/tree/erc721",isActive:!0,command:"npx create-stark@latest -e erc-721",category:"scaffold"},{title:"ERC-1155",shortDesc:"Start with a simple ERC-1155 token implementation",longDesc:"This extension introduces an ERC-1155 token contract and demonstrates how to use it, including multi-token contract with game items including Gold, Silver, Thor's Hammer, Sword, and Shield. Each item has different properties and can be minted and transferred.",github:"https://github.com/Scaffold-Stark/create-starknet-extensions/tree/erc1155",isActive:!0,command:"npx create-stark@latest -e erc-1155",category:"scaffold"},{title:"Challenge 0: Simple NFT",shortDesc:"Build and deploy your first NFT smart contract with a React app",longDesc:"This challenge introduces your first smart contract deployment with a template React app featuring essential Starknet components, creating an NFT marketplace for purchasing and transferring tokens.",github:"https://github.com/Scaffold-Stark/speedrunstark/tree/challenge-0-simple-nft",isActive:!0,command:"npx create-stark@latest -e challenge-0-simple-nft",category:"speedrun"},{title:"Challenge 1: Decentralized Staking",shortDesc:"Create a decentralized group funding application with cooperation mechanics",longDesc:"This challenge introduces a decentralized staking application where users coordinate group funding efforts, with cooperation leading to pooled funds and defection resulting in refunds.",github:"https://github.com/Scaffold-Stark/speedrunstark/tree/challenge-1-decentralized-staking",isActive:!0,command:"npx create-stark@latest -e challenge-1-decentralized-staking",category:"speedrun"},{title:"Challenge 2: Token Vendor",shortDesc:"Build a decentralized vending machine for buying and selling tokens",longDesc:"This challenge introduces an unstoppable vending machine smart contract for trading tokens, teaching ERC20 approve patterns and contract-to-contract interactions.",github:"https://github.com/Scaffold-Stark/speedrunstark/tree/challenge-2-token-vendor",isActive:!0,command:"npx create-stark@latest -e challenge-2-token-vendor",category:"speedrun"},{title:"Challenge 3: Dice Game",shortDesc:"Explore randomness on blockchain with block hash and dice game mechanics",longDesc:"This challenge demonstrates randomness generation using block hash in a dice game contract, while exploring exploitable weaknesses and stronger alternatives like oracles and VRF.",github:"https://github.com/Scaffold-Stark/speedrunstark/tree/challenge-3-dice-game",isActive:!0,command:"npx create-stark@latest -e challenge-3-dice-game",category:"speedrun"}
1,{title:"Challenge 4: Build a DEX",shortDesc:"Build a decentralized exchange for BALLOONS and STRK token trading",longDesc:"This challenge guides you through building a minimum viable DEX with BALLOONS ($BAL) and STRK token pair, implementing core exchange functionality and trading mechanics.",github:"https://github.com/Scaffold-Stark/speedrunstark/tree/challenge-4-build-a-dex",isActive:!0,command:"npx create-stark@latest -e challenge-4-build-a-dex",category:"speedrun"},{title:"Challenge 5: Multisig Wallet",shortDesc:"Build a secure multisig wallet requiring multiple signatures for transactions",longDesc:"This challenge creates a multisig wallet smart contract where multiple signers must confirm transactions before execution, enabling secure asset management and governance.",github:"https://github.com/Scaffold-Stark/speedrunstark/tree/challenge-5-multisig-wallet",isActive:!0,command:"npx create-stark@latest -e challenge-5-multisig-wallet",category:"speedrun"},{title:"Challenge 6: Stable Coin",shortDesc:"Build a decentralized stablecoin backed by STRK collateral",longDesc:"This challenge guides you through building MyUSDEngine to interact with MyUSD, a crypto-backed stablecoin designed to maintain a peg to $1 USD. You'll implement core DeFi concepts including collateralization, minting, burning, interest rates, and liquidations to create a robust stablecoin system where users can deposit STRK collateral and mint stablecoins.",github:"https://github.com/Scaffold-Stark/speedrunstark/tree/challenge-6-stable-coin",isActive:!0,command:"npx create-stark@latest -e challenge-6-stable-coin",category:"speedrun"}]},3219:function(e,t,s){"use strict";s.d(t,{s:function(){return a}});let a={scaffoldStark:"https://scaffold-stark-demo.vercel.app/",speedrun:"https://speedrunstark.com/",scaffoldDoc:"https://scaffoldstark.com/docs/",scaffoldDemo:"https://scaffold-stark-demo.vercel.app/debug",scaffoldGit:"https://github.com/Scaffold-Stark/scaffold-stark-2",editme:"https://github.com/Scaffold-Stark/scaffoldstark.com/edit/main/packages/nextjs/app/page.tsx",telegram:"https://t.me/+wO3PtlRAreo4MDI9",onlydust:"https://app.onlydust.com/p/speedrun-scaffold-stark",twitter:"https://x.com/scaffoldstark",extensions:"/extensions"}},6300:function(e,t,s){"use strict";s.d(t,{k:function(){return l}});var a=s(5925);let l=async e=>{try{await navigator.clipboard.writeText(e),a.ZP.success("Copied successfull!")}catch(e){console.error("Failed to copy text:",e)}}}},function(e){e.O(0,[295,14,971,938,744],function(){return e(e.s=1529)}),_N_E=e.O()}]);

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.