1<!DOCTYPE html><!--C6xXC5j3obqDnvAMqdaHV--><html lang="en" class="__variable_246ccd __variable_c29908 __variable_2ad349 flex min-h-full w-full scroll-smooth antialiased"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/22a5144ee8d83bca-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/59086a93cebe8094-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/7d4881bb7e1bf84d-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/8d3438aba4d874a4-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/bf273aca3d6b346f-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/80fe29023b610251.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/676183c66d98b939.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-5ea7c23e2f50fba9.js"/>
1<script src="/_next/static/chunks/57706a6b-106f15357916e37c.js" async=""></script>
1<script src="/_next/static/chunks/82946-fd978bb63c15f862.js" async=""></script>
1<script src="/_next/static/chunks/main-app-ddb4a1d4a12e85d3.js" async=""></script>
1<script src="/_next/static/chunks/67432-32747e88a4f8acc8.js" async=""></script>
1<script src="/_next/static/chunks/76370-0359ac560144dca6.js" async=""></script>
1<script src="/_next/static/chunks/80575-97954de7a94dabff.js" async=""></script>
1<script src="/_next/static/chunks/60986-cc43adc00eabbf09.js" async=""></script>
1<script src="/_next/static/chunks/6355-a93a54f3c40ced8f.js" async=""></script>
1<script src="/_next/static/chunks/6421-a46ca4986378c7cc.js" async=""></script>
1<script src="/_next/static/chunks/13720-cca1d03560a65327.js" async=""></script>
1<script src="/_next/static/chunks/6633-d2ac46f665aa25ac.js" async=""></script>
1<script src="/_next/static/chunks/8768-4c017adcaf9b8538.js" async=""></script>
1<script src="/_next/static/chunks/79679-e7f1c86802c7d4f1.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-a6da6a44555ea45c.js" async=""></script>
1<script src="/_next/static/chunks/43280-e251c444000fa096.js" async=""></script>
1<script src="/_next/static/chunks/73384-e2f14b08da94964e.js" async=""></script>
1<script src="/_next/static/chunks/52285-0df21aebe4a74a07.js" async=""></script>
1<script src="/_next/static/chunks/49299-5b7ce3a57185f3d6.js" async=""></script>
1<script src="/_next/static/chunks/55117-3b317ae9a22154e9.js" async=""></script>
1<script src="/_next/static/chunks/12075-4c9680bfe56d2bc0.js" async=""></script>
1<script src="/_next/static/chunks/78081-90043cbd425aaf13.js" async=""></script>
1<script src="/_next/static/chunks/app/(front)/pricing/page-bf756ac055eae8bd.js" async=""></script>
1<script src="/_next/static/chunks/92831-c2e7529c61e73e1b.js" async=""></script>
1<script src="/_next/static/chunks/62281-5f426aef4556c73e.js" async=""></script>
1<script src="/_next/static/chunks/84539-a81833724dad3b92.js" async=""></script>
1<script src="/_next/static/chunks/81822-35c780227d9faa98.js" async=""></script>
1<script src="/_next/static/chunks/31775-a17de6801361b780.js" async=""></script>
1<script src="/_next/static/chunks/96373-1af84c40bc0e816c.js" async=""></script>
1<script src="/_next/static/chunks/app/(pages-themed)/layout-a1f2ff3e3002f512.js" async=""></script>
1<script src="/_next/static/chunks/40979-91b06f2af4beacb2.js" async=""></script>
1<script src="/_next/static/chunks/99227-afdba63e10318688.js" async=""></script>
1<script src="/_next/static/chunks/47810-c0524be794c78849.js" async=""></script>
1<script src="/_next/static/chunks/84662-5f426aef4556c73e.js" async=""></script>
1<script src="/_next/static/chunks/28956-d659e4129f680ee8.js" async=""></script>
1<script src="/_next/static/chunks/39860-e657bd8edd5f5a31.js" async=""></script>
1<script src="/_next/static/chunks/70488-093493931133b001.js" async=""></script>
1<script src="/_next/static/chunks/38020-a97f2f699348bb7f.js" async=""></script>
1<script src="/_next/static/chunks/app/(front-themed)/layout-d9de11885259c78e.js" async=""></script>
1<link rel="preload" href="https://df.shadcnstudio.com/js/script.js" as="script"/><link rel="preload" href="https://cdn.affonso.io/js/pixel.min.js" as="script"/><meta name="next-size-adjust" content=""/><title>Pricing - Shadcn Studio</title><meta name="description" content="Get lifetime access to 1000+ Shadcn UI components, 1000+ blocks & 25+ templates with a one-time payment. Simple pricing, unlimited projects."/><meta name="keywords" content="shadcn studio pricing,shadcn ui pricing,shadcn blocks pricing,shadcn templates pricing"/><meta name="robots" content="noindex,nofollow"/><link rel="canonical" href="https://shadcn-studio-internal-staging.vercel.app/pricing"/><meta property="og:title" content="Pricing - Shadcn Studio"/><meta property="og:description" content="Get lifetime access to 1000+ Shadcn UI components, 1000+ blocks & 25+ templates with a one-time payment. Simple pricing, unlimited projects."/><meta property="og:url" content="https://shadcn-studio-internal-staging.vercel.app/pricing"/><meta property="og:site_name" content="Shadcn Studio"/><meta property="og:image" content="https://cdn.shadcnstudio.com/ss-assets/smm/marketing/shadcn-studio-smm-banner.png"/><meta property="og:image:type" content="image/png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Pricing - Shadcn Studio"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Pricing - Shadcn Studio"/><meta name="twitter:description" content="Get lifetime access to 1000+ Shadcn UI components, 1000+ blocks & 25+ templates with a one-time payment. Simple pricing, unlimited projects."/><meta name="twitter:image" content="https://cdn.shadcnstudio.com/ss-assets/smm/marketing/shadcn-studio-smm-banner.png"/><meta name="twitter:image:type" content="image/png"/><meta name="twitter:image:width" content="1200"/><meta name="twitter:image:height" content="630"/><meta name="twitter:image:alt" content="Pricing - Shadcn Studio"/><link rel="icon" href="https://cdn.shadcnstudio.com/ss-assets/favicon/favicon-16x16.png" sizes="16x16" type="image/png"/><link rel="icon" href="https://cdn.shadcnstudio.com/ss-assets/favicon/favicon-32x32.png" sizes="32x32" type="image/png"/><link rel="icon" href="https://cdn.shadcnstudio.com/ss-assets/favicon/favicon.ico" sizes="48x48" type="image/x-icon"/><link rel="apple-touch-icon" href="https://cdn.shadcnstudio.com/ss-assets/favicon/apple-touch-icon.png" sizes="180x180" type="image/png"/><link rel="icon" href="https://cdn.shadcnstudio.com/ss-assets/favicon/android-chrome-192x192.png" sizes="192x192" type="image/png"/><link rel="icon" href="https://cdn.shadcnstudio.com/ss-assets/favicon/android-chrome-512x512.png" sizes="512x512" type="image/png"/>
1<script>try{var d=document.documentElement,k=document.cookie;if(k.split(';').some(function(c){c=c.trim();return c.indexOf('sb-')===0&&c.indexOf('-auth-token')>-1}))d.setAttribute('data-auth','');var m=k.match(/(?:^|; )shadcn-studio-settings=([^;]*)/);if(m){var t=JSON.parse(decodeURIComponent(m[1])).notificationBanner;if(t&&Date.now()-t<=86400000)d.setAttribute('data-banner-dismissed','')}}catch(e){}</script>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body class="style-vega flex min-h-full w-full flex-auto flex-col"><div hidden=""><!--$--><!--/$--></div>
1<script>((a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f&&f[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("class","theme","light",null,["light","dark"],null,true,true)</script>
1<div class="bg-primary [html[data-banner-dismissed]_&]:hidden"><div class="mx-auto flex w-full max-w-350 items-center justify-between gap-3.5 px-4 py-3.5 min-[1800px]:max-w-384 sm:px-6 lg:px-8"><div class="flex items-center gap-3.5"><p class="text-primary-foreground line-clamp-2 text-[0.9375rem] font-semibold">𥳠New:<!-- --> <span class="font-normal">100+ Ready to use Shadcn Pages<span class="max-sm:hidden"> & Builder Pages Presets</span><span class="max-lg:hidden">, Admin Dashboards & Application Templates</span>.</span></p><a data-slot="button" data-variant="secondary" data-size="default" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 inline-flex shrink-0 items-center justify-center rounded-md font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-secondary text-secondary-foreground hover:bg-secondary/80 px-4 has-[>svg]:px-3 h-7 gap-1.5 px-2! py-1 text-xs" href="/changelog?tab=pro-changelog">Visit changelog<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></a></div><button data-slot="button" data-variant="default" data-size="icon" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground text-primary-foreground! hover:bg-primary-foreground/10 size-7 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg><div class="sr-only">Close notification</div></button></div></div><div class="flex h-full w-full min-w-0 flex-col" id="backdrop-container"><header class="sticky top-0 z-(--header-z-index) flex min-h-(--header-height) w-full shrink-0 items-center justify-center border-b border-dashed backdrop-blur-sm bg-background/60"><div class="mx-auto flex h-full w-full max-w-350 items-center border-dashed min-[1400px]:border-x min-[1800px]:max-w-384"><div class="flex w-full items-center justify-between gap-2 px-4 max-lg:gap-4 sm:px-6 lg:px-8"><a aria-label="shadcn/studio" href="/"><div class="flex items-center gap-2.5 max-[550px]:[&_span]:hidden"><svg width="1em" height="1em" viewBox="0 0 328 329" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-8.5"><rect y="0.5" width="328" height="328" rx="164" fill="black" class="dark:fill-white"></rect><path d="M165.018 72.3008V132.771C165.018 152.653 148.9 168.771 129.018 168.771H70.2288" stroke="white" stroke-width="20" class="dark:stroke-black"></path><path d="M166.627 265.241L166.627 204.771C166.627 184.889 182.744 168.771 202.627 168.771L261.416 168.771" stroke="white" stroke-width="20" class="dark:stroke-black"></path><line x1="238.136" y1="98.8184" x2="196.76" y2="139.707" stroke="white" stroke-width="20" class="dark:stroke-black"></line><line x1="135.688" y1="200.957" x2="94.3128" y2="241.845" stroke="white" stroke-width="20" class="dark:stroke-black"></line><line x1="133.689" y1="137.524" x2="92.5566" y2="96.3914" stroke="white" stroke-width="20" class="dark:stroke-black"></line><line x1="237.679" y1="241.803" x2="196.547" y2="200.671" stroke="white" stroke-width="20" class="dark:stroke-black"></line></svg><span class="text-xl font-bold">shadcn/studio</span></div></a><div class="flex items-center justify-end gap-2 lg:justify-between"><nav aria-label="Main" data-orientation="horizontal" dir="ltr" data-slot="navigation-menu" data-viewport="false" class="group/navigation-menu relative flex max-w-max flex-1 items-center justify-center max-[1440px]:hidden"><div style="position:relative"><ul data-orientation="horizontal" data-slot="navigation-menu-list" class="group flex flex-1 list-none items-center justify-center gap-0" dir="ltr"><li data-slot="navigation-menu-item" class="relative"><button id="radix-_R_cdiv9nb_-trigger-blocks" data-state="closed" aria-expanded="false" aria-controls="radix-_R_cdiv9nb_-content-blocks" data-slot="navigation-menu-trigger" class="group hover:text-accent-foreground focus:text-accent-foreground focus-visible:ring-ring/50 data-[state=open]:text-accent-foreground inline-flex w-max items-center justify-center text-sm transition-[color,box-shadow] outline-none focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group data-[active=true]:bg-accent data-[active=true]:text-primary hover:bg-accent focus:bg-accent data-[state=open]:bg-accent data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent h-fit roun
1ded-full bg-transparent px-2 py-1.5 font-medium focus-visible:ring-2" data-active="false" data-radix-collection-item="">Blocks<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></li><li data-slot="navigation-menu-item" class="relative"><button id="radix-_R_cdiv9nb_-trigger-templates" data-state="closed" aria-expanded="false" aria-controls="radix-_R_cdiv9nb_-content-templates" data-slot="navigation-menu-trigger" class="group hover:text-accent-foreground focus:text-accent-foreground focus-visible:ring-ring/50 data-[state=open]:text-accent-foreground inline-flex w-max items-center justify-center text-sm transition-[color,box-shadow] outline-none focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group data-[active=true]:bg-accent data-[active=true]:text-primary hover:bg-accent focus:bg-accent data-[state=open]:bg-accent data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent h-fit rounded-full bg-transparent px-2 py-1.5 font-medium focus-visible:ring-2" data-active="false" data-radix-collection-item="">Templates<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></li><li data-slot="navigation-menu-item" class="relative"><a data-active="false" data-slot="navigation-menu-link" class="hover:text-accent-foreground focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 p-2 text-sm transition-all outline-none focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4 data-[active=true]:text-primary hover:bg-accent data-[active=true]:hover:bg-accent focus:bg-accent data-[active=true]:bg-accent data-[active=true]:focus:bg-accent rounded-full py-1.5 font-medium focus-visible:ring-2" data-radix-collection-item="" href="/pages">Pages</a></li><li data-slot="navigation-menu-item" class="relative"><a data-active="false" data-slot="navigation-menu-link" class="hover:text-accent-foreground focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 p-2 text-sm transition-all outline-none focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4 data-[active=true]:text-primary hover:bg-accent data-[active=true]:hover:bg-accent focus:bg-accent data-[active=true]:bg-accent data-[active=true]:focus:bg-accent rounded-full py-1.5 font-medium focus-visible:ring-2" data-radix-collection-item="" href="/figma">Figma Kit</a></li><li data-slot="navigation-menu-item" class="relative"><a data-active="false" data-slot="navigation-menu-link" class="hover:text-accent-foreground focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 p-2 text-sm transition-all outline-none focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4 data-[active=true]:text-primary hover:bg-accent data-[active=true]:hover:bg-accent focus:bg-accent data-[active=true]:bg-accent data-[active=true]:focus:bg-accent rounded-full py-1.5 font-medium focus-visible:ring-2" data-radix-collection-item="" href="/illustrations">Illustrations</a></li><li data-slot="navigation-menu-item" class="relative"><a data-active="false" data-slot="navigation-menu-link" class="hover:text-accent-foreground focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 p-2 text-sm transition-all outline-none focus-visible:outline-1 [&_svg:not([class*='
1size-'])]:size-4 data-[active=true]:text-primary hover:bg-accent data-[active=true]:hover:bg-accent focus:bg-accent data-[active=true]:bg-accent data-[active=true]:focus:bg-accent rounded-full py-1.5 font-medium focus-visible:ring-2" data-radix-collection-item="" href="/components">Components</a></li><li data-slot="navigation-menu-item" class="relative"><button id="radix-_R_cdiv9nb_-trigger-ai-tools" data-state="closed" aria-expanded="false" aria-controls="radix-_R_cdiv9nb_-content-ai-tools" data-slot="navigation-menu-trigger" class="group hover:text-accent-foreground focus:text-accent-foreground focus-visible:ring-ring/50 data-[state=open]:text-accent-foreground inline-flex w-max items-center justify-center text-sm transition-[color,box-shadow] outline-none focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group data-[active=true]:bg-accent data-[active=true]:text-primary hover:bg-accent focus:bg-accent data-[state=open]:bg-accent data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent h-fit rounded-full bg-transparent px-2 py-1.5 font-medium focus-visible:ring-2" data-active="false" data-radix-collection-item="">AI Tools<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></li><li data-slot="navigation-menu-item" class="relative"><button id="radix-_R_cdiv9nb_-trigger-resources" data-state="closed" aria-expanded="false" aria-controls="radix-_R_cdiv9nb_-content-resources" data-slot="navigation-menu-trigger" class="group hover:text-accent-foreground focus:text-accent-foreground focus-visible:ring-ring/50 data-[state=open]:text-accent-foreground inline-flex w-max items-center justify-center text-sm transition-[color,box-shadow] outline-none focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group hover:bg-accent focus:bg-accent data-[state=open]:bg-accent data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent h-fit rounded-full bg-transparent px-2 py-1.5 font-medium focus-visible:ring-2" data-radix-collection-item="">Resources<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></li></ul></div></nav><div class="flex items-center gap-2 lg:gap-3"><div class="flex items-center gap-2"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><div data-slot="skeleton" class="bg-accent animate-pulse size-9 rounded-md min-[1440px]:hidden"></div><!--/$--><button data-slot="button" data-variant="outline" data-size="icon" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-background hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 border shadow-xs size-9"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg><span class="sr-only">Search</span></button><button data-slot="button" data-variant="outline" data-size="icon" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='
1size-'])]:size-4 bg-background hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 border shadow-xs size-9 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-moon-star" aria-hidden="true"><path d="M18 5h4"></path><path d="M20 3v4"></path><path d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"></path></svg><span class="sr-only">Toggle Theme</span></button><button data-state="closed" data-slot="tooltip-trigger" class="max-md:hidden"><a class="group animate-rainbow text-primary-foreground focus-visible:ring-ring/50 before:animate-rainbow relative inline-flex size-9 items-center justify-center rounded-md border-2 border-transparent bg-[linear-gradient(var(--primary),var(--primary)),linear-gradient(var(--primary)_30%,rgba(0,0,0,0)),linear-gradient(90deg,#ff4242,#a1ff42,#42a1ff,#42d0ff,#a142ff)] bg-[length:200%] [background-clip:padding-box,border-box,border-box] [background-origin:border-box] font-medium transition-colors before:absolute before:bottom-[-20%] before:left-0 before:z-0 before:h-1/5 before:w-full before:bg-[linear-gradient(90deg,#ff4242,#a1ff42,#42a1ff,#42d0ff,#a142ff)] before:[filter:blur(calc(0.625*1rem))] focus-visible:ring-[3px] focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 cursor-pointer" aria-label="Theme customizer" href="/theme-generator"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-palette size-4" aria-hidden="true"><path d="M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z"></path><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle></svg></a></button></div><div data-orientation="vertical" role="none" data-slot="separator" class="bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px h-8! max-lg:hidden"></div><div class="flex items-center gap-3 max-lg:hidden"><a target="_blank" rel="noopener noreferrer" href="https://github.com/shadcnstudio/shadcn-studio"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="size-5"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg><span class="sr-only">Github</span></a><a target="_blank" rel="noopener noreferrer" href="https://x.com/ShadcnStudio"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" class="size-5"><path fill="currentColor" d="M10.488 14.651L15.25 21h7l-7.858-10.478L20.93 3h-2.65l-5.117 5.886L8.75 3h-7l7.51 10.015L2.32 21h2.65zM16.25 19L5.75 5h2l10.5 14z"></path></svg><span class="sr-only">X</span></a></div><div data-slot="skeleton" class="bg-accent animate-pulse rounded-md hidden h-9 w-25 [html[data-auth]_&]:block"></div><div class="flex items-center gap-2 [html[data-auth]_&]:hidden"><a data-slot="button" data-variant="outline" data-size="default" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='
1size-'])]:size-4 bg-background hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 border shadow-xs h-9 px-4 py-2 has-[>svg]:px-4 max-sm:size-9" href="/auth/login"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-log-in sm:hidden" aria-hidden="true"><path d="m10 17 5-5-5-5"></path><path d="M15 12H3"></path><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path></svg><span class="max-sm:sr-only">Sign in</span></a><a data-slot="button" data-variant="default" data-size="default" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 inline-flex shrink-0 items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground hover:bg-primary/90 h-9 px-4 py-2 has-[>svg]:px-3 gap-1 duration-300 [box-shadow:0px_1px_8px_0px_color-mix(in_oklab,white_20%,transparent)_inset,0px_0px_0px_1px_var(--primary),0px_0px_0px_1px_var(--primary),0px_0px_0px_1.5px_color-mix(in_oklab,white_30%,transparent)_inset,0px_2px_2px_0px_color-mix(in_oklab,black_20%,transparent)] hover:[box-shadow:0px_1px_8px_0px_color-mix(in_oklab,white_40%,transparent)_inset,0px_0px_0px_1px_var(--primary),0px_0px_0px_1px_color-mix(in_oklab,white_30%,transparent)_inset,0px_3px_4px_0px_color-mix(in_oklab,black_30%,transparent)] active:[box-shadow:0px_1px_8px_0px_color-mix(in_oklab,white_40%,transparent)_inset,0px_0px_0px_1px_var(--primary),0px_0px_0px_1px_color-mix(in_oklab,white_30%,transparent)_inset,0px_3px_4px_0px_color-mix(in_oklab,black_30%,transparent)] focus-visible:[box-shadow:0px_1px_8px_0px_color-mix(in_oklab,white_40%,transparent)_inset,0px_0px_0px_1px_var(--primary),0px_0px_0px_1px_color-mix(in_oklab,white_30%,transparent)_inset,0px_3px_4px_0px_color-mix(in_oklab,black_30%,transparent)] max-md:size-9" href="/pricing"><span class="max-md:sr-only">Get all access</span><svg width="1em" height="1em" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-6"><path d="M63.6734 24.8486V49.3899C63.6734 57.4589 57.1322 64.0001 49.0632 64.0001H25.2041" stroke="currentColor" stroke-width="8.11681"></path><path d="M64.3266 103.152L64.3266 78.6106C64.3266 70.5416 70.8678 64.0003 78.9368 64.0003L102.796 64.0004" stroke="currentColor" stroke-width="8.11681"></path><line x1="93.3468" y1="35.6108" x2="76.555" y2="52.205" stroke="currentColor" stroke-width="8.11681"></line><line x1="51.7697" y1="77.0624" x2="34.9778" y2="93.6567" stroke="currentColor" stroke-width="8.11681"></line><line x1="50.9584" y1="51.3189" x2="34.2651" y2="34.6256" stroke="currentColor" stroke-width="8.11681"></line><line x1="93.1625" y1="93.6397" x2="76.4692" y2="76.9464" stroke="currentColor" stroke-width="8.11681"></line></svg></a></div></div></div></div></div></header><main class="flex flex-1 flex-col"><div class="mx-auto h-full w-full max-w-350 border-dashed min-[1400px]:border-x min-[1800px]:max-w-384"><div><section id="pricing" class="py-8 sm:py-16"><div class="mx-auto mb-10 max-w-7xl space-y-10 px-4 sm:px-6 lg:px-8"><div class="flex flex-col items-center gap-4 text-center"><p class="font-kalam font-medium">Endorsed by the creator of <span class="underline underline-offset-4">shadcn/ui</span></p><h1 class="text-2xl leading-snug font-semibold sm:text-3xl lg:text-3xl">âShadcn Studio is in the trusted registry.<br/>Love the CLI integration.â</h1><div class="flex items-center gap-2"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-10 shadow-md"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-xs">CN</span></span><div class="flex flex-col items-start space-y-0.5 text-sm"><span class="font-semibold">Shadcn</span><div class="text-muted-foreground text-sm">Creator of<!-- --> <a target="_blank" rel="noopener noreferrer nofollow" class="hover:text-primary underline underline-offset-3" href="https://ui.shadcn.com">shadcn/ui</a></div></div></div></div><div class="relative mx-auto w-full overflow-hidden md:w-4/5 lg:w-7
1/10"><div class="before:to-background pointer-events-none absolute inset-0 z-1 before:absolute before:inset-0 before:bg-linear-to-l before:from-transparent before:from-70% max-sm:hidden"></div><div class="before:to-background pointer-events-none absolute inset-0 z-1 before:absolute before:inset-0 before:bg-linear-to-r before:from-transparent before:from-70% max-sm:hidden"></div><div style="--marquee-duration:40s;--marquee-delay:0s;--marquee-gap:1.5rem" class="group flex gap-(--marquee-gap) overflow-hidden p-3 flex-row"><div class="flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-horizontal flex-row group-hover:paused"><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/codeagency-logo.png?height=75&format=auto" alt="CODEAGENCY" loading="lazy" class="h-14 aspect-29/8"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/bitwip-logo.png?height=75&format=auto" alt="BITWIP" loading="lazy" class="h-14 aspect-61/28"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/grooved-logo.png?height=75&format=auto" alt="Grooved Learning" loading="lazy" class="h-14 aspect-65/28"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/scaleapp-logo.png?height=75&format=auto" alt="Scale App" loading="lazy" class="h-14 aspect-3/1"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/attentive-logo.png?height=75&format=auto" alt="Attentive" loading="lazy" class="h-14 aspect-85/28"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/chrono-logo.png?height=75&format=auto" alt="Chrono Innovation" loading="lazy" class="h-14 aspect-145/56"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/onetech-logo.png?height=75&format=auto" alt="One X Tech" loading="lazy" class="h-14 aspect-143/56"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/verilife-logo.png?height=75&format=auto" alt="Verilife" loading="lazy" class="h-14 aspect-113/56"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/facilitysight-logo.png?height=75&format=auto" alt="FacilitySight" loading="lazy" class="h-14 aspect-163/56"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/capgemini-logo.png?height=75&format=auto" alt="Capgemini" loading="lazy" class="h-14 aspect-143/56"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/mercedes-logo.png?height=75&format=auto" alt="Mercedes" loading="lazy" class="h-14 aspect-107/56"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/dhl-logo.png?height=75&format=auto" alt="DHL" loading="lazy" class="h-14 aspect-61/28"/></div><div class="flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-horizontal flex-row group-hover:paused"><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/codeagency-logo.png?height=75&format=auto" alt="CODEAGENCY" loading="lazy" class="h-14 aspect-29/8"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/bitwip-logo.png?height=75&format=auto" alt="BITWIP" loading="lazy" class="h-14 aspect-61/28"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/grooved-logo.png?height=75&format=auto" alt="Grooved Learning" loading="lazy" class="h-14 aspect-65/28"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/scaleapp-logo.png?height=75&format=auto" alt="Scale App" loading="lazy" class="h-14 aspect-3/1"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/attentive-logo.png?height=75&format=auto" alt="Attentive" loading="lazy" class="h-14 aspect-85/28"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/chrono-logo.png?height=75&format=auto" alt="Chrono Innovation" loading="lazy" class="h-14 aspect-145/56"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/onetech-logo.png?height=75&format=auto" alt="One X Tech" loading="lazy" class="h-14 aspect-143/56"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/verilife-logo.png?height=75&format=auto" alt="Verilife" loading="lazy" class="h-14 aspect-113/56"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/facilitysight-logo.png?height=75&format=auto" alt="FacilitySight" loading="lazy" class="h-14 aspect-163/56"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/capgemini-logo.png?height=75&format=auto" alt="Capgemini" loading="lazy" class="h-14 aspect-143/56"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/mercedes-logo.png?height=75&format=auto" alt="Mercedes" loading="lazy" class="h-14 aspect-107/56"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/dhl-logo.png?height=75&format=auto" alt="DHL" loading="lazy" class="h-14 aspect-61/28"/></div>
1<div class="flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-horizontal flex-row group-hover:paused"><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/codeagency-logo.png?height=75&format=auto" alt="CODEAGENCY" loading="lazy" class="h-14 aspect-29/8"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/bitwip-logo.png?height=75&format=auto" alt="BITWIP" loading="lazy" class="h-14 aspect-61/28"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/grooved-logo.png?height=75&format=auto" alt="Grooved Learning" loading="lazy" class="h-14 aspect-65/28"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/scaleapp-logo.png?height=75&format=auto" alt="Scale App" loading="lazy" class="h-14 aspect-3/1"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/attentive-logo.png?height=75&format=auto" alt="Attentive" loading="lazy" class="h-14 aspect-85/28"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/chrono-logo.png?height=75&format=auto" alt="Chrono Innovation" loading="lazy" class="h-14 aspect-145/56"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/onetech-logo.png?height=75&format=auto" alt="One X Tech" loading="lazy" class="h-14 aspect-143/56"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/verilife-logo.png?height=75&format=auto" alt="Verilife" loading="lazy" class="h-14 aspect-113/56"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/facilitysight-logo.png?height=75&format=auto" alt="FacilitySight" loading="lazy" class="h-14 aspect-163/56"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/capgemini-logo.png?height=75&format=auto" alt="Capgemini" loading="lazy" class="h-14 aspect-143/56"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/mercedes-logo.png?height=75&format=auto" alt="Mercedes" loading="lazy" class="h-14 aspect-107/56"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/dhl-logo.png?height=75&format=auto" alt="DHL" loading="lazy" class="h-14 aspect-61/28"/></div><div class="flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-horizontal flex-row group-hover:paused"><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/codeagency-logo.png?height=75&format=auto" alt="CODEAGENCY" loading="lazy" class="h-14 aspect-29/8"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/bitwip-logo.png?height=75&format=auto" alt="BITWIP" loading="lazy" class="h-14 aspect-61/28"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/grooved-logo.png?height=75&format=auto" alt="Grooved Learning" loading="lazy" class="h-14 aspect-65/28"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/scaleapp-logo.png?height=75&format=auto" alt="Scale App" loading="lazy" class="h-14 aspect-3/1"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/attentive-logo.png?height=75&format=auto" alt="Attentive" loading="lazy" class="h-14 aspect-85/28"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/chrono-logo.png?height=75&format=auto" alt="Chrono Innovation" loading="lazy" class="h-14 aspect-145/56"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/onetech-logo.png?height=75&format=auto" alt="One X Tech" loading="lazy" class="h-14 aspect-143/56"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/verilife-logo.png?height=75&format=auto" alt="Verilife" loading="lazy" class="h-14 aspect-113/56"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/facilitysight-logo.png?height=75&format=auto" alt="FacilitySight" loading="lazy" class="h-14 aspect-163/56"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/capgemini-logo.png?height=75&format=auto" alt="Capgemini" loading="lazy" class="h-14 aspect-143/56"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/mercedes-logo.png?height=75&format=auto" alt="Mercedes" loading="lazy" class="h-14 aspect-107/56"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/dhl-logo.png?height=75&format=auto" alt="DHL" loading="lazy" class="h-14 aspect-61/28"/></div></div></div><div class="text-muted-foreground mx-auto flex flex-col items-center justify-center gap-4 text-center"><p><span class="font-semibold">Crafted, not AI generated</span>: Every components, block & templates are built and reviewed by senior design engineers â accessible, typed, production-ready.</p><p>One-time payment, <strong class="font-semibold">lifetime</strong> access,<!-- --> <strong class="font-semibold">unlimited</strong> projects â plus fresh components, blocks, and templates monthly.</p></div></div>
1<div class="space-y-10 px-4 sm:space-y-14 sm:px-6 lg:px-8"><div dir="ltr" data-slot="scroll-area" class="relative w-full rounded-xl border whitespace-nowrap" style="position:relative;--radix-scroll-area-corner-width:0px;--radix-scroll-area-corner-height:0px"><style>[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}</style><div data-radix-scroll-area-viewport="" data-slot="scroll-area-viewport" class="focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1" style="overflow-x:hidden;overflow-y:hidden"><div style="min-width:100%;display:table"><div class="flex w-full"><div class="flex min-w-78 basis-[28%] flex-col divide-y border-r"><div class="h-57 p-5"><div class="flex flex-col items-start gap-2.5 rounded-xl border border-dashed p-6"><h3 class="text-2xl font-bold uppercase">Flat</h3><span class="text-destructive text-3xl font-black uppercase">30% OFF</span><div><div class="flex items-center gap-2 font-semibold">For Next 500 Users<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></div><div>Hurry, prices go up soon!</div></div></div></div><div class="group/feature flex h-14 items-center gap-1 px-5 py-1.5"><span class="font-medium text-wrap">Users Access</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground ml-1.5 size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></div><div class="group/feature flex h-14 items-center gap-1 px-5 py-1.5"><span class="font-medium text-wrap">Commercial Usage</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground ml-1.5 size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg><a target="_blank" rel="noopener noreferrer" class="text-muted-foreground slide-in-from-end hover:text-primary ml-auto inline-flex items-center gap-1 text-xs opacity-0 transition-opacity duration-200 group-hover/feature:opacity-100" href="/license"><span class="underline-offset-2 hover:underline">License</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-3" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="group/feature flex h-14 items-center gap-1 px-5 py-1.5"><span class="font-medium text-wrap">1000+ Shadcn Blocks</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground ml-1.5 size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg><a target="_blank" rel="noopener noreferrer" class="text-muted-foreground slide-in-from-end hover:text-primary ml-auto inline-flex items-center gap-1 text-xs opacity-0 transition-opacity duration-200 group-hover/feature:opacity-100" href="/blocks"><span class="underline-offset-2 hover:underline">Preview</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-3" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="group/feature flex h-14 items-center gap-1 px-5 py-1.5"><span class="font-medium text-wrap">100+ Shadcn Pages</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground ml-1.5 size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg><a target="_blank" rel="noopener noreferrer" class="text-muted-foreground slide-in-from-end hover:text-primary ml-auto inline-flex items-center gap-1 text-xs opacity-0 transition-opacity duration-200 group-hover/feature:opacity-100" href="/pages"><span class="underline-offset-2 hover:underline">Preview</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-3" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="group/feature flex h-14 items-center gap-1 px-5 py-1.5"><span class="font-medium text-wrap">25+ Shadcn Templates</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground ml-1.5 size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg><a target="_blank" rel="noopener noreferrer" class="text-muted-foreground slide-in-from-end hover:text-primary ml-auto inline-flex items-center gap-1 text-xs opacity-0 transition-opacity duration-200 group-hover/feature:opacity-100" href="/templates"><span class="underline-offset-2 hover:underline">Preview</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-3" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="group/feature flex h-14 items-center gap-1 px-5 py-1.5"><span class="font-medium text-wrap">1000+ Components</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground ml-1.5 size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg><a target="_blank" rel="noopener noreferrer" class="text-muted-foreground slide-in-from-end hover:text-primary ml-auto inline-flex items-center gap-1 text-xs opacity-0 transition-opacity duration-200 group-hover/feature:opacity-100" href="/components"><span class="underline-offset-2 hover:underline">Preview</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-3" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="group/feature flex h-14 items-center gap-1 px-5 py-1.5"><span class="font-medium text-wrap">200+ Illustrations</span><span data-slot="badge" data-variant="default" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focu
1s-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 bg-primary text-primary-foreground [a&]:hover:bg-primary/90 ml-1.5">New</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground ml-1.5 size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg><a target="_blank" rel="noopener noreferrer" class="text-muted-foreground slide-in-from-end hover:text-primary ml-auto inline-flex items-center gap-1 text-xs opacity-0 transition-opacity duration-200 group-hover/feature:opacity-100" href="/illustrations"><span class="underline-offset-2 hover:underline">Preview</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-3" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="group/feature flex h-14 items-center gap-1 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-square-dashed-mouse-pointer -mt-1 size-5.25 shrink-0" aria-hidden="true"><path d="M12.034 12.681a.498.498 0 0 1 .647-.647l9 3.5a.5.5 0 0 1-.033.943l-3.444 1.068a1 1 0 0 0-.66.66l-1.067 3.443a.5.5 0 0 1-.943.033z"></path><path d="M5 3a2 2 0 0 0-2 2"></path><path d="M19 3a2 2 0 0 1 2 2"></path><path d="M5 21a2 2 0 0 1-2-2"></path><path d="M9 3h1"></path><path d="M9 21h2"></path><path d="M14 3h1"></path><path d="M3 9v1"></path><path d="M21 9v2"></path><path d="M3 14v1"></path></svg><span class="font-medium text-wrap">Drag & Drop Builder</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground ml-1.5 size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg><a target="_blank" rel="noopener noreferrer" class="text-muted-foreground slide-in-from-end hover:text-primary ml-auto inline-flex items-center gap-1 text-xs opacity-0 transition-opacity duration-200 group-hover/feature:opacity-100" href="/builder"><span class="underline-offset-2 hover:underline">Explore</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-3" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="group/feature flex h-14 items-center gap-1 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="-mt-1 size-5.25 shrink-0"><path d="M5 5.5A3.5 3.5 0 0 1 8.5 2H12v7H8.5A3.5 3.5 0 0 1 5 5.5z"></path><path d="M12 2h3.5a3.5 3.5 0 1 1 0 7H12V2z"></path><path d="M12 12.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 1 1-7 0z"></path><path d="M5 19.5A3.5 3.5 0 0 1 8.5 16H12v3.5a3.5 3.5 0 1 1-7 0z"></path><path d="M5 12.5A3.5 3.5 0 0 1 8.5 9H12v7H8.5A3.5 3.5 0 0 1 5 12.5z"></path></svg><span class="font-medium text-wrap">Shadcn UI Kit</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground ml-1.5 size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg><a target="_blank" rel="noopener noreferrer" class="text-muted-foreground slide-in-from-end hover:text-primary ml-auto inline-flex items-center gap-1 text-xs opacity-0 transition-opacity duration-200 group-hover/feature:opacity-100" href="/figma"><span class="underline-offset-2 hover:underline">Preview</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-3" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="group/feature flex h-14 items-center gap-1 px-5 py-1.5"><svg width="1em" height="1em" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg" class="-mt-1 size-5.25 shrink-0"><path d="M3.4404 3.66273C3.52994 3.66167 3.6184 3.66167 3.71007 3.6606C4.00211 3.65953 4.29309 3.6606 4.58407 3.66167C4.78765 3.66167 4.99123 3.6606 5.19481 3.6606C5.62008 3.6606 6.04536 3.6606 6.47064 3.66273C7.01529 3.6638 7.56101 3.66273 8.10566 3.66167C8.52561 3.6606 8.945
156 3.6606 9.36444 3.66167C9.56589 3.66167 9.76733 3.66167 9.96878 3.6606C10.2491 3.65953 10.5294 3.6606 10.8097 3.66273C10.8929 3.66167 10.976 3.66167 11.0613 3.6606C11.6187 3.66701 11.6187 3.66701 11.8841 3.84643C12.0589 4.13158 12.0408 4.34091 11.9928 4.66557C11.7317 4.95286 11.5697 4.98597 11.1807 5.02548C11.0229 5.02655 10.8652 5.02655 10.7074 5.02548C10.5774 5.02548 10.5774 5.02548 10.4452 5.02655C10.2576 5.02655 10.0711 5.02655 9.88351 5.02655C9.5872 5.02548 9.28983 5.02655 8.99352 5.02762C8.15043 5.03296 7.30733 5.03296 6.46424 5.03189C5.9473 5.03189 5.43143 5.03403 4.91555 5.03723C4.62351 5.0383 4.33253 5.03723 4.04048 5.03616C3.86035 5.03723 3.68129 5.0383 3.50116 5.03937C3.42122 5.0383 3.34021 5.03723 3.25708 5.03616C2.70496 5.04364 2.3916 5.16005 1.97378 5.51996C1.44512 6.09133 1.48669 6.6595 1.49095 7.39748C1.48989 7.52137 1.48882 7.64525 1.48882 7.77341C1.48562 8.18245 1.48669 8.59149 1.48775 9.00053C1.48669 9.21306 1.48669 9.42559 1.48669 9.63812C1.48456 10.3067 1.48456 10.9752 1.48669 11.6438C1.48882 12.3316 1.48669 13.0194 1.48349 13.7082C1.48029 14.2999 1.47923 14.8926 1.48029 15.4843C1.48136 15.8378 1.48029 16.1902 1.47816 16.5437C1.4771 16.9378 1.47816 17.3308 1.48029 17.7249C1.47923 17.899 1.47923 17.899 1.4771 18.0773C1.48456 18.685 1.52826 19.1111 1.93435 19.58C2.50671 20.1396 3.06203 20.0905 3.82731 20.0873C3.94988 20.0884 4.07246 20.0894 4.19823 20.0894C4.60326 20.0916 5.00935 20.0916 5.41437 20.0905C5.69576 20.0916 5.97821 20.0916 6.2596 20.0926C6.85008 20.0937 7.44163 20.0926 8.03212 20.0916C8.71427 20.0905 9.39535 20.0926 10.0775 20.0948C10.7351 20.098 11.3917 20.098 12.0493 20.0969C12.3275 20.0969 12.6068 20.098 12.886 20.099C13.2761 20.1012 13.6662 20.1001 14.0574 20.098C14.1725 20.099 14.2876 20.1001 14.4059 20.1012C15.0796 20.0948 15.5091 20.0435 16.0431 19.6174C16.4737 19.109 16.5313 18.6124 16.5227 17.9663C16.5238 17.8787 16.5238 17.7922 16.5249 17.7025C16.5259 17.5145 16.5259 17.3265 16.5249 17.1386C16.5238 16.8417 16.5249 16.5448 16.527 16.2479C16.5291 15.7246 16.5302 15.2013 16.5302 14.6779C16.5302 13.8396 16.5313 13.0012 16.5355 12.1618C16.5366 11.8691 16.5355 11.5765 16.5355 11.2839C16.5355 11.1045 16.5366 10.925 16.5377 10.7467C16.5366 10.6645 16.5355 10.5833 16.5345 10.4989C16.5398 9.9521 16.5398 9.9521 16.7189 9.68831C16.9992 9.51423 17.2155 9.53772 17.5353 9.57831C17.7133 9.68724 17.7133 9.68724 17.8551 9.8987C17.8881 10.1903 17.8998 10.4583 17.8988 10.751C17.8998 10.8385 17.8998 10.925 17.9009 11.0147C17.903 11.302 17.902 11.5904 17.902 11.8777C17.902 12.0785 17.903 12.2792 17.903 12.48C17.9041 12.9008 17.9041 13.3216 17.903 13.7424C17.902 14.2796 17.9041 14.8168 17.9073 15.354C17.9094 15.7694 17.9094 16.1838 17.9084 16.5982C17.9084 16.7958 17.9094 16.9944 17.9105 17.192C17.9179 18.4757 17.9084 19.6313 16.9864 20.6277C16.3469 21.1617 15.589 21.4436 14.7641 21.449C14.6564 21.45 14.5488 21.4511 14.4379 21.4522C14.3207 21.4522 14.2034 21.4532 14.0819 21.4532C13.8954 21.4543 13.8954 21.4543 13.7057 21.4564C13.2943 21.4586 12.8839 21.4607 12.4725 21.4618C12.2614 21.4629 12.2614 21.4629 12.0461 21.4639C11.4557 21.4661 10.8641 21.4682 10.2736 21.4693C9.42839 21.4714 8.58317 21.4746 7.73901 21.481C7.14319 21.4842 6.54844 21.4864 5.9537 21.4874C5.59877 21.4874 5.24384 21.4896 4.88891 21.4928C4.49241 21.496 4.09591 21.496 3.69834 21.4949C3.52461 21.4981 3.52461 21.4981 3.34661 21.5002C2.4417 21.4928 1.76701 21.2461 1.05928 20.6779C0.996394 20.6053 0.933508 20.5326 0.868491 20.4579C0.803474 20.3874 0.739522 20.3169 0.672373 20.2443C0.122391 19.3611 -0.0065778 18.4853 0.00194906 17.4611C0.00194906 17.3372 0.000882975 17.2133 0.000882975 17.0852C-0.00124874 16.6772 0.000883024 16.2703 0.00301474 15.8634C0.00301474 15.5793 0.00301492 15.2942 0.00194906 15.0101C0.00194906 14.4163 0.00408047 13.8225 0.00621218 13.2276C0.00940975 12.542 0.00940998 11.8563 0.00727826 11.1696C0.00621241 10.5085 0.00727809 9.84637 0.00834394 9.18422C0.0094098 8.90334 0.00941003 8.62139 0.00941003 8.34051C0.00834417 7.94856 0.0104758 7.55768 0.0126075 7.16573C0.0126075 7.04932 0.0115418 6.93291 0.0115418 6.81329C0.109084 5.89356 0.101996 5.87796 0.375548 5.41297C0.435236 5.31151 0.494375 5.21025 0.555129 5.10558C1.30762 4.08779 2.19015 3.65312 3.4404 3.66273Z" fill="var(--foreground)"></path><path d="M6.45078 8.61719C7.0839 8.61719 7.71701 8.61719 8.36932 8.61719C8.50468 9.007 8.50468 9.007 8.64218 9.40536C8.882 10.0889 9.13567 10.766 9.40214 11.4409C9.62916 12.0177 9.83594 12.5901 10.0033 13.1882C10.08 13.4402 10.1738 13.6794 10.2751 13.924C10.4648 14.3875 10.63 14.8564 10.7877 15.3327C10.8101 15.401 10.8336 15.4694 10.857 15.5399C10.9636 15.8656 11.0574 16.1881 11.1405 16.5203C10.
16481 16.5203 10.1557 16.5203 9.64835 16.5203C9.36696 15.8859 9.141 15.2547 8.90225 14.5979C7.9174 14.5979 6.93254 14.5979 5.91785 14.5979C5.70681 15.2323 5.49577 15.8667 5.27833 16.5203C4.78591 16.5203 4.29348 16.5203 3.78613 16.5203C3.9151 16.1134 4.043 15.7075 4.17304 15.3017C4.23806 15.0967 4.30201 14.8916 4.36703 14.6866C4.5802 14.0169 4.80616 13.3601 5.07369 12.7097C5.23996 12.29 5.36787 11.8596 5.4979 11.4271C5.78568 10.4766 5.78568 10.4766 5.97967 10.0333C6.11397 9.72469 6.21842 9.42672 6.31115 9.10419C6.35698 8.94399 6.40281 8.78273 6.45078 8.61719Z" fill="var(--foreground)"></path><path d="M17.0243 0.59969C17.0434 0.540303 17.0978 0.5 17.1602 0.5C17.2243 0.5 17.2815 0.542615 17.2989 0.604391C17.3115 0.648917 17.324 0.693737 17.3366 0.739229C17.6787 1.86702 18.1445 2.872 19.1763 3.50745C19.6558 3.74823 20.1282 3.90691 20.6486 4.03681C20.6696 4.04205 20.6902 4.04899 20.7108 4.05536C20.7494 4.06726 20.8017 4.07916 20.8529 4.09106C20.9426 4.11192 20.9999 4.19161 20.9999 4.28369C20.9998 4.38323 20.9344 4.47093 20.839 4.49932C20.7878 4.51455 20.7364 4.52991 20.6844 4.54553C19.5205 4.90544 18.5538 5.27924 17.9089 6.37392C17.7704 6.68577 17.6606 7.00403 17.5561 7.3287C17.5274 7.412 17.4997 7.49531 17.4709 7.58075C17.4137 7.75092 17.3572 7.9211 17.3015 8.09128C17.2823 8.14984 17.2285 8.1895 17.1669 8.1895C17.1022 8.1895 17.0447 8.14586 17.0284 8.08324C17.0206 8.05355 17.0129 8.0236 17.0051 7.99299C16.696 6.87908 16.2718 5.75449 15.2443 5.13292C14.6533 4.82332 13.8675 4.59356 13.2198 4.41317C13.1879 4.40427 13.1658 4.39685 13.1658 4.3637C13.1658 4.33317 13.1846 4.28422 13.213 4.27291C13.4766 4.1677 13.9421 3.95278 14.1848 3.88445C15.1644 3.579 15.8199 3.17424 16.3752 2.28567C16.6503 1.74651 16.8396 1.17489 17.0243 0.59969Z" fill="#FED02F"></path><path d="M12.2065 10.6455C12.6638 10.6455 13.121 10.6455 13.5922 10.6455C13.5922 12.5839 13.5922 14.5223 13.5922 16.5194C13.1349 16.5194 12.6777 16.5194 12.2065 16.5194C12.2065 14.581 12.2065 12.6426 12.2065 10.6455Z" fill="var(--foreground)"></path><path d="M7.30341 9.79102C7.37375 9.79102 7.4441 9.79102 7.51658 9.79102C7.669 10.2759 7.82035 10.7607 7.9717 11.2456C8.02393 11.4101 8.07509 11.5756 8.12731 11.7401C8.20086 11.9772 8.27547 12.2143 8.34901 12.4503C8.38419 12.5614 8.38419 12.5614 8.42042 12.6756C8.58244 13.1968 8.58244 13.1968 8.58244 13.3154C7.80862 13.3154 7.03481 13.3154 6.23755 13.3154C6.50934 12.1128 6.90478 10.9573 7.30341 9.79102Z" fill="var(--background)"></path><path d="M12.2065 8.88885C12.2065 8.50622 12.5115 8.18945 12.8942 8.18945C13.2768 8.18945 13.5922 8.49581 13.5922 8.87844C13.5922 9.26106 13.2872 9.57783 12.9045 9.57783C12.5219 9.57783 12.2065 9.27148 12.2065 8.88885Z" fill="var(--foreground)"></path></svg><span class="font-medium text-wrap">Figma to Code</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground ml-1.5 size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg><a target="_blank" rel="noopener noreferrer" class="text-muted-foreground slide-in-from-end hover:text-primary ml-auto inline-flex items-center gap-1 text-xs opacity-0 transition-opacity duration-200 group-hover/feature:opacity-100" href="/figma-plugin"><span class="underline-offset-2 hover:underline">Explore</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-3" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="group/feature flex h-14 items-center gap-1 px-5 py-1.5"><svg width="1em" height="1em" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg" class="-mt-1 size-5.25 shrink-0"><path d="M3.4404 3.66273C3.52994 3.66167 3.6184 3.66167 3.71007 3.6606C4.00211 3.65953 4.29309 3.6606 4.58407 3.66167C4.78765 3.66167 4.99123 3.6606 5.19481 3.6606C5.62008 3.6606 6.04536 3.6606 6.47064 3.66273C7.01529 3.6638 7.56101 3.66273 8.10566 3.66167C8.52561 3.6606 8.945
156 3.6606 9.36444 3.66167C9.56589 3.66167 9.76733 3.66167 9.96878 3.6606C10.2491 3.65953 10.5294 3.6606 10.8097 3.66273C10.8929 3.66167 10.976 3.66167 11.0613 3.6606C11.6187 3.66701 11.6187 3.66701 11.8841 3.84643C12.0589 4.13158 12.0408 4.34091 11.9928 4.66557C11.7317 4.95286 11.5697 4.98597 11.1807 5.02548C11.0229 5.02655 10.8652 5.02655 10.7074 5.02548C10.5774 5.02548 10.5774 5.02548 10.4452 5.02655C10.2576 5.02655 10.0711 5.02655 9.88351 5.02655C9.5872 5.02548 9.28983 5.02655 8.99352 5.02762C8.15043 5.03296 7.30733 5.03296 6.46424 5.03189C5.9473 5.03189 5.43143 5.03403 4.91555 5.03723C4.62351 5.0383 4.33253 5.03723 4.04048 5.03616C3.86035 5.03723 3.68129 5.0383 3.50116 5.03937C3.42122 5.0383 3.34021 5.03723 3.25708 5.03616C2.70496 5.04364 2.3916 5.16005 1.97378 5.51996C1.44512 6.09133 1.48669 6.6595 1.49095 7.39748C1.48989 7.52137 1.48882 7.64525 1.48882 7.77341C1.48562 8.18245 1.48669 8.59149 1.48775 9.00053C1.48669 9.21306 1.48669 9.42559 1.48669 9.63812C1.48456 10.3067 1.48456 10.9752 1.48669 11.6438C1.48882 12.3316 1.48669 13.0194 1.48349 13.7082C1.48029 14.2999 1.47923 14.8926 1.48029 15.4843C1.48136 15.8378 1.48029 16.1902 1.47816 16.5437C1.4771 16.9378 1.47816 17.3308 1.48029 17.7249C1.47923 17.899 1.47923 17.899 1.4771 18.0773C1.48456 18.685 1.52826 19.1111 1.93435 19.58C2.50671 20.1396 3.06203 20.0905 3.82731 20.0873C3.94988 20.0884 4.07246 20.0894 4.19823 20.0894C4.60326 20.0916 5.00935 20.0916 5.41437 20.0905C5.69576 20.0916 5.97821 20.0916 6.2596 20.0926C6.85008 20.0937 7.44163 20.0926 8.03212 20.0916C8.71427 20.0905 9.39535 20.0926 10.0775 20.0948C10.7351 20.098 11.3917 20.098 12.0493 20.0969C12.3275 20.0969 12.6068 20.098 12.886 20.099C13.2761 20.1012 13.6662 20.1001 14.0574 20.098C14.1725 20.099 14.2876 20.1001 14.4059 20.1012C15.0796 20.0948 15.5091 20.0435 16.0431 19.6174C16.4737 19.109 16.5313 18.6124 16.5227 17.9663C16.5238 17.8787 16.5238 17.7922 16.5249 17.7025C16.5259 17.5145 16.5259 17.3265 16.5249 17.1386C16.5238 16.8417 16.5249 16.5448 16.527 16.2479C16.5291 15.7246 16.5302 15.2013 16.5302 14.6779C16.5302 13.8396 16.5313 13.0012 16.5355 12.1618C16.5366 11.8691 16.5355 11.5765 16.5355 11.2839C16.5355 11.1045 16.5366 10.925 16.5377 10.7467C16.5366 10.6645 16.5355 10.5833 16.5345 10.4989C16.5398 9.9521 16.5398 9.9521 16.7189 9.68831C16.9992 9.51423 17.2155 9.53772 17.5353 9.57831C17.7133 9.68724 17.7133 9.68724 17.8551 9.8987C17.8881 10.1903 17.8998 10.4583 17.8988 10.751C17.8998 10.8385 17.8998 10.925 17.9009 11.0147C17.903 11.302 17.902 11.5904 17.902 11.8777C17.902 12.0785 17.903 12.2792 17.903 12.48C17.9041 12.9008 17.9041 13.3216 17.903 13.7424C17.902 14.2796 17.9041 14.8168 17.9073 15.354C17.9094 15.7694 17.9094 16.1838 17.9084 16.5982C17.9084 16.7958 17.9094 16.9944 17.9105 17.192C17.9179 18.4757 17.9084 19.6313 16.9864 20.6277C16.3469 21.1617 15.589 21.4436 14.7641 21.449C14.6564 21.45 14.5488 21.4511 14.4379 21.4522C14.3207 21.4522 14.2034 21.4532 14.0819 21.4532C13.8954 21.4543 13.8954 21.4543 13.7057 21.4564C13.2943 21.4586 12.8839 21.4607 12.4725 21.4618C12.2614 21.4629 12.2614 21.4629 12.0461 21.4639C11.4557 21.4661 10.8641 21.4682 10.2736 21.4693C9.42839 21.4714 8.58317 21.4746 7.73901 21.481C7.14319 21.4842 6.54844 21.4864 5.9537 21.4874C5.59877 21.4874 5.24384 21.4896 4.88891 21.4928C4.49241 21.496 4.09591 21.496 3.69834 21.4949C3.52461 21.4981 3.52461 21.4981 3.34661 21.5002C2.4417 21.4928 1.76701 21.2461 1.05928 20.6779C0.996394 20.6053 0.933508 20.5326 0.868491 20.4579C0.803474 20.3874 0.739522 20.3169 0.672373 20.2443C0.122391 19.3611 -0.0065778 18.4853 0.00194906 17.4611C0.00194906 17.3372 0.000882975 17.2133 0.000882975 17.0852C-0.00124874 16.6772 0.000883024 16.2703 0.00301474 15.8634C0.00301474 15.5793 0.00301492 15.2942 0.00194906 15.0101C0.00194906 14.4163 0.00408047 13.8225 0.00621218 13.2276C0.00940975 12.542 0.00940998 11.8563 0.00727826 11.1696C0.00621241 10.5085 0.00727809 9.84637 0.00834394 9.18422C0.0094098 8.90334 0.00941003 8.62139 0.00941003 8.34051C0.00834417 7.94856 0.0104758 7.55768 0.0126075 7.16573C0.0126075 7.04932 0.0115418 6.93291 0.0115418 6.81329C0.109084 5.89356 0.101996 5.87796 0.375548 5.41297C0.435236 5.31151 0.494375 5.21025 0.555129 5.10558C1.30762 4.08779 2.19015 3.65312 3.4404 3.66273Z" fill="var(--foreground)"></path><path d="M6.45078 8.61719C7.0839 8.61719 7.71701 8.61719 8.36932 8.61719C8.50468 9.007 8.50468 9.007 8.64218 9.40536C8.882 10.0889 9.13567 10.766 9.40214 11.4409C9.62916 12.0177 9.83594 12.5901 10.0033 13.1882C10.08 13.4402 10.1738 13.6794 10.2751 13.924C10.4648 14.3875 10.63 14.8564 10.7877 15.3327C10.8101 15.401 10.8336 15.4694 10.857 15.5399C10.9636 15.8656 11.0574 16.1881 11.1405 16.5203C10.
16481 16.5203 10.1557 16.5203 9.64835 16.5203C9.36696 15.8859 9.141 15.2547 8.90225 14.5979C7.9174 14.5979 6.93254 14.5979 5.91785 14.5979C5.70681 15.2323 5.49577 15.8667 5.27833 16.5203C4.78591 16.5203 4.29348 16.5203 3.78613 16.5203C3.9151 16.1134 4.043 15.7075 4.17304 15.3017C4.23806 15.0967 4.30201 14.8916 4.36703 14.6866C4.5802 14.0169 4.80616 13.3601 5.07369 12.7097C5.23996 12.29 5.36787 11.8596 5.4979 11.4271C5.78568 10.4766 5.78568 10.4766 5.97967 10.0333C6.11397 9.72469 6.21842 9.42672 6.31115 9.10419C6.35698 8.94399 6.40281 8.78273 6.45078 8.61719Z" fill="var(--foreground)"></path><path d="M17.0243 0.59969C17.0434 0.540303 17.0978 0.5 17.1602 0.5C17.2243 0.5 17.2815 0.542615 17.2989 0.604391C17.3115 0.648917 17.324 0.693737 17.3366 0.739229C17.6787 1.86702 18.1445 2.872 19.1763 3.50745C19.6558 3.74823 20.1282 3.90691 20.6486 4.03681C20.6696 4.04205 20.6902 4.04899 20.7108 4.05536C20.7494 4.06726 20.8017 4.07916 20.8529 4.09106C20.9426 4.11192 20.9999 4.19161 20.9999 4.28369C20.9998 4.38323 20.9344 4.47093 20.839 4.49932C20.7878 4.51455 20.7364 4.52991 20.6844 4.54553C19.5205 4.90544 18.5538 5.27924 17.9089 6.37392C17.7704 6.68577 17.6606 7.00403 17.5561 7.3287C17.5274 7.412 17.4997 7.49531 17.4709 7.58075C17.4137 7.75092 17.3572 7.9211 17.3015 8.09128C17.2823 8.14984 17.2285 8.1895 17.1669 8.1895C17.1022 8.1895 17.0447 8.14586 17.0284 8.08324C17.0206 8.05355 17.0129 8.0236 17.0051 7.99299C16.696 6.87908 16.2718 5.75449 15.2443 5.13292C14.6533 4.82332 13.8675 4.59356 13.2198 4.41317C13.1879 4.40427 13.1658 4.39685 13.1658 4.3637C13.1658 4.33317 13.1846 4.28422 13.213 4.27291C13.4766 4.1677 13.9421 3.95278 14.1848 3.88445C15.1644 3.579 15.8199 3.17424 16.3752 2.28567C16.6503 1.74651 16.8396 1.17489 17.0243 0.59969Z" fill="#FED02F"></path><path d="M12.2065 10.6455C12.6638 10.6455 13.121 10.6455 13.5922 10.6455C13.5922 12.5839 13.5922 14.5223 13.5922 16.5194C13.1349 16.5194 12.6777 16.5194 12.2065 16.5194C12.2065 14.581 12.2065 12.6426 12.2065 10.6455Z" fill="var(--foreground)"></path><path d="M7.30341 9.79102C7.37375 9.79102 7.4441 9.79102 7.51658 9.79102C7.669 10.2759 7.82035 10.7607 7.9717 11.2456C8.02393 11.4101 8.07509 11.5756 8.12731 11.7401C8.20086 11.9772 8.27547 12.2143 8.34901 12.4503C8.38419 12.5614 8.38419 12.5614 8.42042 12.6756C8.58244 13.1968 8.58244 13.1968 8.58244 13.3154C7.80862 13.3154 7.03481 13.3154 6.23755 13.3154C6.50934 12.1128 6.90478 10.9573 7.30341 9.79102Z" fill="var(--background)"></path><path d="M12.2065 8.88885C12.2065 8.50622 12.5115 8.18945 12.8942 8.18945C13.2768 8.18945 13.5922 8.49581 13.5922 8.87844C13.5922 9.26106 13.2872 9.57783 12.9045 9.57783C12.5219 9.57783 12.2065 9.27148 12.2065 8.88885Z" fill="var(--foreground)"></path></svg><span class="font-medium text-wrap">MCP Server</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground ml-1.5 size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg><a target="_blank" rel="noopener noreferrer" class="text-muted-foreground slide-in-from-end hover:text-primary ml-auto inline-flex items-center gap-1 text-xs opacity-0 transition-opacity duration-200 group-hover/feature:opacity-100" href="/mcp"><span class="underline-offset-2 hover:underline">Explore</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-3" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="group/feature flex h-14 items-center gap-1 px-5 py-1.5"><svg width="1em" height="1em" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg" class="-mt-1 size-5.25 shrink-0"><path d="M3.4404 3.66273C3.52994 3.66167 3.6184 3.66167 3.71007 3.6606C4.00211 3.65953 4.29309 3.6606 4.58407 3.66167C4.78765 3.66167 4.99123 3.6606 5.19481 3.6606C5.62008 3.6606 6.04536 3.6606 6.47064 3.66273C7.01529 3.6638 7.56101 3.66273 8.10566 3.66167C8.52561 3.6606 8.945
156 3.6606 9.36444 3.66167C9.56589 3.66167 9.76733 3.66167 9.96878 3.6606C10.2491 3.65953 10.5294 3.6606 10.8097 3.66273C10.8929 3.66167 10.976 3.66167 11.0613 3.6606C11.6187 3.66701 11.6187 3.66701 11.8841 3.84643C12.0589 4.13158 12.0408 4.34091 11.9928 4.66557C11.7317 4.95286 11.5697 4.98597 11.1807 5.02548C11.0229 5.02655 10.8652 5.02655 10.7074 5.02548C10.5774 5.02548 10.5774 5.02548 10.4452 5.02655C10.2576 5.02655 10.0711 5.02655 9.88351 5.02655C9.5872 5.02548 9.28983 5.02655 8.99352 5.02762C8.15043 5.03296 7.30733 5.03296 6.46424 5.03189C5.9473 5.03189 5.43143 5.03403 4.91555 5.03723C4.62351 5.0383 4.33253 5.03723 4.04048 5.03616C3.86035 5.03723 3.68129 5.0383 3.50116 5.03937C3.42122 5.0383 3.34021 5.03723 3.25708 5.03616C2.70496 5.04364 2.3916 5.16005 1.97378 5.51996C1.44512 6.09133 1.48669 6.6595 1.49095 7.39748C1.48989 7.52137 1.48882 7.64525 1.48882 7.77341C1.48562 8.18245 1.48669 8.59149 1.48775 9.00053C1.48669 9.21306 1.48669 9.42559 1.48669 9.63812C1.48456 10.3067 1.48456 10.9752 1.48669 11.6438C1.48882 12.3316 1.48669 13.0194 1.48349 13.7082C1.48029 14.2999 1.47923 14.8926 1.48029 15.4843C1.48136 15.8378 1.48029 16.1902 1.47816 16.5437C1.4771 16.9378 1.47816 17.3308 1.48029 17.7249C1.47923 17.899 1.47923 17.899 1.4771 18.0773C1.48456 18.685 1.52826 19.1111 1.93435 19.58C2.50671 20.1396 3.06203 20.0905 3.82731 20.0873C3.94988 20.0884 4.07246 20.0894 4.19823 20.0894C4.60326 20.0916 5.00935 20.0916 5.41437 20.0905C5.69576 20.0916 5.97821 20.0916 6.2596 20.0926C6.85008 20.0937 7.44163 20.0926 8.03212 20.0916C8.71427 20.0905 9.39535 20.0926 10.0775 20.0948C10.7351 20.098 11.3917 20.098 12.0493 20.0969C12.3275 20.0969 12.6068 20.098 12.886 20.099C13.2761 20.1012 13.6662 20.1001 14.0574 20.098C14.1725 20.099 14.2876 20.1001 14.4059 20.1012C15.0796 20.0948 15.5091 20.0435 16.0431 19.6174C16.4737 19.109 16.5313 18.6124 16.5227 17.9663C16.5238 17.8787 16.5238 17.7922 16.5249 17.7025C16.5259 17.5145 16.5259 17.3265 16.5249 17.1386C16.5238 16.8417 16.5249 16.5448 16.527 16.2479C16.5291 15.7246 16.5302 15.2013 16.5302 14.6779C16.5302 13.8396 16.5313 13.0012 16.5355 12.1618C16.5366 11.8691 16.5355 11.5765 16.5355 11.2839C16.5355 11.1045 16.5366 10.925 16.5377 10.7467C16.5366 10.6645 16.5355 10.5833 16.5345 10.4989C16.5398 9.9521 16.5398 9.9521 16.7189 9.68831C16.9992 9.51423 17.2155 9.53772 17.5353 9.57831C17.7133 9.68724 17.7133 9.68724 17.8551 9.8987C17.8881 10.1903 17.8998 10.4583 17.8988 10.751C17.8998 10.8385 17.8998 10.925 17.9009 11.0147C17.903 11.302 17.902 11.5904 17.902 11.8777C17.902 12.0785 17.903 12.2792 17.903 12.48C17.9041 12.9008 17.9041 13.3216 17.903 13.7424C17.902 14.2796 17.9041 14.8168 17.9073 15.354C17.9094 15.7694 17.9094 16.1838 17.9084 16.5982C17.9084 16.7958 17.9094 16.9944 17.9105 17.192C17.9179 18.4757 17.9084 19.6313 16.9864 20.6277C16.3469 21.1617 15.589 21.4436 14.7641 21.449C14.6564 21.45 14.5488 21.4511 14.4379 21.4522C14.3207 21.4522 14.2034 21.4532 14.0819 21.4532C13.8954 21.4543 13.8954 21.4543 13.7057 21.4564C13.2943 21.4586 12.8839 21.4607 12.4725 21.4618C12.2614 21.4629 12.2614 21.4629 12.0461 21.4639C11.4557 21.4661 10.8641 21.4682 10.2736 21.4693C9.42839 21.4714 8.58317 21.4746 7.73901 21.481C7.14319 21.4842 6.54844 21.4864 5.9537 21.4874C5.59877 21.4874 5.24384 21.4896 4.88891 21.4928C4.49241 21.496 4.09591 21.496 3.69834 21.4949C3.52461 21.4981 3.52461 21.4981 3.34661 21.5002C2.4417 21.4928 1.76701 21.2461 1.05928 20.6779C0.996394 20.6053 0.933508 20.5326 0.868491 20.4579C0.803474 20.3874 0.739522 20.3169 0.672373 20.2443C0.122391 19.3611 -0.0065778 18.4853 0.00194906 17.4611C0.00194906 17.3372 0.000882975 17.2133 0.000882975 17.0852C-0.00124874 16.6772 0.000883024 16.2703 0.00301474 15.8634C0.00301474 15.5793 0.00301492 15.2942 0.00194906 15.0101C0.00194906 14.4163 0.00408047 13.8225 0.00621218 13.2276C0.00940975 12.542 0.00940998 11.8563 0.00727826 11.1696C0.00621241 10.5085 0.00727809 9.84637 0.00834394 9.18422C0.0094098 8.90334 0.00941003 8.62139 0.00941003 8.34051C0.00834417 7.94856 0.0104758 7.55768 0.0126075 7.16573C0.0126075 7.04932 0.0115418 6.93291 0.0115418 6.81329C0.109084 5.89356 0.101996 5.87796 0.375548 5.41297C0.435236 5.31151 0.494375 5.21025 0.555129 5.10558C1.30762 4.08779 2.19015 3.65312 3.4404 3.66273Z" fill="var(--foreground)"></path><path d="M6.45078 8.61719C7.0839 8.61719 7.71701 8.61719 8.36932 8.61719C8.50468 9.007 8.50468 9.007 8.64218 9.40536C8.882 10.0889 9.13567 10.766 9.40214 11.4409C9.62916 12.0177 9.83594 12.5901 10.0033 13.1882C10.08 13.4402 10.1738 13.6794 10.2751 13.924C10.4648 14.3875 10.63 14.8564 10.7877 15.3327C10.8101 15.401 10.8336 15.4694 10.857 15.5399C10.9636 15.8656 11.0574 16.1881 11.1405 16.5203C10.
16481 16.5203 10.1557 16.5203 9.64835 16.5203C9.36696 15.8859 9.141 15.2547 8.90225 14.5979C7.9174 14.5979 6.93254 14.5979 5.91785 14.5979C5.70681 15.2323 5.49577 15.8667 5.27833 16.5203C4.78591 16.5203 4.29348 16.5203 3.78613 16.5203C3.9151 16.1134 4.043 15.7075 4.17304 15.3017C4.23806 15.0967 4.30201 14.8916 4.36703 14.6866C4.5802 14.0169 4.80616 13.3601 5.07369 12.7097C5.23996 12.29 5.36787 11.8596 5.4979 11.4271C5.78568 10.4766 5.78568 10.4766 5.97967 10.0333C6.11397 9.72469 6.21842 9.42672 6.31115 9.10419C6.35698 8.94399 6.40281 8.78273 6.45078 8.61719Z" fill="var(--foreground)"></path><path d="M17.0243 0.59969C17.0434 0.540303 17.0978 0.5 17.1602 0.5C17.2243 0.5 17.2815 0.542615 17.2989 0.604391C17.3115 0.648917 17.324 0.693737 17.3366 0.739229C17.6787 1.86702 18.1445 2.872 19.1763 3.50745C19.6558 3.74823 20.1282 3.90691 20.6486 4.03681C20.6696 4.04205 20.6902 4.04899 20.7108 4.05536C20.7494 4.06726 20.8017 4.07916 20.8529 4.09106C20.9426 4.11192 20.9999 4.19161 20.9999 4.28369C20.9998 4.38323 20.9344 4.47093 20.839 4.49932C20.7878 4.51455 20.7364 4.52991 20.6844 4.54553C19.5205 4.90544 18.5538 5.27924 17.9089 6.37392C17.7704 6.68577 17.6606 7.00403 17.5561 7.3287C17.5274 7.412 17.4997 7.49531 17.4709 7.58075C17.4137 7.75092 17.3572 7.9211 17.3015 8.09128C17.2823 8.14984 17.2285 8.1895 17.1669 8.1895C17.1022 8.1895 17.0447 8.14586 17.0284 8.08324C17.0206 8.05355 17.0129 8.0236 17.0051 7.99299C16.696 6.87908 16.2718 5.75449 15.2443 5.13292C14.6533 4.82332 13.8675 4.59356 13.2198 4.41317C13.1879 4.40427 13.1658 4.39685 13.1658 4.3637C13.1658 4.33317 13.1846 4.28422 13.213 4.27291C13.4766 4.1677 13.9421 3.95278 14.1848 3.88445C15.1644 3.579 15.8199 3.17424 16.3752 2.28567C16.6503 1.74651 16.8396 1.17489 17.0243 0.59969Z" fill="#FED02F"></path><path d="M12.2065 10.6455C12.6638 10.6455 13.121 10.6455 13.5922 10.6455C13.5922 12.5839 13.5922 14.5223 13.5922 16.5194C13.1349 16.5194 12.6777 16.5194 12.2065 16.5194C12.2065 14.581 12.2065 12.6426 12.2065 10.6455Z" fill="var(--foreground)"></path><path d="M7.30341 9.79102C7.37375 9.79102 7.4441 9.79102 7.51658 9.79102C7.669 10.2759 7.82035 10.7607 7.9717 11.2456C8.02393 11.4101 8.07509 11.5756 8.12731 11.7401C8.20086 11.9772 8.27547 12.2143 8.34901 12.4503C8.38419 12.5614 8.38419 12.5614 8.42042 12.6756C8.58244 13.1968 8.58244 13.1968 8.58244 13.3154C7.80862 13.3154 7.03481 13.3154 6.23755 13.3154C6.50934 12.1128 6.90478 10.9573 7.30341 9.79102Z" fill="var(--background)"></path><path d="M12.2065 8.88885C12.2065 8.50622 12.5115 8.18945 12.8942 8.18945C13.2768 8.18945 13.5922 8.49581 13.5922 8.87844C13.5922 9.26106 13.2872 9.57783 12.9045 9.57783C12.5219 9.57783 12.2065 9.27148 12.2065 8.88885Z" fill="var(--foreground)"></path></svg><span class="font-medium text-wrap">IDE Extension</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground ml-1.5 size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg><a target="_blank" rel="noopener noreferrer" class="text-muted-foreground slide-in-from-end hover:text-primary ml-auto inline-flex items-center gap-1 text-xs opacity-0 transition-opacity duration-200 group-hover/feature:opacity-100" href="/ide-extension"><span class="underline-offset-2 hover:underline">Explore</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-3" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="group/feature flex h-14 items-center gap-1 px-5 py-1.5"><svg width="1em" height="1em" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg" class="-mt-1 size-5.25 shrink-0"><path d="M3.4404 3.66273C3.52994 3.66167 3.6184 3.66167 3.71007 3.6606C4.00211 3.65953 4.29309 3.6606 4.58407 3.66167C4.78765 3.66167 4.99123 3.6606 5.19481 3.6606C5.62008 3.6606 6.04536 3.6606 6.47064 3.66273C7.01529 3.6638 7.56101 3.66273 8.10566 3.66167C8.52561 3.6606 8.945
156 3.6606 9.36444 3.66167C9.56589 3.66167 9.76733 3.66167 9.96878 3.6606C10.2491 3.65953 10.5294 3.6606 10.8097 3.66273C10.8929 3.66167 10.976 3.66167 11.0613 3.6606C11.6187 3.66701 11.6187 3.66701 11.8841 3.84643C12.0589 4.13158 12.0408 4.34091 11.9928 4.66557C11.7317 4.95286 11.5697 4.98597 11.1807 5.02548C11.0229 5.02655 10.8652 5.02655 10.7074 5.02548C10.5774 5.02548 10.5774 5.02548 10.4452 5.02655C10.2576 5.02655 10.0711 5.02655 9.88351 5.02655C9.5872 5.02548 9.28983 5.02655 8.99352 5.02762C8.15043 5.03296 7.30733 5.03296 6.46424 5.03189C5.9473 5.03189 5.43143 5.03403 4.91555 5.03723C4.62351 5.0383 4.33253 5.03723 4.04048 5.03616C3.86035 5.03723 3.68129 5.0383 3.50116 5.03937C3.42122 5.0383 3.34021 5.03723 3.25708 5.03616C2.70496 5.04364 2.3916 5.16005 1.97378 5.51996C1.44512 6.09133 1.48669 6.6595 1.49095 7.39748C1.48989 7.52137 1.48882 7.64525 1.48882 7.77341C1.48562 8.18245 1.48669 8.59149 1.48775 9.00053C1.48669 9.21306 1.48669 9.42559 1.48669 9.63812C1.48456 10.3067 1.48456 10.9752 1.48669 11.6438C1.48882 12.3316 1.48669 13.0194 1.48349 13.7082C1.48029 14.2999 1.47923 14.8926 1.48029 15.4843C1.48136 15.8378 1.48029 16.1902 1.47816 16.5437C1.4771 16.9378 1.47816 17.3308 1.48029 17.7249C1.47923 17.899 1.47923 17.899 1.4771 18.0773C1.48456 18.685 1.52826 19.1111 1.93435 19.58C2.50671 20.1396 3.06203 20.0905 3.82731 20.0873C3.94988 20.0884 4.07246 20.0894 4.19823 20.0894C4.60326 20.0916 5.00935 20.0916 5.41437 20.0905C5.69576 20.0916 5.97821 20.0916 6.2596 20.0926C6.85008 20.0937 7.44163 20.0926 8.03212 20.0916C8.71427 20.0905 9.39535 20.0926 10.0775 20.0948C10.7351 20.098 11.3917 20.098 12.0493 20.0969C12.3275 20.0969 12.6068 20.098 12.886 20.099C13.2761 20.1012 13.6662 20.1001 14.0574 20.098C14.1725 20.099 14.2876 20.1001 14.4059 20.1012C15.0796 20.0948 15.5091 20.0435 16.0431 19.6174C16.4737 19.109 16.5313 18.6124 16.5227 17.9663C16.5238 17.8787 16.5238 17.7922 16.5249 17.7025C16.5259 17.5145 16.5259 17.3265 16.5249 17.1386C16.5238 16.8417 16.5249 16.5448 16.527 16.2479C16.5291 15.7246 16.5302 15.2013 16.5302 14.6779C16.5302 13.8396 16.5313 13.0012 16.5355 12.1618C16.5366 11.8691 16.5355 11.5765 16.5355 11.2839C16.5355 11.1045 16.5366 10.925 16.5377 10.7467C16.5366 10.6645 16.5355 10.5833 16.5345 10.4989C16.5398 9.9521 16.5398 9.9521 16.7189 9.68831C16.9992 9.51423 17.2155 9.53772 17.5353 9.57831C17.7133 9.68724 17.7133 9.68724 17.8551 9.8987C17.8881 10.1903 17.8998 10.4583 17.8988 10.751C17.8998 10.8385 17.8998 10.925 17.9009 11.0147C17.903 11.302 17.902 11.5904 17.902 11.8777C17.902 12.0785 17.903 12.2792 17.903 12.48C17.9041 12.9008 17.9041 13.3216 17.903 13.7424C17.902 14.2796 17.9041 14.8168 17.9073 15.354C17.9094 15.7694 17.9094 16.1838 17.9084 16.5982C17.9084 16.7958 17.9094 16.9944 17.9105 17.192C17.9179 18.4757 17.9084 19.6313 16.9864 20.6277C16.3469 21.1617 15.589 21.4436 14.7641 21.449C14.6564 21.45 14.5488 21.4511 14.4379 21.4522C14.3207 21.4522 14.2034 21.4532 14.0819 21.4532C13.8954 21.4543 13.8954 21.4543 13.7057 21.4564C13.2943 21.4586 12.8839 21.4607 12.4725 21.4618C12.2614 21.4629 12.2614 21.4629 12.0461 21.4639C11.4557 21.4661 10.8641 21.4682 10.2736 21.4693C9.42839 21.4714 8.58317 21.4746 7.73901 21.481C7.14319 21.4842 6.54844 21.4864 5.9537 21.4874C5.59877 21.4874 5.24384 21.4896 4.88891 21.4928C4.49241 21.496 4.09591 21.496 3.69834 21.4949C3.52461 21.4981 3.52461 21.4981 3.34661 21.5002C2.4417 21.4928 1.76701 21.2461 1.05928 20.6779C0.996394 20.6053 0.933508 20.5326 0.868491 20.4579C0.803474 20.3874 0.739522 20.3169 0.672373 20.2443C0.122391 19.3611 -0.0065778 18.4853 0.00194906 17.4611C0.00194906 17.3372 0.000882975 17.2133 0.000882975 17.0852C-0.00124874 16.6772 0.000883024 16.2703 0.00301474 15.8634C0.00301474 15.5793 0.00301492 15.2942 0.00194906 15.0101C0.00194906 14.4163 0.00408047 13.8225 0.00621218 13.2276C0.00940975 12.542 0.00940998 11.8563 0.00727826 11.1696C0.00621241 10.5085 0.00727809 9.84637 0.00834394 9.18422C0.0094098 8.90334 0.00941003 8.62139 0.00941003 8.34051C0.00834417 7.94856 0.0104758 7.55768 0.0126075 7.16573C0.0126075 7.04932 0.0115418 6.93291 0.0115418 6.81329C0.109084 5.89356 0.101996 5.87796 0.375548 5.41297C0.435236 5.31151 0.494375 5.21025 0.555129 5.10558C1.30762 4.08779 2.19015 3.65312 3.4404 3.66273Z" fill="var(--foreground)"></path><path d="M6.45078 8.61719C7.0839 8.61719 7.71701 8.61719 8.36932 8.61719C8.50468 9.007 8.50468 9.007 8.64218 9.40536C8.882 10.0889 9.13567 10.766 9.40214 11.4409C9.62916 12.0177 9.83594 12.5901 10.0033 13.1882C10.08 13.4402 10.1738 13.6794 10.2751 13.924C10.4648 14.3875 10.63 14.8564 10.7877 15.3327C10.8101 15.401 10.8336 15.4694 10.857 15.5399C10.9636 15.8656 11.0574 16.1881 11.1405 16.5203C10.
16481 16.5203 10.1557 16.5203 9.64835 16.5203C9.36696 15.8859 9.141 15.2547 8.90225 14.5979C7.9174 14.5979 6.93254 14.5979 5.91785 14.5979C5.70681 15.2323 5.49577 15.8667 5.27833 16.5203C4.78591 16.5203 4.29348 16.5203 3.78613 16.5203C3.9151 16.1134 4.043 15.7075 4.17304 15.3017C4.23806 15.0967 4.30201 14.8916 4.36703 14.6866C4.5802 14.0169 4.80616 13.3601 5.07369 12.7097C5.23996 12.29 5.36787 11.8596 5.4979 11.4271C5.78568 10.4766 5.78568 10.4766 5.97967 10.0333C6.11397 9.72469 6.21842 9.42672 6.31115 9.10419C6.35698 8.94399 6.40281 8.78273 6.45078 8.61719Z" fill="var(--foreground)"></path><path d="M17.0243 0.59969C17.0434 0.540303 17.0978 0.5 17.1602 0.5C17.2243 0.5 17.2815 0.542615 17.2989 0.604391C17.3115 0.648917 17.324 0.693737 17.3366 0.739229C17.6787 1.86702 18.1445 2.872 19.1763 3.50745C19.6558 3.74823 20.1282 3.90691 20.6486 4.03681C20.6696 4.04205 20.6902 4.04899 20.7108 4.05536C20.7494 4.06726 20.8017 4.07916 20.8529 4.09106C20.9426 4.11192 20.9999 4.19161 20.9999 4.28369C20.9998 4.38323 20.9344 4.47093 20.839 4.49932C20.7878 4.51455 20.7364 4.52991 20.6844 4.54553C19.5205 4.90544 18.5538 5.27924 17.9089 6.37392C17.7704 6.68577 17.6606 7.00403 17.5561 7.3287C17.5274 7.412 17.4997 7.49531 17.4709 7.58075C17.4137 7.75092 17.3572 7.9211 17.3015 8.09128C17.2823 8.14984 17.2285 8.1895 17.1669 8.1895C17.1022 8.1895 17.0447 8.14586 17.0284 8.08324C17.0206 8.05355 17.0129 8.0236 17.0051 7.99299C16.696 6.87908 16.2718 5.75449 15.2443 5.13292C14.6533 4.82332 13.8675 4.59356 13.2198 4.41317C13.1879 4.40427 13.1658 4.39685 13.1658 4.3637C13.1658 4.33317 13.1846 4.28422 13.213 4.27291C13.4766 4.1677 13.9421 3.95278 14.1848 3.88445C15.1644 3.579 15.8199 3.17424 16.3752 2.28567C16.6503 1.74651 16.8396 1.17489 17.0243 0.59969Z" fill="#FED02F"></path><path d="M12.2065 10.6455C12.6638 10.6455 13.121 10.6455 13.5922 10.6455C13.5922 12.5839 13.5922 14.5223 13.5922 16.5194C13.1349 16.5194 12.6777 16.5194 12.2065 16.5194C12.2065 14.581 12.2065 12.6426 12.2065 10.6455Z" fill="var(--foreground)"></path><path d="M7.30341 9.79102C7.37375 9.79102 7.4441 9.79102 7.51658 9.79102C7.669 10.2759 7.82035 10.7607 7.9717 11.2456C8.02393 11.4101 8.07509 11.5756 8.12731 11.7401C8.20086 11.9772 8.27547 12.2143 8.34901 12.4503C8.38419 12.5614 8.38419 12.5614 8.42042 12.6756C8.58244 13.1968 8.58244 13.1968 8.58244 13.3154C7.80862 13.3154 7.03481 13.3154 6.23755 13.3154C6.50934 12.1128 6.90478 10.9573 7.30341 9.79102Z" fill="var(--background)"></path><path d="M12.2065 8.88885C12.2065 8.50622 12.5115 8.18945 12.8942 8.18945C13.2768 8.18945 13.5922 8.49581 13.5922 8.87844C13.5922 9.26106 13.2872 9.57783 12.9045 9.57783C12.5219 9.57783 12.2065 9.27148 12.2065 8.88885Z" fill="var(--foreground)"></path></svg><span class="font-medium text-wrap">Theme Generator</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground ml-1.5 size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg><a target="_blank" rel="noopener noreferrer" class="text-muted-foreground slide-in-from-end hover:text-primary ml-auto inline-flex items-center gap-1 text-xs opacity-0 transition-opacity duration-200 group-hover/feature:opacity-100" href="/theme-generator"><span class="underline-offset-2 hover:underline">Explore</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-3" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="group/feature flex h-14 items-center gap-1 px-5 py-1.5"><span class="font-medium text-wrap">Support Response Time</span><a target="_blank" rel="noopener noreferrer" class="text-muted-foreground slide-in-from-end hover:text-primary ml-auto inline-flex items-center gap-1 text-xs opacity-0 transition-opacity duration-200 group-hover/feature:opacity-100" href="/support"><span class="underline-offset-2 hover:underline">Support</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-3" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div><div class="flex min-w-50 basis-[18%] flex-col divide-y border-r"><div class="flex h-57 flex-col justify-center gap-6 p-5"><div class="space-y-1.5"><div class="flex items-center gap-2"><h3 class="text-xl font-semibold">Community</h3><div class="bg-destructive size-3 rounded-full"></div></div><p class="text-sm">Open Source</p></div><div class="flex items-baseline gap-1"><span class="text-3xl font-bold">Free</span><span class="text-muted-foreground text-xs">forever</span></div><a data-slot="button" data-variant="outline" data-size="default" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='
1size-'])]:size-4 bg-background hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 border shadow-xs h-9 px-4 py-2 has-[>svg]:px-3 cursor-pointer" href="/docs/getting-started/introduction">Get Started</a></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">Unlimited</span></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">Unlimited</span></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">Limited</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">Limited</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">Limited</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">Components Code</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">Limited</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">Limited</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-destructive size-6" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-destructive size-6" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">Limited</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">Limited</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">Limited</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">Community support</span></div></div><div class="flex min-w-50 basis-[18%] flex-col divide-y"><div class="flex flex-col justify-center gap-6 p-5 h-57"><div class="space-y-1.5"><div class="flex items-center gap-2"><h3 class="flex items-center gap-2 text-xl font-semibold">Basic</h3><div class="size-3 rounded-full bg-primary/60"></div></div><p class="text-sm">For individual creators</p></div><div class="flex gap-1"><span class="text-3xl font-bold">$<span class="inline-block tabular-nums">99</span></span><div class="flex flex-col text-muted-foreground"><s class="text-sm line-through">$<!-- -->
1219</s><div class="text-xs">one-time pay</div></div></div><button data-slot="button" data-variant="outline" data-size="default" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-background hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 border shadow-xs h-9 px-4 py-2 has-[>svg]:px-3 cursor-pointer">Get Basic</button></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">Single</span></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">Unlimited</span></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">Limited</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">Limited</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">Limited</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-destructive size-6" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">Limited</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">Limited</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">Limited</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">48 business hours</span></div></div><div class="flex min-w-50 basis-[18%] flex-col divide-y border-primary bg-primary/7 divide-primary/10 relative rounded-xl border shadow-[0px_4px_20px_rgba(0,0,0,0.15)] dark:shadow-[0px_4px_20px_rgba(255,255,255,0.15)]"><span data-slot="badge" data-variant="default" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focu
1s-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3 bg-primary text-primary-foreground [a&]:hover:bg-primary/90 absolute top-2.5 right-2.5 rounded-sm">Best Value</span><div class="flex flex-col justify-center gap-6 p-5 h-56.75"><div class="space-y-1.5"><div class="flex items-center gap-2"><h3 class="flex items-center gap-2 text-xl font-semibold">Pro</h3><div class="size-3 rounded-full bg-amber-600 dark:bg-amber-400"></div></div><p class="text-sm">For serious builders</p></div><div class="flex gap-1"><span class="text-3xl font-bold">$<span class="inline-block tabular-nums">199</span></span><div class="flex flex-col"><s class="text-sm line-through">$<!-- -->359</s><div class="text-xs">one-time pay</div></div></div><button data-slot="button" data-variant="default" data-size="default" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground hover:bg-primary/90 h-9 px-4 py-2 has-[>svg]:px-3 cursor-pointer">Get Pro</button></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">Single</span></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">Unlimited</span></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">48 business hours</span></div></div><div class="flex min-w-50 basis-[18%] flex-col divide-y border-r"><div class="flex flex-col justify-center gap-6 p-5 h-57"><div class="space-y-1.5"><div class="flex items-center gap-2"><h3 class="flex items-center gap-2 text-xl font-semibold">Team</h3><div class="size-3 rounded-full undefined"></div></div><p class="text-sm">Best for growing teams</p></div><div class="flex gap-1"><span class="text-3xl font-bold">$<span class="inline-block tabular-nums">449</span></span><div class="flex flex-col text-muted-foreground"><s class="text-sm line-through">$<!-- -->719</s><div class="text-xs">one-time pay</div></div></div><button data-slot="button" data-variant="outline" data-size="default" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='
1size-'])]:size-4 bg-background hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 border shadow-xs h-9 px-4 py-2 has-[>svg]:px-3 cursor-pointer">Get Team</button></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">15 Seats</span></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">Unlimited</span></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">24 business hours</span></div></div><div class="flex min-w-50 basis-[18%] flex-col divide-y"><div class="flex flex-col justify-center gap-6 p-5 h-57"><div class="space-y-1.5"><div class="flex items-center gap-2"><h3 class="flex items-center gap-2 text-xl font-semibold">Enterprise<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></h3><div class="size-3 rounded-full undefined"></div></div><p class="text-sm">Best for large teams</p></div><div class="flex gap-1"><span class="text-3xl font-bold">$<span class="inline-block tabular-nums">849</span></span><div class="flex flex-col text-muted-foreground"><s class="text-sm line-through">$<!-- -->1299</s><div class="text-xs">one-time pay</div></div></div><button data-slot="button" data-variant="outline" data-size="default" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='
1size-'])]:size-4 bg-background hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 border shadow-xs h-9 px-4 py-2 has-[>svg]:px-3 cursor-pointer">Get Enterprise</button></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">Unlimited Seats</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info text-muted-foreground size-4 shrink-0 cursor-pointer" data-state="closed" data-slot="tooltip-trigger"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">Unlimited</span></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-6 text-green-600 dark:text-green-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex h-14 items-center justify-center gap-1.25 px-5 py-1.5"><span class="text-center text-sm text-balance">24 business hours</span></div></div></div></div></div></div></div><div class="mx-auto mt-10 flex max-w-7xl flex-col items-center space-y-3 px-4 text-center sm:px-6 lg:px-8"><p class="text-muted-foreground mb-1.5 text-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check mb-0.5 inline size-5" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg> <span>Secure 256-bit SSL Encrypted payments by</span> <a class="hover:text-primary font-medium underline" target="_blank" rel="noopener noreferrer nofollow" href="https://polar.sh/">Polar</a>.</p><p class="text-muted-foreground">Got a question(s)? Read all the<!-- --> <a class="hover:text-primary font-medium underline" href="/faqs">FAQs</a>.</p></div></section><div class="relative z-10 w-full" style="opacity:0;transition:opacity 1s ease"><div style="width:0" class="absolute left-1/2 h-px -translate-x-1/2"><hr class="-mb-px w-full border-dashed"/><div class="relative mx-auto h-px w-full max-w-350 max-[1429px]:overflow-hidden min-[1800px]:max-w-384"><span class="border-primary/20 bg-muted absolute top-1/2 left-0 z-1 size-2.5 -translate-x-1/2 -translate-y-1/2 rotate-45 rounded-xs border"></span><span class="border-primary/20 bg-muted absolute top-1/2 right-0 z-1 size-2.5 translate-x-1/2 -translate-y-1/2 rotate-45 rounded-xs border"></span></div></div></div><section id="reviews" class="relative pt-8 sm:pt-16 lg:pt-24">
1<div class="mx-auto max-w-7xl space-y-12 px-4 sm:space-y-16 sm:px-6 lg:px-8"><div class="flex flex-col items-center gap-4 text-center"><span class="font-kalam font-medium underline underline-offset-6">Reviews</span><h2 class="text-2xl font-semibold sm:text-3xl lg:text-4xl">The Wall of<!-- --> <span class="relative font-bold">Love<svg width="453" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" class="absolute -bottom-0.5 left-0 h-2 w-full rotate-2"><path d="M2 6.75068C53.4722 -1.10509 368.533 2.14284 451.5 6.75085" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"></path></svg></span></h2><p class="text-muted-foreground text-lg">Here's what some of our users have to say about Shadcn Studio.</p></div><div class="relative grid sm:grid-cols-2 lg:grid-cols-3"><div class="from-background pointer-events-none absolute top-0 z-1 h-37.5 w-full bg-linear-to-b to-transparent"></div><div class="from-background pointer-events-none absolute bottom-0 z-1 h-37.5 w-full bg-linear-to-t to-transparent"></div><div style="--marquee-duration:40s;--marquee-delay:0s;--marquee-gap:1.5rem" class="group flex gap-(--marquee-gap) overflow-hidden p-3 flex-col h-200"><div class="flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-vertical flex-col group-hover:paused"><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/iamncdai/status/1993680656535302590?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">CD</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Chanh Dai</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@iamncdai</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Congrats bro && shadcn/studio!</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/webdevluc/status/2040119969673855203?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">D</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Devluc</span></div><p class="text-muted-foreground text-sm">@webdevluc</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Congratulations Ajay. It looks amazing</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/shri_vatz/status/1924829698020016198"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">SV</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Shri Vatz</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@shri_vatz</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Thanks Ajay! shadcnstudio looks amazing ð</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/me_jd_solanki/status/1969304354852122883"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">JS</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>JD Solanki</span></div><p class="text-muted-foreground text-sm">@me_jd_solanki</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground"><p class="mb-3">Just found <span class="text-sky-700">@ShadcnStudio</span> ð</p><p class="mb-3">It fills the gap of missing customised demos which are not available in shadcn blocks or docs. Great part, you can copy-paste like shadcn docs ð¤ð»</p>E.g. pre-made user combobox which shows user avatar, email and name in options.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/sadmann17/status/1994559662294012062?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">s</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>sadman</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@sadmann17</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">
1those blocks are clean af</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/jlndev/status/2006095054855651559?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">J</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Julian</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@jlndev</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Very impressed with the Work of <span class="text-sky-700">@ajaypatel_aj</span> with<!-- --> <span class="text-sky-700">@ShadcnStudio</span><br/><br/>If you are building anything with shadcn, you definitely add this to your toolboy</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/iamncdai/status/1993680656535302590?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">CD</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Chanh Dai</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@iamncdai</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Congrats bro && shadcn/studio!</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/csaba_kissi/status/2054460183900795200?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">CK</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Csaba Kissi</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@csaba_kissi</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Amazing tools and apps for coders.<br/><br/><span class="text-sky-700">shadcnstudio.com</span> - UIs with Shadcn<br/><span class="text-sky-700">tablericons.com</span> - Free SVG icons<br/><span class="text-sky-700">rapidform.com</span> - AI form builder<br/><span class="text-sky-700">github.com/crup/runrate</span> - Dash for AI agent usage<br/><span class="text-sky-700">euroscanner.eu</span> - EU data sovereignty audit</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://www.g2.com/products/shadcn-studio-sha
1dcn-ui-components-blocks-templates/reviews/shadcn-studio-shadcn-ui-components-blocks-templates-review-12948183"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">Hk</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Hiren kalariya</span></div><p class="text-muted-foreground text-sm">Co-Founder and CEO</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/g2-logo.png?height=33&format=auto" alt="G2" loading="lazy" class="size-5.5"/><span class="text-sm">G2</span></div></div><div class="text-muted-foreground">Anyone Can Build a Next-Gen Website Easily</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://www.g2.com/products/shadcn-studio-shadcn-ui-components-blocks-templates/reviews/shadcn-studio-shadcn-ui-components-blocks-templates-review-12952600"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">TC</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Terry Carson</span></div><p class="text-muted-foreground text-sm">CEO</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/g2-logo.png?height=33&format=auto" alt="G2" loading="lazy" class="size-5.5"/><span class="text-sm">G2</span></div></div><div class="text-muted-foreground">Shadcn Studio is an absolute game-changer</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/avi11x/status/2001303672731435171?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">A</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Avinash</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@avi11x</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Keep doing awesome work ð¥ð</div></div></div></a></div>
1<div class="flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-vertical flex-col group-hover:paused"><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/iamncdai/status/1993680656535302590?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">CD</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Chanh Dai</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@iamncdai</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Congrats bro && shadcn/studio!</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/webdevluc/status/2040119969673855203?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">D</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Devluc</span></div><p class="text-muted-foreground text-sm">@webdevluc</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Congratulations Ajay. It looks amazing</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/shri_vatz/status/1924829698020016198"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">SV</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Shri Vatz</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@shri_vatz</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Thanks Ajay! shadcnstudio looks amazing ð</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/me_jd_solanki/status/1969304354852122883"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">JS</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>JD Solanki</span></div><p class="text-muted-foreground text-sm">@me_jd_solanki</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground"><p class="mb-3">Just found <span class="text-sky-700">@ShadcnStudio</span> ð</p><p class="mb-3">It fills the gap of missing customised demos which are not available in shadcn blocks or docs. Great part, you can copy-paste like shadcn docs ð¤ð»</p>E.g. pre-made user combobox which shows user avatar, email and name in options.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/sadmann17/status/1994559662294012062?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">s</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>sadman</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@sadmann17</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">those blocks are clean af</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/jlndev/status/2006095054855651559?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">J</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Julian</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@jlndev</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Very impressed with the Work of <span class="text-sky-700">@ajaypatel_aj</span> with<!-- --> <span class="text-sky-700">@ShadcnStudio</span><br/><br/>If you are building anything with shadcn, you definitely add this to your toolboy</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/iamncdai/status/1993680656535302590?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">CD</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Chanh Dai</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@iamncdai</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Congrats bro && shadcn/studio!</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/csaba_kissi/status/2054460183900795200?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">CK</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Csaba Kissi</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@csaba_kissi</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Amazing tools and apps for coders.<br/><br/><span class="text-sky-700">shadcnstudio.com</span> - UIs with Shadcn<br/><span class="text-sky-700">tablericons.com</span> - Free SVG icons<br/><span class="text-sky-700">rapidform.com</span> - AI form builder<br/><span class="text-sky-700">github.com/crup/runrate</span> - Dash for AI agent usage<br/><span class="text-sky-700">euroscanner.eu</span> - EU data sovereignty audit</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://www.g2.com/products/shadcn-studio-shadcn-ui-components-blocks-templates/reviews/shadcn-studio-shadcn-ui-components-blocks-templates-review-12948183"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">Hk</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Hiren kalariya</span></div><p class="text-muted-foreground text-sm">Co-Founder and CEO</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/g2-logo.png?height=33&format=auto" alt="G2" loading="lazy" class="size-5.5"/><span class="text-sm">G2</span></div></div><div class="text-muted-foreground">Anyone Can Build a Next-Gen Website Easily</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://www.g2.com/products/shadcn-studio-sha
1dcn-ui-components-blocks-templates/reviews/shadcn-studio-shadcn-ui-components-blocks-templates-review-12952600"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">TC</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Terry Carson</span></div><p class="text-muted-foreground text-sm">CEO</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/g2-logo.png?height=33&format=auto" alt="G2" loading="lazy" class="size-5.5"/><span class="text-sm">G2</span></div></div><div class="text-muted-foreground">Shadcn Studio is an absolute game-changer</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/avi11x/status/2001303672731435171?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">A</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Avinash</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@avi11x</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Keep doing awesome work ð¥ð</div></div></div></a></div><div class="flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-vertical flex-col group-hover:paused"><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/iamncdai/status/1993680656535302590?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">CD</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Chanh Dai</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@iamncdai</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Congrats bro && shadcn/studio!</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/webdevluc/status/2040119969673855203?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">D</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Devluc</span></div><p class="text-muted-foreground text-sm">@webdevluc</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Congratulations Ajay. It looks amazing</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/shri_vatz/status/1924829698020016198"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">SV</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Shri Vatz</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@shri_vatz</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Thanks Ajay! shadcnstudio looks amazing ð</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/me_jd_solanki/status/1969304354852122883"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">JS</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>JD Solanki</span></div><p class="text-muted-foreground text-sm">@me_jd_solanki</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground"><p class="mb-3">Just found <span class="text-sky-700">@ShadcnStudio</span> ð</p><p class="mb-3">It fills the gap of missing customised demos which are not available in shadcn blocks or docs. Great part, you can copy-paste like shadcn docs ð¤ð»</p>E.g. pre-made user combobox which shows user avatar, email and name in options.
1</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/sadmann17/status/1994559662294012062?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">s</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>sadman</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@sadmann17</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">those blocks are clean af</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/jlndev/status/2006095054855651559?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">J</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Julian</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@jlndev</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Very impressed with the Work of <span class="text-sky-700">@ajaypatel_aj</span> with<!-- --> <span class="text-sky-700">@ShadcnStudio</span><br/><br/>If you are building anything with shadcn, you definitely add this to your toolboy</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/iamncdai/status/1993680656535302590?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">CD</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Chanh Dai</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@iamncdai</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Congrats bro && shadcn/studio!</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/csaba_kissi/status/2054460183900795200?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">CK</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Csaba Kissi</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@csaba_kissi</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Amazing tools and apps for coders.<br/><br/><span class="text-sky-700">shadcnstudio.com</span> - UIs with Shadcn<br/><span class="text-sky-700">tablericons.com</span> - Free SVG icons<br/><span class="text-sky-700">rapidform.com</span> - AI form builder<br/><span class="text-sky-700">github.com/crup/runrate</span> - Dash for AI agent usage<br/><span class="text-sky-700">euroscanner.eu</span> - EU data sovereignty audit</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://www.g2.com/products/shadcn-studio-shadcn-ui-components-blocks-templates/reviews/shadcn-studio-shadcn-ui-components-blocks-templates-review-12948183"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">Hk</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Hiren kalariya</span></div><p class="text-muted-foreground text-sm">Co-Founder and CEO</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/g2-logo.png?height=33&format=auto" alt="G2" loading="lazy" class="size-5.5"/><span class="text-sm">G2</span></div></div><div class="text-muted-foreground">Anyone Can Build a Next-Gen Website Easily</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://www.g2.com/products/shadcn-studio-shadcn-ui-components-blocks-templates/reviews/shadcn-studio-shadcn-ui-components-blocks-templates-review-12952600"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">TC</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Terry Carson</span></div><p class="text-muted-foreground text-sm">CEO</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/g2-logo.png?height=33&format=auto" alt="G2" loading="lazy" class="size-5.5"/><span class="text-sm">G2</span></div></div><div class="text-muted-foreground">Shadcn Studio is an absolute game-changer</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/avi11x/status/2001303672731435171?
1s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">A</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Avinash</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@avi11x</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Keep doing awesome work ð¥ð</div></div></div></a></div><div class="flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-vertical flex-col group-hover:paused"><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/iamncdai/status/1993680656535302590?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">CD</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Chanh Dai</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@iamncdai</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Congrats bro && shadcn/studio!</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/webdevluc/status/2040119969673855203?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">D</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Devluc</span></div><p class="text-muted-foreground text-sm">@webdevluc</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Congratulations Ajay. It looks amazing</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/shri_vatz/status/1924829698020016198"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">SV</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Shri Vatz</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@shri_vatz</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Thanks Ajay! shadcnstudio looks amazing ð</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/me_jd_solanki/status/1969304354852122883"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">JS</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>JD Solanki</span></div><p class="text-muted-foreground text-sm">@me_jd_solanki</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground"><p class="mb-3">Just found <span class="text-sky-700">@ShadcnStudio</span> ð</p><p class="mb-3">It fills the gap of missing customised demos which are not available in shadcn blocks or docs. Great part, you can copy-paste like shadcn docs ð¤ð»</p>E.g. pre-made user combobox which shows user avatar, email and name in options.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/sadmann17/status/1994559662294012062?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">s</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>sadman</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@sadmann17</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">
1those blocks are clean af</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/jlndev/status/2006095054855651559?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">J</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Julian</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@jlndev</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Very impressed with the Work of <span class="text-sky-700">@ajaypatel_aj</span> with<!-- --> <span class="text-sky-700">@ShadcnStudio</span><br/><br/>If you are building anything with shadcn, you definitely add this to your toolboy</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/iamncdai/status/1993680656535302590?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">CD</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Chanh Dai</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@iamncdai</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Congrats bro && shadcn/studio!</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/csaba_kissi/status/2054460183900795200?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">CK</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Csaba Kissi</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@csaba_kissi</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Amazing tools and apps for coders.<br/><br/><span class="text-sky-700">shadcnstudio.com</span> - UIs with Shadcn<br/><span class="text-sky-700">tablericons.com</span> - Free SVG icons<br/><span class="text-sky-700">rapidform.com</span> - AI form builder<br/><span class="text-sky-700">github.com/crup/runrate</span> - Dash for AI agent usage<br/><span class="text-sky-700">euroscanner.eu</span> - EU data sovereignty audit</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://www.g2.com/products/shadcn-studio-sha
1dcn-ui-components-blocks-templates/reviews/shadcn-studio-shadcn-ui-components-blocks-templates-review-12948183"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">Hk</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Hiren kalariya</span></div><p class="text-muted-foreground text-sm">Co-Founder and CEO</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/g2-logo.png?height=33&format=auto" alt="G2" loading="lazy" class="size-5.5"/><span class="text-sm">G2</span></div></div><div class="text-muted-foreground">Anyone Can Build a Next-Gen Website Easily</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://www.g2.com/products/shadcn-studio-shadcn-ui-components-blocks-templates/reviews/shadcn-studio-shadcn-ui-components-blocks-templates-review-12952600"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">TC</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Terry Carson</span></div><p class="text-muted-foreground text-sm">CEO</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/g2-logo.png?height=33&format=auto" alt="G2" loading="lazy" class="size-5.5"/><span class="text-sm">G2</span></div></div><div class="text-muted-foreground">Shadcn Studio is an absolute game-changer</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/avi11x/status/2001303672731435171?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">A</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Avinash</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@avi11x</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Keep doing awesome work ð¥ð</div></div></div></a></div></div><div style="--marquee-duration:44s;--marquee-delay:0s;--marquee-gap:1.5rem" class="group flex gap-(--marquee-gap) overflow-hidden p-3 flex-col h-200 max-sm:hidden">
1<div class="flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-vertical flex-col group-hover:paused"><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/shadcn/status/1988842169445081278?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">s</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>shadcn</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@shadcn</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Nice.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/AlemTuzlak/status/2011092321798967351?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">AT</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Alem Tuzlak ð§ð¦</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@AlemTuzlak</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Looks cool!</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/RThermo56/status/1986389822571937843"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">RT</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Richard Thermo</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@RThermo56</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground"><p>Great work. You should be very proud of this. I'm really enjoying it and look forward to the new additions that come to it.</p></div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/rouas_nour/status/1941135074990412079"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">NR</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Nour Rouas</span></div><p class="text-muted-foreground text-sm">@rouas_nour</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground"><p class="mb-2">My SaaS tech stack in one tweet:</p><p class="mb-2">ð PRD: Claude <span class="text-sky-700">@AnthropicAI</span><br/>ð¨ UI: <span class="text-sky-700">@lovable_dev</span><br/>ð§âð» Refined: <span class="text-sky-700">@cursor_ai</span><br/>ð§© Components: <span class="text-sky-700">@ShadcnStudio</span><br/>ð¯ Styling: <span class="text-sky-700">@tailwindcss</span><br/>ð§ Backend/Auth: <span class="text-sky-700">@supabase</span><br/>ð³ Payments: <span class="text-sky-700">@stripe</span><br/>ð Deploy: <span class="text-sky-700">@vercel</span></p><p>Still building. Follow for updates.</p></div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/shadcn/status/2021251247769014368?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">s</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>shadcn</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@shadcn</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Nice. The cli integration looks great.<br/>Will give it a try.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/0xUrvish/status/2032724411456139447?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">U</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Urvish</span></div><p class="text-muted-foreground text-sm">@0xUrvish</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">this is insane,<br/><br/>you have build large ecosystem of shadcn components and seeing the gap between designer and developer and adding more and more features and maintaining. shadcnstudio is on next level.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/kapish_dima/status/1994349391889473884?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">K</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>KapishDima</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@kapish_dima</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">I really love what these guys are building! The huge number of components and blocks is just mind-blowing :) MCP out of the box and IDE support make it super convenient.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://www.reddit.com/r/reactjs/comments/1k6kml1/comment/moyz5cr/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">a</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>abdullah</span></div><p class="text-muted-foreground text-sm">u/simpleguy231</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/reddit-icon.png?height=33&format=auto" alt="Reddit" loading="lazy" class="size-5.5"/><span class="text-sm">Reddit</span></div></div><div class="text-muted-foreground">Wow, this looks amazing! ð The live theme generator feature is definitely a game changer for UI customization, and the seamless integration with Tailwind v4 makes it even more powerful. I love how easy it seems to tweak colors, typography, and save custom themes for reuse. ð I'll definitely give it a try and share any feedback, but so far, this looks like a tool I'd love to incorporate into my projects. Great job on this! ðâ¨</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://www.g2.com/products/shadcn-studio-shadcn-ui-components-blocks-templates/reviews/shadcn-studio-shadcn-ui-components-blocks-templates-review-12951748"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">PM</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Parth Makwana</span></div><p class="text-muted-foreground text-sm">Founder</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/g2-logo.png?height=33&format=auto" alt="G2" loading="lazy" class="size-5.5"/><span class="text-sm">G2</span></div></div><div class="text-muted-foreground">We ship client UIs much faster now, the blocks alone are worth the money.</div></div></div></a></div>
1<div class="flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-vertical flex-col group-hover:paused"><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/shadcn/status/1988842169445081278?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">s</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>shadcn</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@shadcn</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Nice.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/AlemTuzlak/status/2011092321798967351?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">AT</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Alem Tuzlak ð§ð¦</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@AlemTuzlak</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Looks cool!</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/RThermo56/status/1986389822571937843"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">RT</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Richard Thermo</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@RThermo56</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground"><p>Great work. You should be very proud of this. I'm really enjoying it and look forward to the new additions that come to it.</p></div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/rouas_nour/status/1941135074990412079"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">NR</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Nour Rouas</span></div><p class="text-muted-foreground text-sm">@rouas_nour</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground"><p class="mb-2">My SaaS tech stack in one tweet:</p><p class="mb-2">ð PRD: Claude <span class="text-sky-700">@AnthropicAI</span><br/>ð¨ UI: <span class="text-sky-700">@lovable_dev</span><br/>ð§âð» Refined: <span class="text-sky-700">@cursor_ai</span><br/>ð§© Components: <span class="text-sky-700">@ShadcnStudio</span><br/>ð¯ Styling: <span class="text-sky-700">@tailwindcss</span><br/>ð§ Backend/Auth: <span class="text-sky-700">@supabase</span><br/>ð³ Payments: <span class="text-sky-700">@stripe</span><br/>ð Deploy: <span class="text-sky-700">@vercel</span></p><p>Still building. Follow for updates.</p></div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/shadcn/status/2021251247769014368?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">s</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>shadcn</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@shadcn</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Nice. The cli integration looks great.<br/>Will give it a try.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/0xUrvish/status/2032724411456139447?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">U</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Urvish</span></div><p class="text-muted-foreground text-sm">@0xUrvish</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">this is insane,<br/><br/>you have build large ecosystem of shadcn components and seeing the gap between designer and developer and adding more and more features and maintaining. shadcnstudio is on next level.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/kapish_dima/status/1994349391889473884?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">K</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>KapishDima</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@kapish_dima</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">I really love what these guys are building! The huge number of components and blocks is just mind-blowing :) MCP out of the box and IDE support make it super convenient.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://www.reddit.com/r/reactjs/comments/1k6kml1/comment/moyz5cr/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">a</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>abdullah</span></div><p class="text-muted-foreground text-sm">u/simpleguy231</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/reddit-icon.png?height=33&format=auto" alt="Reddit" loading="lazy" class="size-5.5"/><span class="text-sm">Reddit</span></div></div><div class="text-muted-foreground">Wow, this looks amazing! ð The live theme generator feature is definitely a game changer for UI customization, and the seamless integration with Tailwind v4 makes it even more powerful. I love how easy it seems to tweak colors, typography, and save custom themes for reuse. ð I'll definitely give it a try and share any feedback, but so far, this looks like a tool I'd love to incorporate into my projects. Great job on this! ðâ¨</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://www.g2.com/products/shadcn-studio-shadcn-ui-components-blocks-templates/reviews/shadcn-studio-shadcn-ui-components-blocks-templates-review-12951748"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">PM</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Parth Makwana</span></div><p class="text-muted-foreground text-sm">Founder</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/g2-logo.png?height=33&format=auto" alt="G2" loading="lazy" class="size-5.5"/><span class="text-sm">G2</span></div></div><div class="text-muted-foreground">We ship client UIs much faster now, the blocks alone are worth the money.</div></div></div></a></div>
1<div class="flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-vertical flex-col group-hover:paused"><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/shadcn/status/1988842169445081278?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">s</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>shadcn</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@shadcn</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Nice.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/AlemTuzlak/status/2011092321798967351?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">AT</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Alem Tuzlak ð§ð¦</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@AlemTuzlak</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Looks cool!</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/RThermo56/status/1986389822571937843"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">RT</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Richard Thermo</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@RThermo56</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground"><p>Great work. You should be very proud of this. I'm really enjoying it and look forward to the new additions that come to it.</p></div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/rouas_nour/status/1941135074990412079"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">NR</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Nour Rouas</span></div><p class="text-muted-foreground text-sm">@rouas_nour</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground"><p class="mb-2">My SaaS tech stack in one tweet:</p><p class="mb-2">ð PRD: Claude <span class="text-sky-700">@AnthropicAI</span><br/>ð¨ UI: <span class="text-sky-700">@lovable_dev</span><br/>ð§âð» Refined: <span class="text-sky-700">@cursor_ai</span><br/>ð§© Components: <span class="text-sky-700">@ShadcnStudio</span><br/>ð¯ Styling: <span class="text-sky-700">@tailwindcss</span><br/>ð§ Backend/Auth: <span class="text-sky-700">@supabase</span><br/>ð³ Payments: <span class="text-sky-700">@stripe</span><br/>ð Deploy: <span class="text-sky-700">@vercel</span></p><p>Still building. Follow for updates.</p></div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/shadcn/status/2021251247769014368?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">s</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>shadcn</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@shadcn</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Nice. The cli integration looks great.<br/>Will give it a try.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/0xUrvish/status/2032724411456139447?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">U</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Urvish</span></div><p class="text-muted-foreground text-sm">@0xUrvish</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">this is insane,<br/><br/>you have build large ecosystem of shadcn components and seeing the gap between designer and developer and adding more and more features and maintaining. shadcnstudio is on next level.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/kapish_dima/status/1994349391889473884?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">K</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>KapishDima</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@kapish_dima</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">I really love what these guys are building! The huge number of components and blocks is just mind-blowing :) MCP out of the box and IDE support make it super convenient.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://www.reddit.com/r/reactjs/comments/1k6kml1/comment/moyz5cr/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">a</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>abdullah</span></div><p class="text-muted-foreground text-sm">u/simpleguy231</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/reddit-icon.png?height=33&format=auto" alt="Reddit" loading="lazy" class="size-5.5"/><span class="text-sm">Reddit</span></div></div><div class="text-muted-foreground">Wow, this looks amazing! ð The live theme generator feature is definitely a game changer for UI customization, and the seamless integration with Tailwind v4 makes it even more powerful. I love how easy it seems to tweak colors, typography, and save custom themes for reuse. ð I'll definitely give it a try and share any feedback, but so far, this looks like a tool I'd love to incorporate into my projects. Great job on this! ðâ¨</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://www.g2.com/products/shadcn-studio-shadcn-ui-components-blocks-templates/reviews/shadcn-studio-shadcn-ui-components-blocks-templates-review-12951748"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">PM</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Parth Makwana</span></div><p class="text-muted-foreground text-sm">Founder</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/g2-logo.png?height=33&format=auto" alt="G2" loading="lazy" class="size-5.5"/><span class="text-sm">G2</span></div></div><div class="text-muted-foreground">We ship client UIs much faster now, the blocks alone are worth the money.</div></div></div></a></div>
1<div class="flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-vertical flex-col group-hover:paused"><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/shadcn/status/1988842169445081278?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">s</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>shadcn</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@shadcn</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Nice.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/AlemTuzlak/status/2011092321798967351?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">AT</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Alem Tuzlak ð§ð¦</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@AlemTuzlak</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Looks cool!</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/RThermo56/status/1986389822571937843"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">RT</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Richard Thermo</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@RThermo56</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground"><p>Great work. You should be very proud of this. I'm really enjoying it and look forward to the new additions that come to it.</p></div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/rouas_nour/status/1941135074990412079"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">NR</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Nour Rouas</span></div><p class="text-muted-foreground text-sm">@rouas_nour</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground"><p class="mb-2">My SaaS tech stack in one tweet:</p><p class="mb-2">ð PRD: Claude <span class="text-sky-700">@AnthropicAI</span><br/>ð¨ UI: <span class="text-sky-700">@lovable_dev</span><br/>ð§âð» Refined: <span class="text-sky-700">@cursor_ai</span><br/>ð§© Components: <span class="text-sky-700">@ShadcnStudio</span><br/>ð¯ Styling: <span class="text-sky-700">@tailwindcss</span><br/>ð§ Backend/Auth: <span class="text-sky-700">@supabase</span><br/>ð³ Payments: <span class="text-sky-700">@stripe</span><br/>ð Deploy: <span class="text-sky-700">@vercel</span></p><p>Still building. Follow for updates.</p></div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/shadcn/status/2021251247769014368?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">s</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>shadcn</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@shadcn</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Nice. The cli integration looks great.<br/>Will give it a try.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/0xUrvish/status/2032724411456139447?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">U</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Urvish</span></div><p class="text-muted-foreground text-sm">@0xUrvish</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">this is insane,<br/><br/>you have build large ecosystem of shadcn components and seeing the gap between designer and developer and adding more and more features and maintaining. shadcnstudio is on next level.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/kapish_dima/status/1994349391889473884?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">K</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>KapishDima</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@kapish_dima</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">I really love what these guys are building! The huge number of components and blocks is just mind-blowing :) MCP out of the box and IDE support make it super convenient.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://www.reddit.com/r/reactjs/comments/1k6kml1/comment/moyz5cr/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">a</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>abdullah</span></div><p class="text-muted-foreground text-sm">u/simpleguy231</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/reddit-icon.png?height=33&format=auto" alt="Reddit" loading="lazy" class="size-5.5"/><span class="text-sm">Reddit</span></div></div><div class="text-muted-foreground">Wow, this looks amazing! ð The live theme generator feature is definitely a game changer for UI customization, and the seamless integration with Tailwind v4 makes it even more powerful. I love how easy it seems to tweak colors, typography, and save custom themes for reuse. ð I'll definitely give it a try and share any feedback, but so far, this looks like a tool I'd love to incorporate into my projects. Great job on this! ðâ¨</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://www.g2.com/products/shadcn-studio-shadcn-ui-components-blocks-templates/reviews/shadcn-studio-shadcn-ui-components-blocks-templates-review-12951748"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">PM</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Parth Makwana</span></div><p class="text-muted-foreground text-sm">Founder</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/g2-logo.png?height=33&format=auto" alt="G2" loading="lazy" class="size-5.5"/><span class="text-sm">G2</span></div></div><div class="text-muted-foreground">We ship client UIs much faster now, the blocks alone are worth the money.</div></div></div></a></div></div><div style="--marquee-duration:40s;--marquee-delay:0s;--marquee-gap:1.5rem" class="group flex gap-(--marquee-gap) overflow-hidden p-3 flex-col h-200 max-lg:hidden">
1<div class="flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-vertical flex-col group-hover:paused"><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/orcdev/status/1994190452094836936?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">O</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>OrcDev</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@orcdev</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">As a creator, I use a lot of tools, and Shadcn Studio stands out. Easily one of the top libraries for building awesome UI.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/moumensoliman/status/1994144528220213639?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">MS</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Moumen Soliman</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@moumensoliman</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground"><p class="mb-2">Huge shoutout to <span class="text-sky-700">@shadcnstudio</span> &<!-- --> <span class="text-sky-700">@ajaypatel_aj</span>, Their work always improves the UI experience.</p><p>Clean design, solid engineering, and tools that actually make you faster</p></div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/shahankk42/status/1915299193960464676"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">SG</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Shounak Ghosh</span></div><p class="text-muted-foreground text-sm">@shahankk42</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">i love this. it's gonna be my go-to now for theming</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/alibey_10/status/1994411563025879441?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">AB</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Ali Bey</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@alibey_10</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">This is one of the few premium blocks that's worth paying for. Great job!</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://www.g2.com/products/shadcn-studio-shadcn-ui-components-blocks-templates/reviews/shadcn-studio-shadcn-ui-components-blocks-templates-review-12951864"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">DK</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Dmitriy Kapishevskiy</span></div><p class="text-muted-foreground text-sm">Frontend Engenier</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/g2-logo.png?height=33&format=auto" alt="G2" loading="lazy" class="size-5.5"/><span class="text-sm">G2</span></div></div><div class="text-muted-foreground">Effortless UI Creation with Ready-to-Use Templates</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/orcdev/status/1994455818998051059?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">O</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>OrcDev</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@orcdev</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Keep up the good work Ajay! Shadcn Studio is awesome!</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/yourcodebuddy/status/1915232583551496673"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">VL</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Vishal Lohar</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@yourcodebuddy</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">I loved the random style feature. Good work! Still need to refine the app.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://www.g2.com/products/shadcn-studio-shadcn-ui-components-blocks-templates/reviews/shadcn-studio-shadcn-ui-components-blocks-templates-review-12947079"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">CO</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Conrad O'Brien</span></div><p class="text-muted-foreground text-sm">Operations Lead</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/g2-logo.png?height=33&format=auto" alt="G2" loading="lazy" class="size-5.5"/><span class="text-sm">G2</span></div></div><div class="text-muted-foreground">Best Shadcn Designs with Unmatched AI Tools</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/canlogiq/status/1993641380636192897?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">v</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>vibeyn</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@canlogiq</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">these look super clean ð exactly the kind of auth screens modern apps need. that two-column layout is especially nice tbh</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/code_kartik/status/1994062566645989873?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">K</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Kartik</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@code_kartik</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">This is one of those component library which is functional and really useful.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/capitanb_sails/status/2051572287803937164?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">C</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>CapitánBrisa</span></div><p class="text-muted-foreground text-sm">@capitanb_sails</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Love this. Watching dev cycles compress from weeks to minutes feels like switching from a rowboat to a racing yacht. Pure velocity for founders.</div></div></div></a></div>
1<div class="flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-vertical flex-col group-hover:paused"><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/orcdev/status/1994190452094836936?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">O</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>OrcDev</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@orcdev</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">As a creator, I use a lot of tools, and Shadcn Studio stands out. Easily one of the top libraries for building awesome UI.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/moumensoliman/status/1994144528220213639?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">MS</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Moumen Soliman</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@moumensoliman</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground"><p class="mb-2">Huge shoutout to <span class="text-sky-700">@shadcnstudio</span> &<!-- --> <span class="text-sky-700">@ajaypatel_aj</span>, Their work always improves the UI experience.</p><p>Clean design, solid engineering, and tools that actually make you faster</p></div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/shahankk42/status/1915299193960464676"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">SG</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Shounak Ghosh</span></div><p class="text-muted-foreground text-sm">@shahankk42</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">i love this. it's gonna be my go-to now for theming</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/alibey_10/status/1994411563025879441?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">AB</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Ali Bey</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@alibey_10</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">This is one of the few premium blocks that's worth paying for. Great job!</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://www.g2.com/products/shadcn-studio-shadcn-ui-components-blocks-templates/reviews/shadcn-studio-shadcn-ui-components-blocks-templates-review-12951864"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">DK</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Dmitriy Kapishevskiy</span></div><p class="text-muted-foreground text-sm">Frontend Engenier</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/g2-logo.png?height=33&format=auto" alt="G2" loading="lazy" class="size-5.5"/><span class="text-sm">G2</span></div></div><div class="text-muted-foreground">Effortless UI Creation with Ready-to-Use Templates</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/orcdev/status/1994455818998051059?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">O</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>OrcDev</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@orcdev</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Keep up the good work Ajay! Shadcn Studio is awesome!</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/yourcodebuddy/status/1915232583551496673"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">VL</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Vishal Lohar</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@yourcodebuddy</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">I loved the random style feature. Good work! Still need to refine the app.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://www.g2.com/products/shadcn-studio-shadcn-ui-components-blocks-templates/reviews/shadcn-studio-shadcn-ui-components-blocks-templates-review-12947079"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">CO</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Conrad O'Brien</span></div><p class="text-muted-foreground text-sm">Operations Lead</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/g2-logo.png?height=33&format=auto" alt="G2" loading="lazy" class="size-5.5"/><span class="text-sm">G2</span></div></div><div class="text-muted-foreground">Best Shadcn Designs with Unmatched AI Tools</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/canlogiq/status/1993641380636192897?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">v</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>vibeyn</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@canlogiq</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">these look super clean ð exactly the kind of auth screens modern apps need. that two-column layout is especially nice tbh</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/code_kartik/status/1994062566645989873?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">K</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Kartik</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@code_kartik</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">This is one of those component library which is functional and really useful.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/capitanb_sails/status/2051572287803937164?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">C</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>CapitánBrisa</span></div><p class="text-muted-foreground text-sm">@capitanb_sails</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Love this. Watching dev cycles compress from weeks to minutes feels like switching from a rowboat to a racing yacht. Pure velocity for founders.</div></div></div></a></div>
1<div class="flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-vertical flex-col group-hover:paused"><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/orcdev/status/1994190452094836936?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">O</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>OrcDev</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@orcdev</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">As a creator, I use a lot of tools, and Shadcn Studio stands out. Easily one of the top libraries for building awesome UI.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/moumensoliman/status/1994144528220213639?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">MS</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Moumen Soliman</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@moumensoliman</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground"><p class="mb-2">Huge shoutout to <span class="text-sky-700">@shadcnstudio</span> &<!-- --> <span class="text-sky-700">@ajaypatel_aj</span>, Their work always improves the UI experience.</p><p>Clean design, solid engineering, and tools that actually make you faster</p></div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/shahankk42/status/1915299193960464676"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">SG</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Shounak Ghosh</span></div><p class="text-muted-foreground text-sm">@shahankk42</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">i love this. it's gonna be my go-to now for theming</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/alibey_10/status/1994411563025879441?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">AB</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Ali Bey</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@alibey_10</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">This is one of the few premium blocks that's worth paying for. Great job!</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://www.g2.com/products/shadcn-studio-shadcn-ui-components-blocks-templates/reviews/shadcn-studio-shadcn-ui-components-blocks-templates-review-12951864"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">DK</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Dmitriy Kapishevskiy</span></div><p class="text-muted-foreground text-sm">Frontend Engenier</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/g2-logo.png?height=33&format=auto" alt="G2" loading="lazy" class="size-5.5"/><span class="text-sm">G2</span></div></div><div class="text-muted-foreground">Effortless UI Creation with Ready-to-Use Templates</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/orcdev/status/1994455818998051059?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">O</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>OrcDev</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@orcdev</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Keep up the good work Ajay! Shadcn Studio is awesome!</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/yourcodebuddy/status/1915232583551496673"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">VL</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Vishal Lohar</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@yourcodebuddy</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">I loved the random style feature. Good work! Still need to refine the app.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://www.g2.com/products/shadcn-studio-shadcn-ui-components-blocks-templates/reviews/shadcn-studio-shadcn-ui-components-blocks-templates-review-12947079"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">CO</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Conrad O'Brien</span></div><p class="text-muted-foreground text-sm">Operations Lead</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/g2-logo.png?height=33&format=auto" alt="G2" loading="lazy" class="size-5.5"/><span class="text-sm">G2</span></div></div><div class="text-muted-foreground">Best Shadcn Designs with Unmatched AI Tools</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/canlogiq/status/1993641380636192897?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">v</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>vibeyn</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@canlogiq</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">these look super clean ð exactly the kind of auth screens modern apps need. that two-column layout is especially nice tbh</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/code_kartik/status/1994062566645989873?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">K</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Kartik</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@code_kartik</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">This is one of those component library which is functional and really useful.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/capitanb_sails/status/2051572287803937164?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">C</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>CapitánBrisa</span></div><p class="text-muted-foreground text-sm">@capitanb_sails</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Love this. Watching dev cycles compress from weeks to minutes feels like switching from a rowboat to a racing yacht. Pure velocity for founders.</div></div></div></a></div>
1<div class="flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-vertical flex-col group-hover:paused"><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/orcdev/status/1994190452094836936?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">O</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>OrcDev</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@orcdev</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">As a creator, I use a lot of tools, and Shadcn Studio stands out. Easily one of the top libraries for building awesome UI.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/moumensoliman/status/1994144528220213639?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">MS</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Moumen Soliman</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@moumensoliman</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground"><p class="mb-2">Huge shoutout to <span class="text-sky-700">@shadcnstudio</span> &<!-- --> <span class="text-sky-700">@ajaypatel_aj</span>, Their work always improves the UI experience.</p><p>Clean design, solid engineering, and tools that actually make you faster</p></div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/shahankk42/status/1915299193960464676"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">SG</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Shounak Ghosh</span></div><p class="text-muted-foreground text-sm">@shahankk42</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">i love this. it's gonna be my go-to now for theming</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/alibey_10/status/1994411563025879441?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">AB</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Ali Bey</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@alibey_10</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">This is one of the few premium blocks that's worth paying for. Great job!</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://www.g2.com/products/shadcn-studio-shadcn-ui-components-blocks-templates/reviews/shadcn-studio-shadcn-ui-components-blocks-templates-review-12951864"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">DK</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Dmitriy Kapishevskiy</span></div><p class="text-muted-foreground text-sm">Frontend Engenier</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/g2-logo.png?height=33&format=auto" alt="G2" loading="lazy" class="size-5.5"/><span class="text-sm">G2</span></div></div><div class="text-muted-foreground">Effortless UI Creation with Ready-to-Use Templates</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/orcdev/status/1994455818998051059?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">O</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>OrcDev</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@orcdev</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Keep up the good work Ajay! Shadcn Studio is awesome!</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/yourcodebuddy/status/1915232583551496673"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">VL</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Vishal Lohar</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@yourcodebuddy</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">I loved the random style feature. Good work! Still need to refine the app.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://www.g2.com/products/shadcn-studio-shadcn-ui-components-blocks-templates/reviews/shadcn-studio-shadcn-ui-components-blocks-templates-review-12947079"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">CO</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Conrad O'Brien</span></div><p class="text-muted-foreground text-sm">Operations Lead</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/g2-logo.png?height=33&format=auto" alt="G2" loading="lazy" class="size-5.5"/><span class="text-sm">G2</span></div></div><div class="text-muted-foreground">Best Shadcn Designs with Unmatched AI Tools</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/canlogiq/status/1993641380636192897?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none">
1<div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">v</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>vibeyn</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@canlogiq</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">these look super clean ð exactly the kind of auth screens modern apps need. that two-column layout is especially nice tbh</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/code_kartik/status/1994062566645989873?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">K</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>Kartik</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check stroke-card size-5 fill-sky-500" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-muted-foreground text-sm">@code_kartik</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">This is one of those component library which is functional and really useful.</div></div></div></a><a target="_blank" rel="noopener noreferrer" class="rounded-xl" href="https://x.com/capitanb_sails/status/2051572287803937164?s=20"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none"><div data-slot="card-content" class="px-6 space-y-6"><div class="flex flex-wrap items-start justify-between gap-4"><div class="flex items-start gap-3"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 size-12"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs text-sm">C</span></span><div class="space-y-0.5"><div class="flex items-center gap-0.75 font-semibold"><span>CapitánBrisa</span></div><p class="text-muted-foreground text-sm">@capitanb_sails</p></div></div><div class="flex items-center gap-1.5"><img src="https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33&format=auto" alt="x.com" loading="lazy" class="size-5.5"/><span class="text-sm">x.com</span></div></div><div class="text-muted-foreground">Love this. Watching dev cycles compress from weeks to minutes feels like switching from a rowboat to a racing yacht. Pure velocity for founders.</div></div></div></a></div></div></div></div></section><div class="relative z-10 w-full" style="opacity:0;transition:opacity 1s ease"><div style="width:0" class="absolute left-1/2 h-px -translate-x-1/2"><hr class="-mb-px w-full border-dashed"/><div class="relative mx-auto h-px w-full max-w-350 max-[1429px]:overflow-hidden min-[1800px]:max-w-384"><span class="border-primary/20 bg-muted absolute top-1/2 left-0 z-1 size-2.5 -translate-x-1/2 -translate-y-1/2 rotate-45 rounded-xs border"></span><span class="border-primary/20 bg-muted absolute top-1/2 right-0 z-1 size-2.5 translate-x-1/2 -translate-y-1/2 rotate-45 rounded-xs border"></span></div></div></div><section id="roi" class="space-y-12 py-8 sm:space-y-16 sm:py-16 lg:py-24"><div class="flex flex-col items-center gap-4 text-center mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><span class="font-kalam font-medium underline underline-offset-6">ROI Calculation</span><h2 class="text-2xl font-semibold sm:text-3xl lg:text-4xl">What one license replaces</h2><p class="text-muted-foreground text-lg max-w-4xl">Hand-built or AI-assisted - see what a single $249 license buys back either way.</p></div><div class="border-y border-dashed"><div class="mx-auto grid w-full max-w-256 grid-cols-1 divide-dashed max-sm:divide-y min-[1026px]:border-x sm:grid-cols-2 sm:divide-x lg:border-dashed"><div class="px-4 py-8 sm:px-6 lg:px-8"><div class="flex items-center gap-2 text-sm font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user size-4" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>Built by humans</div><p class="text-muted-foreground mt-6 text-xs font-medium tracking-wide uppercase">
1Precious hours saved</p><p class="mt-1 text-4xl font-semibold sm:text-5xl">2,000+<span class="text-muted-foreground ml-1 text-lg font-normal">hours</span></p><ul class="mt-6 ml-5 list-disc space-y-2"><li class="text-muted-foreground text-sm">Countless hours spent on research and planning</li><li class="text-muted-foreground text-sm">~10 months of design and engineering effort</li><li class="text-muted-foreground text-sm">Hiring and managing a design and engineering team</li><li class="text-muted-foreground text-sm">$180K-$240K if outsourced to a freelancer or agency</li></ul><div class="mt-6 border-t border-dashed pt-6"><p class="text-muted-foreground text-xs font-medium tracking-wide uppercase">Return on investment</p><p class="mt-1 text-4xl font-semibold sm:text-5xl">725x</p></div></div><div class="px-4 py-8 sm:px-6 lg:px-8"><div class="flex items-center gap-2 text-sm font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles size-4" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Built with AI</div><p class="text-muted-foreground mt-6 text-xs font-medium tracking-wide uppercase">Precious hours saved</p><p class="mt-1 text-4xl font-semibold sm:text-5xl">700+<span class="text-muted-foreground ml-1 text-lg font-normal">hours</span></p><ul class="mt-6 ml-5 list-disc space-y-2"><li class="text-muted-foreground text-sm">~4-5 months of prompting and polishing</li><li class="text-muted-foreground text-sm">AI-generated output, endlessly revised</li><li class="text-muted-foreground text-sm">Most AI tokens burn on UI, not business logic</li><li class="text-muted-foreground text-sm">$45K-$65K in AI token and tooling costs, plus rework</li></ul><div class="mt-6 border-t border-dashed pt-6"><p class="text-muted-foreground text-xs font-medium tracking-wide uppercase">Return on investment</p><p class="mt-1 text-4xl font-semibold sm:text-5xl">300x</p></div></div></div></div><div class="border-y border-dashed"><div class="mx-auto max-w-256 px-4 py-8 min-[1026px]:border-x sm:px-6 lg:border-dashed lg:px-8"><p class="font-medium">Either way, here's what $249 gets you</p><ul class="mt-4 grid grid-cols-1 gap-x-8 gap-y-3 sm:grid-cols-2 sm:gap-x-12 lg:gap-x-16"><li class="flex items-start gap-2 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-green-600" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>Pay once ($249), use for a lifetime</span></li><li class="flex items-start gap-2 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-green-600" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>1000+ blocks, 25+ templates, 1000+ component variants, and more</span></li><li class="flex items-start gap-2 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-green-600" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>MCP, IDE Extension, Theme Generator, and Builder access</span></li><li class="flex items-start gap-2 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-green-600" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>New components, blocks, and templates ship every month</span></li></ul></div></div></section><div class="relative z-10 w-full" style="opacity:0;transition:opacity 1s ease"><div style="width:0" class="absolute left-1/2 h-px -translate-x-1/2"><hr class="-mb-px w-full border-dashed"/><div class="relative mx-auto h-px w-full max-w-350 max-[1429px]:overflow-hidden min-[1800px]:max-w-384"><span class="border-primary/20 bg-muted absolute top-1/2 left-0 z-1 size-2.5 -translate-x-1/2 -translate-y-1/2 rotate-45 rounded-xs border"></span><span class="border-primary/20 bg-muted absolute top-1/2 right-0 z-1 size-2.5 translate-x-1/2 -translate-y-1/2 rotate-45 rounded-xs border"></span></div></div></div><section id="faq" class="py-8 sm:py-16 lg:py-24">
1<div class="space-y-12 px-4 sm:space-y-16 sm:px-6 lg:px-8"><div class="flex flex-col items-center gap-4 text-center"><span class="font-kalam font-medium underline underline-offset-6">FAQ</span><h2 class="text-2xl font-semibold sm:text-3xl lg:text-4xl">Any<!-- --> <span class="relative">Questions?<svg width="453" height="8" fill="none" xmlns="http://www.w3.org/2000/svg" class="absolute -bottom-1.5 left-0 h-2 w-full"><path d="M2 6.75068C53.4722 -1.10509 368.533 2.14284 451.5 6.75085" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"></path></svg></span></h2><p class="text-muted-foreground text-lg">Browse through these FAQs to find answers to commonly asked questions.</p></div><div class="mx-auto w-full max-w-4xl"><div data-slot="accordion" class="w-full" data-orientation="vertical"><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_26elubqliv9nb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_6elubqliv9nb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180 cursor-pointer" data-radix-collection-item="">What is shadcn/ui?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-_R_26elubqliv9nb_" hidden="" role="region" aria-labelledby="radix-_R_6elubqliv9nb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_2aelubqliv9nb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_aelubqliv9nb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180 cursor-pointer" data-radix-collection-item="">What is Shadcn Studio?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-_R_2aelubqliv9nb_" hidden="" role="region" aria-labelledby="radix-_R_aelubqliv9nb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_2eelubqliv9nb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_eelubqliv9nb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 roun
1ded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180 cursor-pointer" data-radix-collection-item="">How is Shadcn Studio different from shadcn/ui?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-_R_2eelubqliv9nb_" hidden="" role="region" aria-labelledby="radix-_R_eelubqliv9nb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_2ielubqliv9nb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_ielubqliv9nb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180 cursor-pointer" data-radix-collection-item="">Is shadcn/ui worth learning in 2026?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-_R_2ielubqliv9nb_" hidden="" role="region" aria-labelledby="radix-_R_ielubqliv9nb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_2melubqliv9nb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_melubqliv9nb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180 cursor-pointer" data-radix-collection-item="">Does shadcn/ui support dark mode?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-_R_2melubqliv9nb_" hidden="" role="region" aria-labelledby="radix-_R_melubqliv9nb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_2qelubqliv9nb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_qelubqliv9nb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 roun
1ded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180 cursor-pointer" data-radix-collection-item="">Can I use shadcn/ui with Next.js?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-_R_2qelubqliv9nb_" hidden="" role="region" aria-labelledby="radix-_R_qelubqliv9nb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_2uelubqliv9nb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_uelubqliv9nb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180 cursor-pointer" data-radix-collection-item="">What accessibility features does shadcn/ui have?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-_R_2uelubqliv9nb_" hidden="" role="region" aria-labelledby="radix-_R_uelubqliv9nb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_32elubqliv9nb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_12elubqliv9nb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180 cursor-pointer" data-radix-collection-item="">Does Shadcn Studio have a free version?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-_R_32elubqliv9nb_" hidden="" role="region" aria-labelledby="radix-_R_12elubqliv9nb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_36elubqliv9nb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_16elubqliv9nb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 roun
1ded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180 cursor-pointer" data-radix-collection-item="">Which frameworks does Shadcn Studio support?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-_R_36elubqliv9nb_" hidden="" role="region" aria-labelledby="radix-_R_16elubqliv9nb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_3aelubqliv9nb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_1aelubqliv9nb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180 cursor-pointer" data-radix-collection-item="">Can I use Shadcn Studio blocks in commercial projects?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-_R_3aelubqliv9nb_" hidden="" role="region" aria-labelledby="radix-_R_1aelubqliv9nb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div></div></div></section>
1<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@context":"https://schema.org","@type":"WebSite","@id":"https://shadcn-studio-internal-staging.vercel.app#website","name":"Shadcn Studio","description":"1000+ shadcn/ui blocks, 100+ pages, 25+ templates, components, illustrations, Figma kit, theme generator, builder & MCP server. One subscription, free tier included.","url":"https://shadcn-studio-internal-staging.vercel.app","publisher":{"@id":"https://shadcn-studio-internal-staging.vercel.app#organization"},"sameAs":["https://x.com/ShadcnStudio"],"inLanguage":"en-US"},{"@context":"https://schema.org","@type":"WebPage","@id":"https://shadcn-studio-internal-staging.vercel.app/pricing#webpage","name":"Pricing","description":"Get lifetime access to 1000+ Shadcn UI components, 1000+ blocks & 25+ templates with a one-time payment. Simple pricing, unlimited projects.","url":"https://shadcn-studio-internal-staging.vercel.app/pricing","isPartOf":{"@id":"https://shadcn-studio-internal-staging.vercel.app#website"},"about":{"@id":"https://shadcn-studio-internal-staging.vercel.app#product"},"potentialAction":{"@type":"ReadAction","target":["https://shadcn-studio-internal-staging.vercel.app/pricing"]}},{"@context":"https://schema.org","@type":["Product","SoftwareApplication"],"@id":"https://shadcn-studio-internal-staging.vercel.app#product","name":"Shadcn Studio","alternateName":"Shadcn Studio Pricing - Lifetime Access, One-Time Payment","description":"1000+ shadcn/ui blocks, 100+ pages, 25+ templates, components, illustrations, Figma kit, theme generator, builder & MCP server. One subscription, free tier included.","url":"https://shadcn-studio-internal-staging.vercel.app/pricing","image":"https://cdn.shadcnstudio.com/ss-assets/smm/marketing/shadcn-studio-smm-banner.png","screenshot":{"@type":"ImageObject","url":"https://cdn.shadcnstudio.com/ss-assets/smm/marketing/shadcn-studio-smm-banner.png","width":1200,"height":630},"applicationCategory":"DeveloperApplication","operatingSystem":"Web, Windows, macOS, Linux","softwareRequirements":"Node.js 18+, React 18+, Tailwind CSS v4","inLanguage":"en","isAccessibleForFree":true,"featureList":"1000+ Pre-Built Shadcn UI Blocks, 1000+ Component Variants, 25+ Premium Templates, Drag & Drop Builder, AI-Powered Theme Generator, MCP Server Integration, Figma to Code, Shadcn UI Kit for Figma, CLI & Copy-Paste Installation, Radix UI & Base UI Support, Motion / Animation Components, Dark & Light Theme Support","brand":{"@type":"Brand","name":"Shadcn Studio"},"author":{"@id":"https://shadcn-studio-internal-staging.vercel.app#organization"},"offers":[{"@type":"Offer","name":"Community","price":"0","priceCurrency":"USD","description":"Free forever open-source plan with limited blocks and components.","availability":"https://schema.org/InStock","url":"https://shadcn-studio-internal-staging.vercel.app/docs/getting-started/introduction"},{"@type":"Offer","name":"Basic","price":"149","priceCurrency":"USD","description":"For individual creators. One-time payment with lifetime access.","availability":"https://schema.org/InStock","url":"https://shadcn-studio-internal-staging.vercel.app/pricing"},{"@type":"Offer","name":"Pro","price":"249","priceCurrency":"USD","description":"For serious builders. One-time payment with full access.","availability":"https://schema.org/InStock","url":"https://shadcn-studio-internal-staging.vercel.app/pricing"},{"@type":"Offer","name":"Team","price":"499","priceCurrency":"USD","description":"For growing teams. 15 seats with one-time payment.","availability":"https://schema.org/InStock","url":"https://shadcn-studio-internal-staging.vercel.app/pricing"},{"@type":"Offer","name":"Enterprise","price":"899","priceCurrency":"USD","description":"For large teams. Unlimited seats with one-time payment.","availability":"https://schema.org/InStock","url":"https://shadcn-studio-internal-staging.vercel.app/pricing"}],"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.9","bestRating":"5","worstRating":"1","ratingCount":"5","reviewCount":"5"},"review":[{"@type":"Review","name":"Shadcn Studio is an absolute game-changer","datePublished":"2026-06-12","reviewBody":"As a developer who has worked with dozens of UI libraries, this platform stands head and shoulders above the rest. The library of 1000+ ready-to-use, fully customizable components, blocks, UI kits, boilerplates, templates, and themes is incredibly comprehensive and production-ready. The seamless support for both Radix UI and Base UI, combined with the new shadcn/ui v4 alignment and powerful theme generator, makes customization effortless while maintaining full code ownership. The Figma-to-shadcn workflow and AI-powered tools have dramatically accelerated my frontend development process â I have cut project timelines in half on multiple occasions. If you are serious about shipping beautiful, scalable interfaces quickly, Shadcn Studio is an indispensable tool.","author":{"@type":"Person","name":"Terry C.","jobTitle":"CEO","worksFor":{"@type":"Organization","name":"Small-Business"}},"publisher":{"@type":"Organization","name":"G2","url":"https://www.g2.com"},"reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5","worstRating":"1"}},{"@type":"Review","name":"We ship client UIs much faster now, the blocks alone are worth the money","datePublished":"2026-06-12","reviewBody":"We run an IT services company plus we build our own SaaS products, so frontend work never stops for us. Before Shadcn Studio, our devs were building the same hero sections, pricing tables and dashboard layouts again and again for every client project. The blocks are copy-paste ready and they actually look good out of the box. The CLI installs cleanly with our Next.js setup with
1no extra dependencies. Two things stand out most: you own the code, so there is no vendor lock worry when handing over projects to clients; and the theme generator matches client brand colors in minutes. The MCP server support was a nice surprise â our devs use it inside Cursor and it pulls the right blocks while they work. On a 30-person team running multiple client projects at once, the time saving directly affects our margins.","author":{"@type":"Person","name":"Parth M.","jobTitle":"Founder","worksFor":{"@type":"Organization","name":"Small-Business"}},"publisher":{"@type":"Organization","name":"G2","url":"https://www.g2.com"},"reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5","worstRating":"1"}},{"@type":"Review","name":"Effortless UI Creation with Ready-to-Use Templates","datePublished":"2026-06-12","reviewBody":"With Shadcn Studio I did not need to design anything or build repetitive UI from scratch because I could just use a template. I love the ready-to-use designs, which makes it easy to pick one and start using it right away. The team is always keeping it up to date with the latest changes. The initial setup was super simple, just requiring a copy and paste of a few commands into the terminal. So far I have not found anything I dislike about Shadcn Studio.","author":{"@type":"Person","name":"Dmitriy","jobTitle":"Frontend Engineer","worksFor":{"@type":"Organization","name":"Small-Business"}},"publisher":{"@type":"Organization","name":"G2","url":"https://www.g2.com"},"reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5","worstRating":"1"}},{"@type":"Review","name":"Anyone Can Build a Next-Gen Website Easily","datePublished":"2026-06-11","reviewBody":"Anyone can create a website easily with these ready-made components, and it really has a next-gen design look. There are occasional page speed issues if you use too many heavy components at once, but it passes Google Web Vitals under normal usage. There is no real need to write much code â just use the ready-made components and your website is ready.","author":{"@type":"Person","name":"Hiren K.","jobTitle":"Co-Founder and CEO","worksFor":{"@type":"Organization","name":"Small-Business"}},"publisher":{"@type":"Organization","name":"G2","url":"https://www.g2.com"},"reviewRating":{"@type":"Rating","ratingValue":"4.5","bestRating":"5","worstRating":"1"}},{"@type":"Review","name":"Best Shadcn Designs with Unmatched AI Tools","datePublished":"2026-06-11","reviewBody":"Best designs for Shadcn. It supports Base UI, and the AI tools are truly second to none. It makes developing frontends feel 100x easier and faster. With just one prompt, I can bring in a well-designed shadcn component. At this point I honestly do not want to build any frontend without it.","author":{"@type":"Person","name":"Conrad O.","jobTitle":"Operations Lead","worksFor":{"@type":"Organization","name":"Mid-Market"}},"publisher":{"@type":"Organization","name":"G2","url":"https://www.g2.com"},"reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5","worstRating":"1"}}]},{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What is shadcn/ui?","acceptedA
1nswer":{"@type":"Answer","text":"shadcn/ui is a free, open-source React component library built on Radix UI or Base UI primitives and styled with Tailwind CSS. Unlike traditional libraries, it adds component source code directly into your project via CLI - you own the files with no runtime dependency."}},{"@type":"Question","name":"What is Shadcn Studio?","acceptedAnswer":{"@type":"Answer","text":"Shadcn Studio is a premium platform built on shadcn/ui, providing 1000+ UI blocks, 1000+ component variants, Next.js and Astro templates, a Figma UI kit, a live theme generator, and AI coding tools. Trusted by 1,600+ developers and teams worldwide."}},{"@type":"Question","name":"How is Shadcn Studio different from shadcn/ui?","acceptedAnswer":{"@type":"Answer","text":"shadcn/ui is the official open-source component library - individual elements like Button, Dialog, and Select. Shadcn Studio is built on top of it, providing pre-assembled page sections, full templates, a Figma kit, and AI tools that accelerate building with shadcn/ui."}},{"@type":"Question","name":"Is shadcn/ui worth learning in 2026?","acceptedA
1nswer":{"@type":"Answer","text":"Yes. shadcn/ui is the most widely adopted React component system in 2026, the recommended UI layer in the Next.js ecosystem, and the default target for AI coding tools like Cursor and v0.dev. It is the most future-proof React UI skill you can invest in today."}},{"@type":"Question","name":"Does shadcn/ui support dark mode?","acceptedAnswer":{"@type":"Answer","text":"Yes. shadcn/ui uses CSS variables and Tailwind's class strategy - adding the `dark` class to the HTML element switches all components automatically. Shadcn Studio's theme generator lets you create and preview custom dark mode themes visually with real-time export."}},{"@type":"Question","name":"Can I use shadcn/ui with Next.js?","acceptedAnswer":{"@type":"Answer","text":"Yes. shadcn/ui is built for Next.js and officially supports both App Router and Pages Router, with full React Server Component compatibility. All Shadcn Studio blocks and templates are built and tested for Next.js 16 App Router with Tailwind CSS v4."}},{"@type":"Question","name":"What accessibility features does shadcn/ui have?","acceptedA
1nswer":{"@type":"Answer","text":"shadcn/ui components are built on Radix UI or Base UI primitives, providing WAI-ARIA compliant keyboard navigation, focus management, and screen reader support out of the box. You own the component files and remain responsible for verifying your specific implementation."}},{"@type":"Question","name":"Does Shadcn Studio have a free version?","acceptedAnswer":{"@type":"Answer","text":"Yes. The free tier includes 57 shadcn/ui blocks, the live theme generator, and free components - no credit card, no time limit. The Pro plan unlocks all 1000+ blocks, templates, the Figma UI kit, and AI theme generation with free lifetime updates."}},{"@type":"Question","name":"Which frameworks does Shadcn Studio support?","acceptedAnswer":{"@type":"Answer","text":"Shadcn Studio supports Next.js 16, Astro, Vite + React, React Router v7, and TanStack Start. All blocks use Tailwind CSS v4 with Base UI and Radix UI support, and install via the standard shadcn CLI."}},{"@type":"Question","name":"Can I use Shadcn Studio blocks in commercial projects?","acceptedA
1nswer":{"@type":"Answer","text":"Yes. All blocks, templates, and components are licensed for commercial use across unlimited projects - client work, SaaS products, and internal tools. Reselling the source files as a competing product is not permitted."}}]}]}</script>
1</div><!--$--><!--/$--></div><button data-slot="button" data-variant="default" data-size="icon" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground hover:bg-primary/90 size-9 scroll-to-top-btn fixed right-25 bottom-6 z-50 cursor-pointer transition-all duration-200 scale-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up" aria-hidden="true"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg><span class="sr-only">Scroll to top</span></button></main><div class="relative z-10 w-full" style="opacity:0;transition:opacity 1s ease"><div style="width:0" class="absolute left-1/2 h-px -translate-x-1/2"><hr class="-mb-px w-full border-dashed"/><div class="relative mx-auto h-px w-full max-w-350 max-[1429px]:overflow-hidden min-[1800px]:max-w-384"><span class="border-primary/20 bg-muted absolute top-1/2 left-0 z-1 size-2.5 -translate-x-1/2 -translate-y-1/2 rotate-45 rounded-xs border"></span><span class="border-primary/20 bg-muted absolute top-1/2 right-0 z-1 size-2.5 translate-x-1/2 -translate-y-1/2 rotate-45 rounded-xs border"></span></div></div></div><footer class="flex w-full flex-col"><div class="mx-auto w-full max-w-350 border-dashed min-[1400px]:border-x min-[1800px]:max-w-384"><div class="grid gap-6 border-b border-dashed px-4 py-8 sm:grid-cols-2 sm:gap-8 sm:px-6 sm:py-16 md:grid-cols-3 lg:px-8 xl:grid-cols-6"><div class="flex flex-col items-start gap-4 md:col-span-2"><a href="/"><div class="flex items-center gap-2.5"><svg width="1em" height="1em" viewBox="0 0 328 329" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-8.5"><rect y="0.5" width="328" height="328" rx="164" fill="black" class="dark:fill-white"></rect><path d="M165.018 72.3008V132.771C165.018 152.653 148.9 168.771 129.018 168.771H70.2288" stroke="white" stroke-width="20" class="dark:stroke-black"></path><path d="M166.627 265.241L166.627 204.771C166.627 184.889 182.744 168.771 202.627 168.771L261.416 168.771" stroke="white" stroke-width="20" class="dark:stroke-black"></path><line x1="238.136" y1="98.8184" x2="196.76" y2="139.707" stroke="white" stroke-width="20" class="dark:stroke-black"></line><line x1="135.688" y1="200.957" x2="94.3128" y2="241.845" stroke="white" stroke-width="20" class="dark:stroke-black"></line><line x1="133.689" y1="137.524" x2="92.5566" y2="96.3914" stroke="white" stroke-width="20" class="dark:stroke-black"></line><line x1="237.679" y1="241.803" x2="196.547" y2="200.671" stroke="white" stroke-width="20" class="dark:stroke-black"></line></svg><span class="text-xl font-bold">shadcn/studio</span></div></a><p class="text-muted-foreground">A shadcn/ui ecosystem of free and pro collection of copy-and-paste<!-- --> <a class="link-animated" href="/">shadcn/ui</a> <!-- -->components, blocks, illustrations and templates - paired with a powerful Shadcn theme generator to craft, customize, and ship faster.</p><div class="flex items-center gap-4"><a target="_blank" rel="noopener noreferrer" href="https://github.com/shadcnstudio/shadcn-studio"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="size-6"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg><span class="sr-only">Github</span></a><a target="_blank" rel="noopener noreferrer" href="https://discord.com/invite/kBHkY7DekX"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" class="size-6"><circle cx="9" cy="12" r="1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></circle><circle cx="15" cy="12" r="1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></circle><path d="M7.5 7.5C11 6.5 13 6.5 16.5 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7 16.5C10.5 17.5 13.5 17.5 17 16.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15.5 17C15.5 18 17 20 17.5 20C19 20 20.333 18.333 21 17C21.667 15.333 21.5 11.167 19.5 5.5C18.043 4.485 16.5 4.16 15 4L14 6.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.50011 17C8.50011 18 7.14411 20 6.66811 20C5.23911 20 3.97011 18.333 3.33511 17C2.70011 15.333 2.85911 11.167 4.76311 5.5C6.15111 4.485 7.54511 4.16 9.00011 4L10.0001 6.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="sr-only">Discord</span></a><a target="_blank" rel="noopener noreferrer" href="https://x.com/ShadcnStudio"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" class="size-6">
1<path fill="currentColor" d="M10.488 14.651L15.25 21h7l-7.858-10.478L20.93 3h-2.65l-5.117 5.886L8.75 3h-7l7.51 10.015L2.32 21h2.65zM16.25 19L5.75 5h2l10.5 14z"></path></svg><span class="sr-only">X</span></a><a target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/@themeselection"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="size-6"><path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17"></path><path d="m10 15 5-3-5-3z"></path></svg><span class="sr-only">Youtube</span></a></div><p class="text-muted-foreground text-sm">This project is independent and not affiliated with Figma or shadcn/ui.</p><a target="_blank" rel="noopener noreferrer" data-slot="button" data-variant="outline" data-size="sm" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 inline-flex shrink-0 items-center justify-center text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-background hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 border h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5 shadow-none" href="https://github.com/sponsors/shadcn"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg>Sponsor shadcn/ui on GitHub<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a><p class="text-muted-foreground text-sm">This project wouldn't be possible without the open-source<!-- --> <a href="https://ui.shadcn.com/" target="_blank" rel="noopener noreferrer">shadcn/ui</a> <!-- -->ecosystem.</p></div><div class="flex flex-col gap-5"><div class="text-lg font-semibold">Products</div><ul class="text-muted-foreground space-y-3"><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks">Shadcn Blocks</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/pages">Shadcn Pages</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/templates/admin-dashboard">Shadcn Admin Dashboard</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/templates">Shadcn Templates</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/figma">Shadcn Figma UI Kit</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/illustrations">Shadcn Illustrations</a></li><li><a target="_blank" rel="noopener" class="link-animated hover:text-foreground transition-color duration-300" href="/builder">Shadcn Builder</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/theme-generator">Shadcn Theme Generator</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/mcp">Shadcn MCP Server</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/components">Shadcn Components</a></li></ul></div><div class="flex flex-col gap-5"><div class="text-lg font-semibold">Resources</div><ul class="text-muted-foreground space-y-3"><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/getting-started/introduction">Documentation</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blog">Blog</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/changelog">Changelog</a></li><li><a target="_blank" rel="noopener noreferrer" class="link-animated hover:text-foreground transition-color duration-300" href="https://github.com/orgs/shadcnstudio/projects/6/views/2">Roadmap</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/community-resources">Community Resources</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/credits">Credits</a></li></ul></div><div class="flex flex-col gap-5"><div class="text-lg font-semibold">
1Help and Support</div><ul class="text-muted-foreground space-y-3"><li><a target="_blank" rel="noopener noreferrer" class="link-animated hover:text-foreground transition-color duration-300" href="https://help.shadcnstudio.com/en/">Help Center</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/support">Support</a></li><li><a target="_blank" rel="noopener noreferrer" class="link-animated hover:text-foreground transition-color duration-300" href="https://clevision.net/about">About Us</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/become-ambassador">Become Ambassador</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/become-ambassador">Affiliation Program</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="#">Contact Us</a></li><li><a target="_blank" rel="noopener noreferrer" class="link-animated hover:text-foreground transition-color duration-300" href="https://themeselection.com/hire-us/">Hire Us</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/faqs">FAQs</a></li></ul></div><div class="flex flex-col gap-5"><div class="text-lg font-semibold">Legal</div><ul class="text-muted-foreground space-y-3"><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/license">License</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/privacy-policy">Privacy policy</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/terms-and-condition">Terms & Conditions</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/ambassador-terms-and-condition">Affiliate Terms & Conditions</a></li></ul></div></div><div class="px-4 py-8 sm:px-6 sm:py-16 lg:px-8"><p class="mb-8 text-lg font-semibold">Shadcn Blocks</p><div class="grid gap-6 sm:grid-cols-2 sm:gap-8 lg:grid-cols-4"><div class="flex flex-col gap-5"><a class="link-animated w-max text-lg font-semibold" href="/blocks#marketing-ui">Marketing UI Blocks</a><ul class="text-muted-foreground space-y-3"><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/marketing-ui/hero-section">Hero Section</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/marketing-ui/features-section">Features Section</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/marketing-ui/pricing-component">Pricing Component</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/marketing-ui/testimonials-component">Testimonials Component</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/marketing-ui/social-proof">Social Proof</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/marketing-ui/portfolio">Portfolio</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/marketing-ui/team-section">Team Section</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/marketing-ui/cta-section">CTA Section</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/marketing-ui/logo-cloud">Logo Cloud</a></li><li><a class="link-animated hover:text-foreground transition-color flex w-max items-center gap-1 duration-300" href="/blocks#marketing-ui">All Marketing Blocks <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li></ul></div><div class="flex flex-col gap-5"><a class="link-animated w-max text-lg font-semibold" href="/blocks#dashboard-and-application">Dashboard & Application UI</a><ul class="text-muted-foreground space-y-3"><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/dashboard-and-application/d
1ashboard-shell">Dashboard Shell</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/dashboard-and-application/application-shell">Application Shell</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/dashboard-and-application/charts-component">Charts Component</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/dashboard-and-application/widgets-component">Widgets Component</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/dashboard-and-application/statistics-component">Statistics Component</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/dashboard-and-application/dashboard-dialog">Dashboard Dialog</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/dashboard-and-application/dashboard-dropdown">Dashboard Dropdown</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/dashboard-and-application/multi-step-form">Multi Step Form</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/dashboard-and-application/dashboard-sidebar">Dashboard Sidebar</a></li><li><a class="link-animated hover:text-foreground transition-color flex w-max items-center gap-1 duration-300" href="/blocks#dashboard-and-application">All Dashboard Blocks <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li></ul></div><div class="flex flex-col gap-5"><a class="link-animated w-max text-lg font-semibold" href="/blocks#ecommerce">eCommerce</a><ul class="text-muted-foreground space-y-3"><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/ecommerce/product-overview">Product Overview</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/ecommerce/product-quick-view">Product Quick View</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/ecommerce/product-category">Product Category</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/ecommerce/product-list">Product List</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/ecommerce/shopping-cart">Shopping Cart</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/ecommerce/offer-modal">Offer Modal</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/ecommerce/checkout-page">Checkout Page</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/ecommerce/product-reviews">Product Reviews</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/ecommerce/order-summary">Order Summary</a></li><li><a class="link-animated hover:text-foreground transition-color flex w-max items-center gap-1 duration-300" href="/blocks#ecommerce">All eCommerce Blocks <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li></ul></div><div class="flex flex-col gap-5"><a class="link-animated w-max text-lg font-semibold" href="/blocks#bento-grid">Bento & Datatable</a><ul class="text-muted-foreground space-y-3"><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/bento-grid/bento-grid">Bento Grid</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/blocks/datatable/datatable-component">Datatable Component</a></li></ul></div></div></div><div class="border-t border-dashed px-4 py-8 sm:px-6 sm:py-16 lg:px-8"><div class="mb-8 flex items-center justify-between"><p class="text-lg font-semibold">Shadcn Components</p><a class="link-animated text-muted-foreground hover:text-foreground transition-color flex w-max items-center gap-1 duration-300" href="/components">All Shadcn Components <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-4"><ul class="text-muted-foreground space-y-3"><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/
1accordion">Accordion</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/alert">Alert</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/avatar">Avatar</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/autocomplete">Autocomplete</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/button">Button</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/badge">Badge</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/calendar">Calendar</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/card">Card</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/carousel">Carousel</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/checkbox">Checkbox</a></li></ul><ul class="text-muted-foreground space-y-3"><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/combobox">Combobox</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/command">Command</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/collapsible">Collapsible</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/dialog">Dialog</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/dropdown-menu">Dropdown Menu</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/data-table">Data Table</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/drawer">Drawer</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/form">Form</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/input">Input</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/label">Label</a></li></ul><ul class="text-muted-foreground space-y-3"><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/list">List</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/navigation-menu">Navigation Menu</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/popover">Popover</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/pagination">Pagination</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/progress">Progress Bar</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/radio-group">Radio Group</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/select">Select</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/sheet">Sheet</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/skeleton">Skeleton</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/switch">Switch</a></li></ul><ul class="text-muted-foreground space-y-3"><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/sonner">Sonner</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/separator">Separator</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/spinner">Spinner</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/slider">Slider</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/stepper">Stepper</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/table">Table</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/tabs">Tabs</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/tooltip">Tooltip</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/textarea">Textarea</a></li><li><a class="link-animated hover:text-foreground transition-color duration-300" href="/docs/components/toggle">Toggle</a></li></ul></div></div></div><div class="w-full border-t border-dashed"><div class="mx-auto flex w-full max-w-350 flex-col items-center gap-7.5 border-dashed px-4 py-6 min-[1400px]:border-x min-[1800px]:max-w-384 sm:px-6 lg:px-8"><div class="flex flex-col items-center gap-1.5 text-center"><p class="text-lg leading-7.5 font-semibold">Innovative Offerings</p><p class="text-muted-foreground leading-7.5">Discover other Tools & Brands in our Ecosystem</p></div><div class="flex flex-wrap items-center justify-center gap-6"><a target="_blank" rel="noopener noreferrer" href="https://themeselection.com"><svg width="6.17857em" height="1em" viewBox="0 0 173 28" fill="none" xmlns="http://www.w3.org/2000/svg" class="mb-2.5 text-[1.625rem]"><path d="M13.3223 14.6303H8.67676V26.5893H5.37695V14.6303H0.732422V11.7505H13.3223V14.6303ZM18.4648 17.5307H24.3496V11.7505H27.6699V26.5893H24.3496V20.3891H18.4648V26.5893H15.165V11.7505H18.4648V17.5307ZM41.0684 14.5883H33.8174V17.6352H40.4385V20.3891H33.8174V23.7309H41.1738V26.5893H30.5176V11.7505H41.0684V14.5883ZM51.0449 19.9155L56.2695 11.7505H58.6445V26.5893H55.3447V18.3842L52.1289 23.394H49.9434L46.7275 18.3559V26.5893H43.4482V11.7505H45.8027L51.0449 19.9155ZM67.4434 14.5883H64.79V17.6352H69.4531L71.2695 20.3891H64.79V23.7309H72.1465V26.5893H61.4902V11.7505H65.5713L67.4434 14.5883Z" fill="url(#paint0_linear_15217_40330)" class="dark:fill-muted-foreground"></path><path d="M94.3565 27.0094C93.4926 27.0094 92.7552 26.8514 92.1442 26.5354C91.5332 26.2193 90.9907 25.7611 90.5166 25.1606L91.5279 24.1493C91.8756 24.6339 92.2759 25.0026 92.7289 25.2554C93.1819 25.4977 93.7402 25.6189 94.4039 25.6189C95.057 25.6189 95.5785 25.4766 95.9683 25.1922C96.3686 24.9078 96.5688 24.518 96.5688 24.0229C96.5688 23.612 96.474 23.2802 96.2843 23.0273C96.0947 22.7745 95.8366 22.5691 95.51 22.411C95.194 22.2425 94.8463 22.095 94.4671 21.9686C94.0879 21.8316 93.7086 21.6894 93.3294 21.5419C92.9501 21.3839 92.6025 21.1943 92.2864 20.9731C91.9704 20.7413 91.7123 20.4411 91.5121 20.0724C91.3225 19.7036 91.2277 19.2401 91.2277 18.6818C91.2277 18.0602 91.3752 17.5335 91.6701 17.1016C91.9757 16.6591 92.3865 16.322 92.9027 16.0903C93.4294 15.848 94.0194 15.7268 94.6725 15.7268C95.3889 15.7268 96.0315 15.869 96.6004 16.1535C97.1692 16.4274 97.6328 16.7908 97.9909 17.2438L96.9796 18.2551C96.653 17.8759 96.3001 17.5914 95.9209 17.4018C95.5522 17.2122 95.1255 17.1174 94.6409 17.1174C94.051 17.1174 93.5822 17.2491 93.2345 17.5124C92.8869 17.7653 92.7131 18.1234 92.7131 18.587C92.7131 18.9557 92.8079 19.2559 92.9975 19.4877C93.1977 19.7089 93.4558 19.8985 93.7718 20.0566C94.0879 20.2146 94.4355 20.3621 94.8147 20.499C95.2045 20.6254 95.589 20.7676 95.9683 20.9257C96.3475 21.0837 96.6952 21.2838 97.0112 21.5261C97.3273 21.7684 97.5801 22.0845 97.7697 22.4743C97.9699 22.8535 98.07 23.3328 98.07 23.9122C98.07 24.8814 97.7328 25.6399 97.0586 26.1877C96.3949 26.7355 95.4942 27.0094 94.3565 27.0094Z" fill="#5C2EA1" class="dark:fill-muted-foreground"></path><path d="M100.072 26.8514V15.8848H101.557V26.8514H100.072ZM101.083 26.8514V25.4924H107.372V26.8514H101.083ZM101.083 21.8896V20.5938H106.851V21.8896H101.083ZM101.083 17.2438V15.8848H107.293V17.2438H101.083Z" fill="#5C2EA1" class="dark:fill-muted-foreground"></path><path d="M109.393 26.8514V15.8848H110.878V26.8514H109.393ZM110.404 26.8514V25.4924H116.282V26.8514H110.404Z" fill="#5C2EA1" class="dark:fill-muted-foreground"></path><path d="M118.111 26.8514V15.8848H119.597V26.8514H118.111ZM119.123 26.8514V25.4924H125.412V26.8514H119.123ZM119.123 21.8896V20.5938H124.89V21.8896H119.123ZM119.123 17.2438V15.8848H125.333V17.2438H119.123Z" fill="#5C2EA1" class="dark:fill-muted-foreground"></path><path d="M132.178 27.0094C131.388 27.0094 130.656 26.8672 129.982 26.5828C129.308 26.2878 128.718 25.8822 128.212 25.366C127.717 24.8498 127.332 24.2493 127.058 23.5646C126.785 22.8798 126.648 22.1477 126.648 21.3681C126.648 20.578 126.785 19.8406 127.058 19.1558C127.332 18.4711 127.717 17.8759 128.212 17.3702C128.718 16.854 129.302 16.4537 129.966 16.1693C130.64 15.8743 131.372 15.7268 132.163 15.7268C133.026 15.7268 133.785 15.8743 134.438 16.1693C135.091 16.4642 135.671 16.8646 136.176 17.3702L135.149 18.3973C134.801 18.0076 134.375 17.7021 133.869 17.4808C133.374 17.2596 132.805 17.149 132.163 17.149C131.583 17.149 131.051 17.2543 130.566 17.465C130.082 17.6652 129.661 17.9549 129.302 18.3341C128.944 18.7134 128.665 19.1611 128.465 19.6773C128.275 20.1935 128.18 20.7571 128.18 21.3681C128.18 21.9791 128.275 22.5427 128.465 23.0589C128.665 23.5751 128.944 24.0229 129.302 24.4021C129.661 24.7813 130.082 25.0763 130.566 25.287C131.051 25.4872 131.583 25.5873 132.163 25.5873C132.847 25.5873 133.442 25.4766 133.948 25.2554C134.454 25.0236 134.88 24.7129 135.228 24.3231L136.255 25.3344C135.75 25.8612 135.154 26.272 134.47 26.567C133.795 26.8619 133.032 27.0094 132.178 27.0094Z" fill="#5C2EA1" class="dark:fill-muted-foreground"></path><path d="M140.725 26.8514V16.2009H142.211V26.8514H140.725ZM136.996 17.2438V15.8848H145.924V17.2438H136.996Z" fill="#5C2EA1" class="dark:fill-muted-foreground"></path><path d="M147.694 26.8514V15.8848H149.179V26.8514H147.694Z" fill="#5C2EA1" class="dark:fill-muted-foreground"></path><path d="M156.761 27.0094C155.982 27.0094 155.255 26.8672 154.581 26.5828C153.906 26.2878 153.316 25.8822 152.811 25.366C152.305 24.8393 151.91 24.2335 151.626 23.5488C151.352 22.864 151.215 22.1319 151.215 21.3523C151.215 20.5622 151.352 19.8301 151.626 19.1558C151.91 18.4711 152.3 17.8706 152.795 17.3544C153.301 16.8382 153.885 16.4379 154.549 16.1535C155.223 15.869 155.95 15.7268 156.73 15.7268C157.509 15.7268 158.231 15.869 158.895 16.1535C159.569 16.4379 160.159 16.8382 160.664 17.3544C161.17 17.8706 161.565 18.4711 161.85 19.1558C162.134 19.8406 162.276 20.578 162.276 21.3681C162.276 22.1477 162.134 22.8798 161.85 23.5646C161.565 24.2493 161.17 24.8498 160.664 25.366C160.169 25.8822 159.585 26.2878 158.91 26.5828C158.247 26.8672 157.53 27.0094 156.761 27.0094ZM156.73 25.5873C157.52 25.5873 158.21 25.4082 158.8 25.05C159.4 24.6813 159.874 24.1809 160.222 23.5488C160.57 22.9062 160.743 22.174 160.743 21.3523C160.743 20.7413 160.643 20.183 160.443 19.6773C160.243 19.1611 159.964 18.7134 159.606 18.3341C159.247 17.9549 158.826 17.6652 158.341 17.465C157.857 17.2543 157.32 17.149 156.73 17.149C155.95 17.149 155.26 17.3281 154.66 17.6863C154.07 18.0444 153.601 18.5396 153.253 19.1716C152.916 19.8037 152.748 20.5306 152.748 21.3523C152.748 21.9
1633 152.842 22.5322 153.032 23.0589C153.232 23.5751 153.506 24.0229 153.854 24.4021C154.212 24.7708 154.633 25.0605 155.118 25.2712C155.613 25.4819 156.15 25.5873 156.73 25.5873Z" fill="#5C2EA1" class="dark:fill-muted-foreground"></path><path d="M164.314 26.8514V15.8848H165.357L165.799 17.6072V26.8514H164.314ZM171.899 26.8514L165.167 17.8601L165.357 15.8848L172.104 24.8604L171.899 26.8514ZM171.899 26.8514L171.456 25.2238V15.8848H172.942V26.8514H171.899Z" fill="#5C2EA1" class="dark:fill-muted-foreground"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M98.6787 11.5671H172.611V11.039H98.6787V11.5671Z" fill="#5C2EA1" class="dark:fill-muted-foreground"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M76.8926 12.4051L101.972 0.573313C101.972 0.573313 103.664 0.175675 103.364 1.96533L87.3411 17.9729L76.8926 12.4051Z" fill="#4A9AE8" class="dark:fill-muted-foreground"></path><g filter="url(#filter0_d_15217_40330)"><path fill-rule="evenodd" clip-rule="evenodd" d="M69.2568 9.88511C69.2568 9.88511 69.348 8.17215 71.0205 8.83454L87.6224 17.74L81.0141 24.2583C81.0141 24.2583 79.818 25.3396 78.7438 24.1369L69.2568 9.88511Z" fill="url(#paint1_linear_15217_40330)" class="dark:fill-muted-foreground"></path></g><defs><filter id="filter0_d_15217_40330" x="67.0822" y="2.63299" width="27.6273" height="25.2846" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dx="2.45639" dy="-1.41824"></feOffset><feGaussianBlur stdDeviation="2.31551"></feGaussianBlur><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_15217_40330"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_15217_40330" result="shape"></feBlend></filter><linearGradient id="paint0_linear_15217_40330" x1="0.732422" y1="19.1699" x2="72.1465" y2="19.1699" gradientUnits="userSpaceOnUse"><stop stop-color="#4A9AE8"></stop><stop offset="1" stop-color="#5C2EA1"></stop></linearGradient><linearGradient id="paint1_linear_15217_40330" x1="69.2568" y1="8.68225" x2="83.9699" y2="21.7695" gradientUnits="userSpaceOnUse"><stop stop-color="#5C2EA1"></stop><stop offset="1" stop-color="#4A9AE8"></stop></linearGradient></defs></svg><span class="sr-only">ThemeSelection</span></a><a target="_blank" rel="noopener noreferrer" href="https://flyonui.com"><svg width="3.44828em" height="1em" viewBox="0 0 100 29" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[1.75rem]"><g clip-path="url(#clip0_15217_40339)"><mask id="mask0_15217_40339" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="2" width="25" height="25"><path d="M18.9519 2.49368H6.94554C3.63009 2.49368 0.942383 5.18139 0.942383 8.49684V20.5032C0.942383 23.8186 3.63009 26.5063 6.94554 26.5063H18.9519C22.2673 26.5063 24.955 23.8186 24.955 20.5032V8.49684C24.955 5.18139 22.2673 2.49368 18.9519 2.49368Z" fill="white"></path></mask><g mask="url(#mask0_15217_40339)"><path d="M18.9519 2.49368H6.94554C3.63009 2.49368 0.942383 5.18139 0.942383 8.49684V20.5032C0.942383 23.8186 3.63009 26.5063 6.94554 26.5063H18.9519C22.2673 26.5063 24.955 23.8186 24.955 20.5032V8.49684C24.955 5.18139 22.2673 2.49368 18.9519 2.49368Z" fill="url(#paint0_linear_15217_40339)" class="dark:fill-muted-foreground"></path><path d="M12.5361 16.4644C12.7022 16.2544 13.0186 16.2465 13.1952 16.4478L15.8613 19.4878C16.1044 19.765 15.9076 20.1998 15.539 20.1998H10.4726C10.1143 20.1998 9.91368 19.7856 10.1357 19.5044L12.5361 16.4644ZM12.5507 8.19683C12.7215 7.98405 13.0453 7.9824 13.2177 8.1939L20.7441 17.4302C20.9724 17.7103 20.7734 18.1304 20.412 18.1304H18.0732C17.944 18.1303 17.8215 18.0715 17.7402 17.9712L13.2236 12.4039C13.0491 12.1893 12.7195 12.1935 12.5507 12.4126L8.43645 17.7535C8.35536 17.8587 8.23045 17.9203 8.09759 17.9205H5.65227C5.29281 17.9204 5.09286 17.5048 5.31731 17.2242L12.5507 8.19683Z" fill="url(#paint1_linear_15217_40339)"></path></g><path d="M18.9516 2.99368H6.94528C3.90611 2.99368 1.44238 5.45741 1.44238 8.49658V20.5029C1.44238 23.5421 3.90611 26.0058 6.94528 26.0058H18.9516C21.9908 26.0058 24.4545 23.5421 24.4545 20.5029V8.49658C24.4545 5.45741 21.9908 2.99368 18.9516 2.99368Z" stroke="url
1(#paint2_linear_15217_40339)" stroke-width="0.857594"></path></g><path d="M34.8231 20.5V7.4022H43.2139V9.39117H37.1958V12.947H42.6383V14.936H37.1958V20.5H34.8231ZM47.5884 7.4022V20.5H45.2732V7.4022H47.5884ZM51.408 24.1838C51.0925 24.1838 50.8005 24.1582 50.5319 24.107C50.2675 24.0601 50.0565 24.0047 49.8987 23.9407L50.4359 22.1372C50.7727 22.2353 51.0733 22.2822 51.3377 22.2779C51.602 22.2737 51.8344 22.1905 52.0348 22.0285C52.2394 21.8707 52.4121 21.6064 52.5528 21.2355L52.7511 20.7047L49.1888 10.6766H51.6447L53.9086 18.0953H54.011L56.2813 10.6766H58.7436L54.8104 21.6895C54.627 22.2097 54.384 22.6553 54.0813 23.0262C53.7786 23.4014 53.4077 23.687 52.9685 23.8832C52.5336 24.0836 52.0135 24.1838 51.408 24.1838ZM64.2964 20.6919C63.3371 20.6919 62.5057 20.4808 61.8022 20.0587C61.0987 19.6366 60.5529 19.0461 60.1649 18.2872C59.7812 17.5283 59.5894 16.6414 59.5894 15.6267C59.5894 14.612 59.7812 13.723 60.1649 12.9598C60.5529 12.1966 61.0987 11.604 61.8022 11.1819C62.5057 10.7598 63.3371 10.5487 64.2964 10.5487C65.2557 10.5487 66.0871 10.7598 66.7906 11.1819C67.4941 11.604 68.0377 12.1966 68.4214 12.9598C68.8094 13.723 69.0034 14.612 69.0034 15.6267C69.0034 16.6414 68.8094 17.5283 68.4214 18.2872C68.0377 19.0461 67.4941 19.6366 66.7906 20.0587C66.0871 20.4808 65.2557 20.6919 64.2964 20.6919ZM64.3092 18.8372C64.8293 18.8372 65.2642 18.6944 65.6138 18.4087C65.9634 18.1188 66.2235 17.7308 66.3941 17.2447C66.5689 16.7587 66.6563 16.2172 66.6563 15.6203C66.6563 15.0191 66.5689 14.4755 66.3941 13.9895C66.2235 13.4992 65.9634 13.109 65.6138 12.8191C65.2642 12.5292 64.8293 12.3842 64.3092 12.3842C63.7762 12.3842 63.3328 12.5292 62.9789 12.8191C62.6293 13.109 62.3671 13.4992 62.1923 13.9895C62.0217 14.4755 61.9365 15.0191 61.9365 15.6203C61.9365 16.2172 62.0217 16.7587 62.1923 17.2447C62.3671 17.7308 62.6293 18.1188 62.9789 18.4087C63.3328 18.6944 63.7762 18.8372 64.3092 18.8372ZM73.2835 14.7441V20.5H70.9684V10.6766H73.1812V12.3459H73.2963C73.5223 11.7958 73.8826 11.3588 74.3771 11.0348C74.876 10.7108 75.4921 10.5487 76.2254 10.5487C76.9033 10.5487 77.4938 10.6937 77.9969 10.9836C78.5043 11.2736 78.8966 11.6935 79.1737 12.2435C79.4551 12.7935 79.5937 13.4608 79.5894 14.2453V20.5H77.2743V14.6034C77.2743 13.9468 77.1037 13.4331 76.7626 13.0621C76.4258 12.6912 75.9589 12.5057 75.362 12.5057C74.957 12.5057 74.5967 12.5953 74.2812 12.7743C73.97 12.9492 73.7248 13.2028 73.5457 13.5354C73.3709 13.868 73.2835 14.2709 73.2835 14.7441ZM90.3017 7.4022H92.6744V15.9593C92.6744 16.8973 92.4527 17.7223 92.0093 18.4343C91.5701 19.1463 90.9519 19.7027 90.1546 20.1035C89.3573 20.5 88.4257 20.6983 87.3598 20.6983C86.2897 20.6983 85.3559 20.5 84.5586 20.1035C83.7613 19.7027 83.1431 19.1463 82.704 18.4343C82.2648 17.7223 82.0452 16.8973 82.0452 15.9593V7.4022H84.4179V15.761C84.4179 16.3067 84.5373 16.7928 84.7761 17.2192C85.0191 17.6455 85.3602 17.9802 85.7993 18.2232C86.2385 18.462 86.7587 18.5814 87.3598 18.5814C87.961 18.5814 88.4812 18.462 88.9203 18.2232C89.3637 17.9802 89.7048 17.6455 89.9436 17.2192C90.1823 16.7928 90.3017 16.3067 90.3017 15.761V7.4022ZM97.6261 7.4022V20.5H95.2534V7.4022H97.6261Z" fill="#3F404D" class="dark:fill-muted-foreground"></path><defs><linearGradient id="paint0_linear_15217_40339" x1="22.3286" y1="4.36967" x2="3.94396" y2="25.3807" gradientUnits="userSpaceOnUse"><stop stop-color="#794DFF"></stop><stop offset="1" stop-color="#5A16EB"></stop></linearGradient><linearGradient id="paint1_linear_15217_40339" x1="13.032" y1="8.03625" x2="13.032" y2="20.1998" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0.6"></stop></linearGradient><linearGradient id="paint2_linear_15217_40339" x1="12.9484" y1="2.49342" x2="12.9484" y2="26.5061" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.28"></stop><stop offset="1" stop-color="white" stop-opacity="0.04"></stop></linearGradient><clipPath id="clip0_15217_40339"><rect width="24.0126" height="24.0126" fill="white" transform="translate(0.942383 2.49368)"></rect></clipPath></defs></svg><span class="sr-only">FlyonUI</span></a><a target="_blank" rel="noopener noreferrer" href="https://framespark.io"><svg width="4.3333333333em" height="1em" viewBox="0 0 104 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[1.75rem] dark:grayscale"><rect width="23.575" height="23" rx="6" fill="url(#paint0_linear_28673_197667)"></rect><rect x="0.514497" y="0.514497" width="22.546" height="21.971" rx="5.4855" stroke="url
1(#paint1_linear_28673_197667)" stroke-opacity="0.7" stroke-width="1.02899"></rect><g filter="url(#filter0_d_28673_197667)"><path d="M13.9833 5H11.2438C10.9679 5 10.7162 5.15752 10.5955 5.40567L7.50345 11.7674C7.27078 12.2461 7.61942 12.8032 8.15167 12.8032H9.63581C9.82253 12.8032 9.95301 12.988 9.89048 13.1639L8.66486 16.6127C8.40615 17.3406 9.31885 17.9103 9.85914 17.3581L15.0384 12.0646C15.4848 11.6083 15.1615 10.8398 14.5232 10.8398H12.4376C12.2318 10.8398 12.1015 10.619 12.201 10.4389L14.6142 6.06916C14.8795 5.5888 14.532 5 13.9833 5Z" fill="#89B9FF"></path><path d="M13.9834 4.75L14.1182 4.75879C14.7775 4.84803 15.168 5.58376 14.833 6.19043L12.4199 10.5596C12.4173 10.5643 12.417 10.5674 12.417 10.5693C12.4171 10.572 12.4177 10.5762 12.4199 10.5801C12.4222 10.5838 12.4255 10.5865 12.4277 10.5879C12.4294 10.5888 12.4322 10.5898 12.4375 10.5898H14.5234C15.383 10.59 15.818 11.6248 15.2168 12.2393L10.0381 17.5332C9.31041 18.2769 8.08146 17.5097 8.42969 16.5293L9.65527 13.0801C9.65976 13.067 9.64966 13.0527 9.63574 13.0527H8.15137C7.43474 13.0525 6.96519 12.3028 7.27832 11.6582L10.3711 5.2959C10.5336 4.96199 10.8727 4.75 11.2441 4.75H13.9834Z" stroke="white" stroke-width="0.5"></path></g><path d="M28.8967 16V6.90909H34.7205V8.2896H30.5435V10.7576H34.321V12.1381H30.5435V16H28.8967ZM36.4272 16V9.18182H37.9853V10.3182H38.0563C38.1806 9.9246 38.3936 9.62127 38.6955 9.4082C39.0003 9.19218 39.348 9.08416 39.7386 9.08416C39.8274 9.08416 39.9266 9.0886 40.036 9.09748C40.1485 9.1034 40.2417 9.11375 40.3157 9.12855V10.6067C40.2476 10.583 40.1396 10.5623 39.9917 10.5446C39.8467 10.5239 39.7061 10.5135 39.57 10.5135C39.277 10.5135 39.0136 10.5771 38.7798 10.7044C38.549 10.8287 38.367 11.0018 38.2338 11.2237C38.1007 11.4457 38.0341 11.7016 38.0341 11.9917V16H36.4272ZM43.5982 16.1376C43.1661 16.1376 42.777 16.0607 42.4308 15.9068C42.0875 15.7499 41.8152 15.5191 41.614 15.2143C41.4157 14.9095 41.3166 14.5337 41.3166 14.0868C41.3166 13.7021 41.3876 13.384 41.5297 13.1325C41.6717 12.8809 41.8655 12.6797 42.1112 12.5288C42.3568 12.3778 42.6335 12.2639 42.9412 12.187C43.252 12.1071 43.573 12.0494 43.9045 12.0138C44.304 11.9724 44.628 11.9354 44.8766 11.9029C45.1252 11.8674 45.3057 11.8141 45.4181 11.7431C45.5336 11.6691 45.5913 11.5552 45.5913 11.4013V11.3746C45.5913 11.0402 45.4921 10.7813 45.2939 10.5978C45.0956 10.4144 44.81 10.3226 44.4371 10.3226C44.0436 10.3226 43.7314 10.4084 43.5005 10.5801C43.2727 10.7517 43.1188 10.9544 43.0389 11.1882L41.5385 10.9751C41.6569 10.5608 41.8522 10.2146 42.1245 9.93643C42.3967 9.6553 42.7296 9.44519 43.1232 9.30611C43.5168 9.16406 43.9518 9.09304 44.4283 9.09304C44.7567 9.09304 45.0837 9.13151 45.4093 9.20845C45.7348 9.28539 46.0322 9.41264 46.3015 9.5902C46.5708 9.7648 46.7868 10.003 46.9496 10.3049C47.1153 10.6067 47.1982 10.984 47.1982 11.4368V16H45.6534V15.0634H45.6001C45.5025 15.2528 45.3649 15.4303 45.1873 15.5961C45.0127 15.7588 44.7923 15.8905 44.5259 15.9911C44.2625 16.0888 43.9533 16.1376 43.5982 16.1376ZM44.0154 14.9569C44.338 14.9569 44.6177 14.8932 44.8544 14.766C45.0911 14.6358 45.2731 14.4641 45.4004 14.2511C45.5306 14.038 45.5957 13.8057 45.5957 13.5542V12.7507C45.5454 12.7921 45.4596 12.8306 45.3382 12.8661C45.2199 12.9016 45.0867 12.9327 44.9387 12.9593C44.7908 12.986 44.6443 13.0096 44.4993 13.0304C44.3543 13.0511 44.2285 13.0688 44.122 13.0836C43.8823 13.1162 43.6677 13.1694 43.4783 13.2434C43.2889 13.3174 43.1395 13.421 43.03 13.5542C42.9205 13.6844 42.8658 13.853 42.8658 14.0602C42.8658 14.3561 42.9738 14.5795 43.1898 14.7305C43.4058 14.8814 43.681 14.9569 44.0154 14.9569ZM49.1889 16V9.18182H50.7248V10.3404H50.8047C50.9467 9.94975 51.182 9.64495 51.5105 9.42596C51.839 9.20401 52.2311 9.09304 52.6868 9.09304C53.1484 9.09304 53.5376 9.20549 53.8542 9.4304C54.1738 9.65234 54.3987 9.95567 54.5289 10.3404H54.6C54.7509 9.96159 55.0054 9.65974 55.3635 9.43484C55.7245 9.20697 56.1521 9.09304 56.6463 9.09304C57.2737 9.09304 57.7856 9.29131 58.1822 9.68785C58.5787 10.0844 58.777 10.6629 58.777 11.4235V16H57.1657V11.6721C57.1657 11.2489 57.0532 10.9396 56.8283 10.7443C56.6034 10.546 56.3282 10.4469 56.0027 10.4469C55.615 10.4469 55.3117 10.5682 55.0927 10.8109C54.8767 11.0506 54.7686 11.3628 54.7686 11.7475V16H53.1928V11.6055C53.1928 11.2533 53.0863 10.9722 52.8732 10.7621C52.6631 10.552 52.3879 10.4469 52.0476 10.4469C51.8168 10.4469 51.6067 10.5061 51.4173 10.6245C51.2279 10.7399 51.0769 10.9041 50.9645 11.1172C50.852 11.3273 50.7958 11.5729 50.7958 11.854V16H49.1889ZM63.8006 16.1332C63.1171 16.1332 62.5267 15.9911 62.0295 15.707C61.5353 15.42 61.1551 15.0146 60.8887 14.4908C60.6224 13.964 60.4892 13.344 60.4892 12.6309C60.4892 11.9295 60.6224 11.314 60.8887 10.7843C61.158 10.2516 61.5338 9.8373 62.0162 9.54137C62.4986 9.24248 63.0653 9.09304 63.7163 9.09304C64.1365 9.09304 64.5331 9.1611 64.9059 9.29723C65.2818 9.4304 65.6132 9.63755 65.9003 9.91868C66.1903 10.1998 66.4181 10.5579 66.5839 10.9929C66.7496 11.425 66.8324 11.9399 66.8324 12.5376V13.0304H61.2438V11.9473H65.2921C65.2892 11.6395 65.2226 11.3658 65.0924 11.1261C64.9622 10.8834 64.7802 10.6925 64.5464 10.5534C64.3156 10.4144 64.0463 10.3448 63.7385 10.3448C63.41 10.3448 63.1215 10.4247 62.8729 10.5845C62.6243 10.7414 62.4305 10.9485 62.2914 11.206C62.1553 11.4605 62.0857 11.74
101 62.0828 12.0449V12.9904C62.0828 13.387 62.1553 13.7273 62.3003 14.0114C62.4453 14.2925 62.648 14.5085 62.9084 14.6594C63.1688 14.8074 63.4736 14.8814 63.8228 14.8814C64.0566 14.8814 64.2682 14.8488 64.4576 14.7837C64.647 14.7157 64.8112 14.6165 64.9503 14.4863C65.0894 14.3561 65.1945 14.1948 65.2655 14.0025L66.7658 14.1712C66.6711 14.5677 66.4906 14.9139 66.2243 15.2099C65.9609 15.5028 65.6236 15.7307 65.2122 15.8935C64.8009 16.0533 64.3304 16.1332 63.8006 16.1332ZM73.9557 10.984L72.4909 11.1438C72.4494 10.9959 72.3769 10.8568 72.2733 10.7266C72.1727 10.5964 72.0366 10.4913 71.865 10.4114C71.6933 10.3315 71.4832 10.2915 71.2346 10.2915C70.9002 10.2915 70.6191 10.3641 70.3912 10.5091C70.1663 10.6541 70.0554 10.842 70.0583 11.0728C70.0554 11.2711 70.1279 11.4324 70.2758 11.5566C70.4268 11.6809 70.6753 11.783 71.0216 11.8629L72.1846 12.1115C72.8297 12.2506 73.3091 12.4711 73.6228 12.7729C73.9394 13.0748 74.0992 13.4698 74.1022 13.9581C74.0992 14.3872 73.9735 14.766 73.7249 15.0945C73.4793 15.42 73.1375 15.6745 72.6995 15.858C72.2615 16.0414 71.7584 16.1332 71.1903 16.1332C70.3557 16.1332 69.684 15.9586 69.175 15.6094C68.666 15.2572 68.3627 14.7675 68.265 14.1401L69.8319 13.9892C69.903 14.2969 70.0539 14.5292 70.2847 14.6861C70.5155 14.8429 70.8159 14.9213 71.1858 14.9213C71.5676 14.9213 71.8738 14.8429 72.1047 14.6861C72.3385 14.5292 72.4553 14.3354 72.4553 14.1046C72.4553 13.9093 72.3799 13.748 72.229 13.6207C72.081 13.4935 71.8502 13.3958 71.5365 13.3278L70.3735 13.0836C69.7195 12.9475 69.2356 12.7182 68.922 12.3956C68.6083 12.0701 68.4529 11.6587 68.4559 11.1616C68.4529 10.7414 68.5669 10.3774 68.7977 10.0696C69.0315 9.75888 69.3555 9.51918 69.7698 9.3505C70.1871 9.17886 70.6679 9.09304 71.2124 9.09304C72.0115 9.09304 72.6403 9.2632 73.099 9.60352C73.5606 9.94383 73.8462 10.404 73.9557 10.984ZM75.8022 18.5568V9.18182H77.3825V10.3093H77.4757C77.5585 10.1436 77.6754 9.96751 77.8263 9.78107C77.9773 9.59168 78.1815 9.4304 78.4389 9.29723C78.6964 9.1611 79.0249 9.09304 79.4244 9.09304C79.9511 9.09304 80.4261 9.22769 80.8493 9.49698C81.2754 9.76332 81.6127 10.1584 81.8613 10.6822C82.1129 11.203 82.2386 11.8422 82.2386 12.5998C82.2386 13.3485 82.1158 13.9847 81.8702 14.5085C81.6246 15.0323 81.2902 15.4318 80.867 15.707C80.4438 15.9822 79.9644 16.1199 79.4288 16.1199C79.0382 16.1199 78.7141 16.0547 78.4567 15.9245C78.1992 15.7943 77.9921 15.6375 77.8352 15.454C77.6813 15.2676 77.5615 15.0915 77.4757 14.9258H77.4091V18.5568H75.8022ZM77.378 12.5909C77.378 13.0318 77.4402 13.418 77.5645 13.7495C77.6917 14.0809 77.8737 14.3398 78.1104 14.5263C78.3501 14.7098 78.6402 14.8015 78.9805 14.8015C79.3356 14.8015 79.633 14.7068 79.8727 14.5174C80.1124 14.325 80.2929 14.0632 80.4142 13.7317C80.5385 13.3973 80.6007 13.017 80.6007 12.5909C80.6007 12.1677 80.54 11.7919 80.4187 11.4634C80.2973 11.1349 80.1168 10.8775 79.8771 10.6911C79.6374 10.5046 79.3385 10.4114 78.9805 10.4114C78.6372 10.4114 78.3457 10.5017 78.106 10.6822C77.8663 10.8627 77.6843 11.1157 77.56 11.4412C77.4387 11.7667 77.378 12.15 77.378 12.5909ZM85.9517 16.1376C85.5196 16.1376 85.1305 16.0607 84.7843 15.9068C84.441 15.7499 84.1687 15.5191 83.9675 15.2143C83.7692 14.9095 83.6701 14.5337 83.6701 14.0868C83.6701 13.7021 83.7411 13.384 83.8832 13.1325C84.0252 12.8809 84.219 12.6797 84.4647 12.5288C84.7103 12.3778 84.987 12.2639 85.2947 12.187C85.6055 12.1071 85.9266 12.0494 86.258 12.0138C86.6575 11.9724 86.9815 11.9354 87.2301 11.9029C87.4787 11.8674 87.6592 11.8141 87.7717 11.7431C87.8871 11.6691 87.9448 11.5552 87.9448 11.4013V11.3746C87.9448 11.0402 87.8456 10.7813 87.6474 10.5978C87.4491 10.4144 87.1635 10.3226 86.7907 10.3226C86.3971 10.3226 86.0849 10.4084 85.854 10.5801C85.6262 10.7517 85.4723 10.9544 85.3924 11.1882L83.892 10.9751C84.0104 10.5608 84.2057 10.2146 84.478 9.93643C84.7502 9.6553 85.0832 9.44519 85.4767 9.30611C85.8703 9.16406 86.3053 9.09304 86.7818 9.09304C87.1103 9.09304 87.4373 9.13151 87.7628 9.20845C88.0883 9.28539 88.3857 9.41264 88.655 9.5902C88.9243 9.7648 89.1403 10.003 89.3031 10.3049C89.4688 10.6067 89.5517 10.984 89.5517 11.4368V16H88.0069V15.0634H87.9537C87.856 15.2528 87.7184 15.4303 87.5408 15.5961C87.3662 15.7588 87.1458 15.8905 86.8794 15.9911C86.6161 16.0888 86.3068 16.1376 85.9517 16.1376ZM86.369 14.9569C86.6915 14.9569 86.9712 14.8932 87.2079 14.766C87.4447 14.6358 87.6267 14.4641 87.7539 14.2511C87.8841 14.038 87.9492 13.8057 87.9492 13.5542V12.7507C87.8989 12.7921 87.8131 12.8306 87.6918
112.8661C87.5734 12.9016 87.4402 12.9327 87.2923 12.9593C87.1443 12.986 86.9978 13.0096 86.8528 13.0304C86.7078 13.0511 86.582 13.0688 86.4755 13.0836C86.2358 13.1162 86.0212 13.1694 85.8319 13.2434C85.6425 13.3174 85.493 13.421 85.3835 13.5542C85.274 13.6844 85.2193 13.853 85.2193 14.0602C85.2193 14.3561 85.3273 14.5795 85.5433 14.7305C85.7594 14.8814 86.0346 14.9569 86.369 14.9569ZM91.5424 16V9.18182H93.1005V10.3182H93.1715C93.2958 9.9246 93.5089 9.62127 93.8107 9.4082C94.1155 9.19218 94.4632 9.08416 94.8539 9.08416C94.9426 9.08416 95.0418 9.0886 95.1513 9.09748C95.2637 9.1034 95.3569 9.11375 95.4309 9.12855V10.6067C95.3629 10.583 95.2549 10.5623 95.1069 10.5446C94.9619 10.5239 94.8213 10.5135 94.6852 10.5135C94.3922 10.5135 94.1288 10.5771 93.8951 10.7044C93.6642 10.8287 93.4822 11.0018 93.3491 11.2237C93.2159 11.4457 93.1493 11.7016 93.1493 11.9917V16H91.5424ZM98.3383 13.8604L98.3339 11.9206H98.5914L101.042 9.18182H102.919L99.9053 12.5376H99.5724L98.3383 13.8604ZM96.8735 16V6.90909H98.4804V16H96.8735ZM101.153 16L98.9331 12.8972L100.016 11.7653L103.075 16H101.153Z" fill="#202020" class="dark:fill-muted-foreground"></path><defs><filter id="filter0_d_28673_197667" x="4.78981" y="4.5" width="13.8169" height="19.3253" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dx="0.360366" dy="3.2433"></feOffset><feGaussianBlur stdDeviation="1.25"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0.260256 0 0 0 0 0 0 0 0 0 0.695074 0 0 0 0.6 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_28673_197667"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_28673_197667" result="shape"></feBlend></filter><linearGradient id="paint0_linear_28673_197667" x1="2.03334" y1="-4.78468e-08" x2="21.7052" y2="23.4802" gradientUnits="userSpaceOnUse"><stop stop-color="#3BD1FF"></stop><stop offset="1" stop-color="#7C54FF"></stop></linearGradient><linearGradient id="paint1_linear_28673_197667" x1="1.53237" y1="1.46625" x2="21.1475" y2="23.4824" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.5" stop-color="white" stop-opacity="0"></stop><stop offset="1" stop-color="white"></stop></linearGradient></defs></svg><span class="sr-only">FrameSpark</span></a><a target="_blank" rel="noopener noreferrer" href="https://allutilitycss.com"><svg width="4.5em" height="1em" viewBox="0 0 108 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[1.75rem]"><path d="M2.92401 17.1523H1.09588L4.42436 7.6978H6.53871L9.8718 17.1523H8.04368L5.51847 9.63672H5.4446L2.92401 17.1523ZM2.98402 13.4453H7.96982V14.821H2.98402V13.4453ZM12.7144 7.6978V17.1523H11.0432V7.6978H12.7144ZM16.104 7.6978V17.1523H14.4329V7.6978H16.104Z" fill="#3F404D" class="dark:fill-muted-foreground"></path><path d="M28.9775 1.64118C30.0423 1.02895 31.3522 1.02895 32.417 1.64118L38.967 5.40743C40.0374 6.02292 40.6973 7.16352 40.6973 8.39826V15.9064C40.6973 17.1412 40.0374 18.2818 38.967 18.8972L32.417 22.6635C31.3522 23.2757 30.0423 23.2757 28.9775 22.6635L22.4275 18.8972C21.3571 18.2818 20.6973 17.1412 20.6973 15.9064V8.39826C20.6973 7.16352 21.3571 6.02292 22.4275 5.40743L28.9775 1.64118Z" fill="#30A1D3" class="dark:fill-muted-foreground"></path><path d="M29.2646 2.13965C30.1517 1.62974 31.2428 1.62974 32.1299 2.13965L38.6807 5.90625C39.5725 6.4192 40.1221 7.36963 40.1221 8.39844V15.9062C40.1221 16.8709 39.6392 17.767 38.8438 18.2979L38.6807 18.3984L32.1299 22.165C31.2981 22.6432 30.2868 22.6734 29.4326 22.2549L29.2646 22.165L22.7139 18.3984C21.8221 17.8855 21.2725 16.9351 21.2725 15.9062V8.39844C21.2725 7.36963 21.8221 6.4192 22.7139 5.90625L29.2646 2.13965Z" stroke="white" stroke-opacity="0.4" stroke-width="1.15"></path><path d="M27.7563 9.85245L25.4033 12.1524L27.7563 14.4524" stroke="white" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"></path><path d="M33.6387 9.85245L35.9916 12.1524L33.6387 14.4524" stroke="white" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"></path><path d="M31.8734 7.55247L29.5205 16.7525" stroke="white" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"></path><path d="M50.5086 7.6978H52.2213V13.8746C52.2213 14.5517 52.0613 15.1473 51.7412 15.6612C51.4242 16.1752 50.978 16.5768 50.4024 16.8661C49.8269 17.1523 49.1544 17.2955 48.385 17.2955C47.6125 17.2955 46.9385 17.1523 46.363 16.8661C45.7875 16.5768 45.3412 16.1752 45.0242 15.6612C44.7072 15.1473 44.5487 14.5517 44.5487 13.8746V7.6978H46.2615V13.7315C46.2615 14.1255 46.3476 14.4763 46.52 14.7841C46.6954 15.0919 46.9416 15.3335 47.2586 15.5089C47.5756 15.6812 47.9511 15.7674 48.385 15.7674C48.819 15.7674 49.1945 15.6812 49.5115 15.5089C49.8315 15.3335 50.0777 15.0919 50.2501 14.7841C50.4224 14.4763 50.5086 14.1255 50.5086 13.7315V7.6978ZM57.5499 10.0614V11.354H53.4735V10.0614H57.5499ZM54.4799 8.3625
17H56.1511V15.0195C56.1511 15.2442 56.185 15.4165 56.2527 15.5366C56.3234 15.6535 56.4158 15.7335 56.5297 15.7766C56.6435 15.8197 56.7697 15.8413 56.9082 15.8413C57.0128 15.8413 57.1083 15.8336 57.1944 15.8182C57.2837 15.8028 57.3514 15.7889 57.3975 15.7766L57.6792 17.0831C57.5899 17.1139 57.4622 17.1477 57.296 17.1847C57.1329 17.2216 56.9328 17.2431 56.6958 17.2493C56.2773 17.2616 55.9003 17.1985 55.5648 17.06C55.2293 16.9184 54.9631 16.6999 54.7662 16.4045C54.5723 16.109 54.4769 15.7397 54.4799 15.2965V8.36257ZM58.9475 17.1523V10.0614H60.6187V17.1523H58.9475ZM59.7877 9.05504C59.5231 9.05504 59.2953 8.96733 59.1045 8.7919C58.9137 8.6134 58.8183 8.3995 58.8183 8.15021C58.8183 7.89785 58.9137 7.68395 59.1045 7.50852C59.2953 7.33002 59.5231 7.24077 59.7877 7.24077C60.0555 7.24077 60.2832 7.33002 60.471 7.50852C60.6618 7.68395 60.7572 7.89785 60.7572 8.15021C60.7572 8.3995 60.6618 8.6134 60.471 8.7919C60.2832 8.96733 60.0555 9.05504 59.7877 9.05504ZM64.0083 7.6978V17.1523H62.3372V7.6978H64.0083ZM65.7268 17.1523V10.0614H67.398V17.1523H65.7268ZM66.567 9.05504C66.3023 9.05504 66.0746 8.96733 65.8838 8.7919C65.693 8.6134 65.5976 8.3995 65.5976 8.15021C65.5976 7.89785 65.693 7.68395 65.8838 7.50852C66.0746 7.33002 66.3023 7.24077 66.567 7.24077C66.8348 7.24077 67.0625 7.33002 67.2503 7.50852C67.4411 7.68395 67.5365 7.89785 67.5365 8.15021C67.5365 8.3995 67.4411 8.6134 67.2503 8.7919C67.0625 8.96733 66.8348 9.05504 66.567 9.05504ZM72.6573 10.0614V11.354H68.581V10.0614H72.6573ZM69.5874 8.36257H71.2585V15.0195C71.2585 15.2442 71.2924 15.4165 71.3601 15.5366C71.4309 15.6535 71.5232 15.7335 71.6371 15.7766C71.7509 15.8197 71.8771 15.8413 72.0156 15.8413C72.1203 15.8413 72.2157 15.8336 72.3018 15.8182C72.3911 15.8028 72.4588 15.7889 72.505 15.7766L72.7866 17.0831C72.6973 17.1139 72.5696 17.1477 72.4034 17.1847C72.2403 17.2216 72.0402 17.2431 71.8033 17.2493C71.3847 17.2616 71.0077 17.1985 70.6722 17.06C70.3368 16.9184 70.0705 16.6999 69.8736 16.4045C69.6797 16.109 69.5843 15.7397 69.5874 15.2965V8.36257ZM75.0937 19.8114C74.8659 19.8114 74.6551 19.793 74.4612 19.756C74.2704 19.7222 74.118 19.6822 74.0042 19.636L74.392 18.3342C74.6351 18.4049 74.8521 18.4388 75.0429 18.4357C75.2337 18.4326 75.4014 18.3726 75.5461 18.2557C75.6938 18.1418 75.8184 17.951 75.92 17.6832L76.0631 17.3001L73.4917 10.0614H75.2645L76.8987 15.4165H76.9726L78.6114 10.0614H80.3888L77.5496 18.011C77.4173 18.3865 77.2419 18.7081 77.0233 18.9759C76.8048 19.2467 76.5371 19.4529 76.2201 19.5945C75.9062 19.7391 75.5307 19.8114 75.0937 19.8114ZM89.7117 10.8878H87.9852C87.9359 10.6046 87.8451 10.3538 87.7128 10.1353C87.5805 9.91371 87.4158 9.72597 87.2188 9.57209C87.0219 9.41821 86.7972 9.30279 86.5448 9.22585C86.2955 9.14583 86.0262 9.10582 85.7369 9.10582C85.223 9.10582 84.7675 9.23509 84.3705 9.49361C83.9735 9.74905 83.6626 10.1245 83.4379 10.62C83.2133 11.1125 83.1009 11.7141 83.1009 12.4251C83.1009 13.1483 83.2133 13.7577 83.4379 14.2532C83.6657 14.7456 83.9765 15.118 84.3705 15.3704C84.7675 15.6197 85.2214 15.7443 85.7323 15.7443C86.0155 15.7443 86.2802 15.7074 86.5264 15.6335C86.7757 15.5566 86.9988 15.4442 87.1958 15.2965C87.3958 15.1488 87.5635 14.9672 87.699 14.7518C87.8374 14.5363 87.9329 14.2901 87.9852 14.0131L89.7117 14.0224C89.6471 14.4717 89.5071 14.8933 89.2916 15.2873C89.0793 15.6812 88.8008 16.029 88.4561 16.3306C88.1114 16.6291 87.7082 16.863 87.2465 17.0323C86.7849 17.1985 86.2725 17.2816 85.7093 17.2816C84.8783 17.2816 84.1366 17.0893 83.4841 16.7045C82.8316 16.3198 82.3177 15.7643 81.9422 15.038C81.5667 14.3117 81.379 13.4407 81.379 12.4251C81.379 11.4064 81.5683 10.5354 81.9468 9.81214C82.3254 9.08582 82.8409 8.5303 83.4933 8.1456C84.1458 7.76089 84.8844 7.56854 85.7093 7.56854C86.2355 7.56854 86.7249 7.6424 87.1773 7.79013C87.6297 7.93785 88.0329 8.15483 88.3868 8.44105C88.7407 8.72419 89.0316 9.07197 89.2593 9.48438C89.4901 9.8937 89.641 10.3615 89.7117 10.8878ZM96.4183 10.2969C96.3752 9.8937 96.1937 9.57978 95.8736 9.35511C95.5566 9.13044 95.1442 9.01811 94.6364 9.01811C94.2794 9.01811 93.9731 9.07197 93.7177 9.17969C93.4622 9.2874 93.2668 9.43359 93.1314 9.61825C92.996 9.80291 92.9267 10.0137 92.9237 10.2507C92.9237 10.4477 92.9683 10.6185 93.0575 10.7631C93.1499 10.9078 93.2745 11.0309 93.4315 11.1325C93.5884 11.2309 93.7623 11.314 93.9531 11.3817C94.1439 11.4495 94.3363 11.5064 94.5302 11.5526L95.4165 11.7741C95.7736 11.8572 96.1167 11.9696 96.446 12.1112C96.7784 12.2527 97.0754 12.4312 97.337 12.6467C97.6017 12.8621 97.811 13.1222 97.9648 13.4268C98.1187 13.7315 98.1957 14.0885 98.1957 14.4979C98.1957 15.0518 98.0541 15.5397 97.771 15.9613C97.4878 16.3799 97.0785 16.7076 96.543 16.9446C96.0105 17.1785 95.3658 17.2955 94.6087 17.2955C93.8731 17.2955 93.2345 17.1816 92.6928 16.9538C92.1542 16.7261 91.7326 16.3937 91.4279 15.9567C91.1263 15.5196 90.9632 14.9872 90.9386 14.3594H92.6236C92.6482 14.6887 92.7498 14.9626 92.9283 15.1811C93.1068 15.3996 93.3391 15.5627 93.6254 15.6705C93.9147 15.7782 94.2378 15.832 94.5948 15.832C94.9672 15.832 95.2934 15.7766 95.5735 15.6658C95.8567 15.552 96.0782 15.395 96.2383 15.195C96.3983 14.9918 96.4799 14.7549 96.483 14.484C96.4799 14.2378 96.4076 14.0347 96.266 13.8746C96.1244 13.7115 95.9259 13.5761 95.6705 13.4684C95.4181 13.3576 95.1226 13.2591 94.7841 13.1729L93.7085 12.896C92.9298 12.6959 92.3143 12.3928 91.8619 11.9865C91.4125 11.5772 91.1879 11.034 91.1879 10.3569C91.1879 9.79983 91.3387 9.31203 91.6403 8.89347C91.945 8.47491 92.3589 8.15021 92.8821 7.91939C93.4053 7.68549 93.9978 7.56854 94.6594 7.56854C95.3304 7.56854 95.9182 7.68549 96.4229 7.91939C96.9308 8.15021 97.3293 8.47183 97.6186 8.88423C97.9079 9.29356 98.0572 9.76444 98.0664 10.2969H96.4183ZM104.861 10.2969C104.818 9.8937 104.636 9.57978 104.316 9.35511C103.999 9.13044 103.587 9.01811 103.079 9.01811C102.722 9.01811 102.416 9.07197 102.16 9.17969C101.905 9.2874 101.709 9.43359 101.574 9.61825C101.438 9.80291 101.369 10.0137 101.366 10.2507C101.366 10.4477 101.411 10.6185 101.5 10.7631C101.592 10.9078 101.717 11.0309 101.874 11.1325C102.031 11.2309 102.205 11.314 102.396 11.3817C102.586 11.4495 102.779 11.5064 102.973 11.5526L103.859 11.7741C104.216 11.8572 104.559 11.9696 104.888 12.1112C105.221 12.2527 105.518 12.4312 105.779 12.6467C106.044 12.8621 106.253 13.1222 106.407 13.4268C106.561 13.7315 106.638 14.0885 106.638 14.4979C106.638 15.0518 106.496 15.5397 106.213 15.9613C105.93 16.3799 105.521 16.7076 104.985 16.9446C104.453 17.1785 103.808 17.2955 103.051 17.2955C102.315 17.2955 101.677 17.1816 101.135 16.9538C100.597 16.7261 100.175 16.3937 99.8703 15.9567C99.5687 15.5196 99.4056 14.9872 99.3809 14.3594H101.066C101.091 14.6887 101.192 14.9626 101.371 15.1811C101.549 15.3996 101.782 15.5627 102.068 15.6705C102.357 15.7782 102.68 15.832
1103.037 15.832C103.41 15.832 103.736 15.7766 104.016 15.6658C104.299 15.552 104.521 15.395 104.681 15.195C104.841 14.9918 104.922 14.7549 104.925 14.484C104.922 14.2378 104.85 14.0347 104.708 13.8746C104.567 13.7115 104.368 13.5761 104.113 13.4684C103.86 13.3576 103.565 13.2591 103.226 13.1729L102.151 12.896C101.372 12.6959 100.757 12.3928 100.304 11.9865C99.8549 11.5772 99.6302 11.034 99.6302 10.3569C99.6302 9.79983 99.781 9.31203 100.083 8.89347C100.387 8.47491 100.801 8.15021 101.324 7.91939C101.848 7.68549 102.44 7.56854 103.102 7.56854C103.773 7.56854 104.361 7.68549 104.865 7.91939C105.373 8.15021 105.772 8.47183 106.061 8.88423C106.35 9.29356 106.5 9.76444 106.509 10.2969H104.861Z" fill="#30A1D3" class="dark:fill-muted-foreground"></path></svg><span class="sr-only">All UtilityCSS</span></a><a target="_blank" rel="noopener noreferrer" href="https://allshadcn.com"><svg width="4.04167em" height="1em" viewBox="0 0 97 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[1.75rem]"><path d="M2.76287 17.1523H0.934748L4.26323 7.6978H6.37757L9.71067 17.1523H7.88255L5.35733 9.63672H5.28347L2.76287 17.1523ZM2.82289 13.4453H7.80868V14.821H2.82289V13.4453ZM12.5533 7.6978V17.1523H10.8821V7.6978H12.5533ZM15.9429 7.6978V17.1523H14.2718V7.6978H15.9429Z" fill="#3F404D" class="dark:fill-muted-foreground"></path><path d="M29.1928 1.58956C30.2819 0.948891 31.6327 0.94889 32.7219 1.58956L39.1023 5.34274C40.1653 5.96803 40.818 7.1092 40.818 8.34247V15.9622C40.818 17.1955 40.1653 18.3367 39.1023 18.9619L32.7219 22.7151C31.6327 23.3558 30.2819 23.3558 29.1928 22.7151L22.8124 18.9619C21.7494 18.3367 21.0967 17.1955 21.0967 15.9622V8.34247C21.0967 7.1092 21.7494 5.96803 22.8124 5.34274L29.1928 1.58956Z" fill="black" class="dark:fill-muted-foreground"></path><path d="M29.4873 2.08968C30.3381 1.58932 31.3801 1.55807 32.2549 1.99593L32.4277 2.08968L38.8086 5.84261C39.6943 6.36372 40.2383 7.31498 40.2383 8.34261V15.9617C40.2383 16.9251 39.7601 17.8216 38.9707 18.3592L38.8086 18.4617L32.4277 22.2157C31.5769 22.7161 30.534 22.7474 29.6592 22.3094L29.4873 22.2157L23.1064 18.4617C22.2207 17.9407 21.6768 16.9894 21.6768 15.9617V8.34261C21.6768 7.31488 22.2206 6.36368 23.1064 5.84261L29.4873 2.08968Z" stroke="white" stroke-opacity="0.4" stroke-width="1.16008"></path><path d="M34.611 8.09208L26.8965 15.8066" stroke="white" stroke-width="1.16008" stroke-linecap="round"></path><path d="M35.8293 12.1523L30.957 17.0247" stroke="white" stroke-width="1.16008" stroke-linecap="round"></path><path d="M50.3685 10.2969C50.3254 9.8937 50.1439 9.57978 49.8238 9.35511C49.5068 9.13044 49.0944 9.01811 48.5866 9.01811C48.2296 9.01811 47.9233 9.07197 47.6679 9.17969C47.4124 9.2874 47.217 9.43359 47.0816 9.61825C46.9462 9.80291 46.8769 10.0137 46.8738 10.2507C46.8738 10.4477 46.9185 10.6185 47.0077 10.7631C47.1001 10.9078 47.2247 11.0309 47.3817 11.1325C47.5386 11.2309 47.7125 11.314 47.9033 11.3817C48.0941 11.4495 48.2865 11.5064 48.4804 11.5526L49.3667 11.7741C49.7238 11.8572 50.0669 11.9696 50.3962 12.1112C50.7286 12.2527 51.0256 12.4312 51.2872 12.6467C51.5519 12.8621 51.7612 13.1222 51.915 13.4268C52.0689 13.7315 52.1459 14.0885 52.1459 14.4979C52.1459 15.0518 52.0043 15.5397 51.7211 15.9613C51.438 16.3799 51.0287 16.7076 50.4932
116.9446C49.9607 17.1785 49.316 17.2955 48.5589 17.2955C47.8233 17.2955 47.1847 17.1816 46.643 16.9538C46.1044 16.7261 45.6828 16.3937 45.3781 15.9567C45.0765 15.5196 44.9134 14.9872 44.8888 14.3594H46.5738C46.5984 14.6887 46.7 14.9626 46.8785 15.1811C47.057 15.3996 47.2893 15.5627 47.5756 15.6705C47.8648 15.7782 48.188 15.832 48.545 15.832C48.9174 15.832 49.2436 15.7766 49.5237 15.6658C49.8068 15.552 50.0284 15.395 50.1885 15.195C50.3485 14.9918 50.4301 14.7549 50.4331 14.484C50.4301 14.2378 50.3577 14.0347 50.2162 13.8746C50.0746 13.7115 49.8761 13.5761 49.6206 13.4684C49.3683 13.3576 49.0728 13.2591 48.7343 13.1729L47.6586 12.896C46.88 12.6959 46.2645 12.3928 45.8121 11.9865C45.3627 11.5772 45.1381 11.034 45.1381 10.3569C45.1381 9.79983 45.2889 9.31203 45.5905 8.89347C45.8952 8.47491 46.3091 8.15021 46.8323 7.91939C47.3555 7.68549 47.9479 7.56854 48.6096 7.56854C49.2806 7.56854 49.8684 7.68549 50.3731 7.91939C50.8809 8.15021 51.2795 8.47183 51.5688 8.88423C51.8581 9.29356 52.0074 9.76444 52.0166 10.2969H50.3685ZM55.2701 12.9975V17.1523H53.5989V7.6978H55.2331V11.2663H55.3162C55.4824 10.8662 55.7394 10.5508 56.0872 10.32C56.438 10.0861 56.8843 9.96911 57.426 9.96911C57.9184 9.96911 58.3477 10.0722 58.714 10.2784C59.0802 10.4846 59.3633 10.7862 59.5634 11.1832C59.7665 11.5803 59.8681 12.065 59.8681 12.6374V17.1523H58.1969V12.896C58.1969 12.4189 58.0738 12.0481 57.8276 11.7834C57.5845 11.5156 57.2428 11.3817 56.8027 11.3817C56.5073 11.3817 56.2426 11.4464 56.0087 11.5756C55.7779 11.7018 55.5963 11.8849 55.464 12.125C55.3347 12.3651 55.2701 12.6559 55.2701 12.9975ZM63.612 17.2955C63.1627 17.2955 62.758 17.2154 62.3979 17.0554C62.0409 16.8923 61.7578 16.6522 61.5485 16.3352C61.3423 16.0182 61.2392 15.6274 61.2392 15.1626C61.2392 14.7625 61.313 14.4317 61.4608 14.1701C61.6085 13.9085 61.8101 13.6992 62.0655 13.5423C62.321 13.3853 62.6087 13.2668 62.9288 13.1868C63.252 13.1037 63.5859 13.0437 63.9306 13.0067C64.3461 12.9637 64.6831 12.9252 64.9416 12.8913C65.2001 12.8544 65.3878 12.799 65.5048 12.7251C65.6248 12.6482 65.6848 12.5297 65.6848 12.3697V12.342C65.6848 11.9942 65.5817 11.7249 65.3755 11.5341C65.1693 11.3433 64.8723 11.2479 64.4846 11.2479C64.0752 11.2479 63.7505 11.3371 63.5105 11.5156C63.2735 11.6941 63.1135 11.9049 63.0304 12.1481L61.47 11.9265C61.5931 11.4956 61.7962 11.1355 62.0794 10.8462C62.3625 10.5539 62.7087 10.3353 63.1181 10.1907C63.5274 10.043 63.9798 9.96911 64.4753 9.96911C64.8169 9.96911 65.157 10.0091 65.4956 10.0891C65.8341 10.1692 66.1434 10.3015 66.4235 10.4862C66.7035 10.6677 66.9282 10.9155 67.0975 11.2294C67.2698 11.5433 67.356 11.9357 67.356 12.4066V17.1523H65.7495V16.1783H65.6941C65.5925 16.3752 65.4494 16.5599 65.2647 16.7322C65.0832 16.9015 64.8539 17.0385 64.5769 17.1431C64.303 17.2447 63.9814 17.2955 63.612 17.2955ZM64.046 16.0675C64.3815 16.0675 64.6723 16.0013 64.9185 15.869C65.1647 15.7335 65.354 15.555 65.4863 15.3335C65.6217 15.1119 65.6895 14.8703 65.6895 14.6087V13.7731C65.6371 13.8162 65.5479 13.8562 65.4217 13.8931C65.2986 13.93 65.1601 13.9624 65.0062 13.9901C64.8523 14.0178 64.7 14.0424 64.5492 14.0639C64.3984 14.0855 64.2676 14.1039 64.1568 14.1193C63.9075 14.1532 63.6844 14.2086 63.4874 14.2855C63.2904 14.3625 63.135 14.4702 63.0211 14.6087C62.9073 14.7441 62.8503 14.9195 62.8503 15.1349C62.8503 15.4427 62.9627 15.6751 63.1873 15.832C63.412 15.989 63.6982 16.0675 64.046 16.0675ZM71.6678 17.277C71.1107 17.277 70.6122 17.1339 70.1721 16.8477C69.7319 16.5614 69.3842 16.146 69.1287 15.6012C68.8733 15.0565 68.7456 14.3948 68.7456 13.6161C68.7456 12.8282 68.8748 12.1635 69.1333 11.6218C69.3949 11.0771 69.7473 10.6662 70.1905 10.3892C70.6337 10.1091 71.1277 9.96911 71.6724 9.96911C72.0879 9.96911 72.4295 10.0399 72.6973 10.1815C72.965 10.32 73.1774 10.4877 73.3343 10.6847C73.4913 10.8786 73.6129 11.0617 73.699 11.234H73.7683V7.6978H75.4441V17.1523H73.8006V16.0352H73.699C73.6129 16.2075 73.4882 16.3906 73.3251 16.5845C73.162 16.7753 72.9466 16.9384 72.6788 17.0739C72.411 17.2093 72.074 17.277 71.6678 17.277ZM72.1341 15.9059C72.488 15.9059 72.7896 15.8105 73.0389 15.6197C73.2882 15.4258 73.4775 15.1565 73.6067 14.8
1118C73.736 14.4671 73.8006 14.0655 73.8006 13.6069C73.8006 13.1483 73.736 12.7498 73.6067 12.4112C73.4805 12.0727 73.2928 11.8095 73.0435 11.6218C72.7973 11.4341 72.4941 11.3402 72.1341 11.3402C71.7617 11.3402 71.4508 11.4371 71.2015 11.631C70.9522 11.8249 70.7645 12.0927 70.6383 12.4343C70.5121 12.7759 70.449 13.1668 70.449 13.6069C70.449 14.0501 70.5121 14.4455 70.6383 14.7933C70.7676 15.138 70.9569 15.4104 71.2061 15.6104C71.4585 15.8074 71.7678 15.9059 72.1341 15.9059ZM85.3914 10.8878H83.6649C83.6156 10.6046 83.5248 10.3538 83.3925 10.1353C83.2602 9.91371 83.0955 9.72597 82.8985 9.57209C82.7016 9.41821 82.4769 9.30279 82.2245 9.22585C81.9752 9.14583 81.7059 9.10582 81.4166 9.10582C80.9027 9.10582 80.4472 9.23509 80.0502 9.49361C79.6531 9.74905 79.3423 10.1245 79.1176 10.62C78.893 11.1125 78.7806 11.7141 78.7806 12.4251C78.7806 13.1483 78.893 13.7577 79.1176 14.2532C79.3454 14.7456 79.6562 15.118 80.0502 15.3704C80.4472 15.6197 80.9011 15.7443 81.412 15.7443C81.6952 15.7443 81.9598 15.7074 82.2061 15.6335C82.4553 15.5566 82.6785 15.4442 82.8754 15.2965C83.0755 15.1488 83.2432 14.9672 83.3786 14.7518C83.5171 14.5363 83.6125 14.2901 83.6649 14.0131L85.3914 14.0224C85.3268 14.4717 85.1868 14.8933 84.9713 15.2873C84.759 15.6812 84.4804 16.029 84.1357 16.3306C83.791 16.6291 83.3879 16.863 82.9262 17.0323C82.4646 17.1985 81.9521 17.2816 81.3889 17.2816C80.558 17.2816 79.8163 17.0893 79.1638 16.7045C78.5113 16.3198 77.9974 15.7643 77.6219 15.038C77.2464 14.3117 77.0587 13.4407 77.0587 12.4251C77.0587 11.4064 77.248 10.5354 77.6265 9.81214C78.0051 9.08582 78.5206 8.5303 79.173 8.1456C79.8255 7.76089 80.5641 7.56854 81.3889 7.56854C81.9152 7.56854 82.4046 7.6424 82.857 7.79013C83.3094 7.93785 83.7126 8.15483 84.0665 8.44105C84.4204 8.72419 84.7113 9.07197 84.939 9.48438C85.1698 9.8937 85.3206 10.3615 85.3914 10.8878ZM94.7294 7.6978V17.1523H93.206L88.7511 10.7124H88.6726V17.1523H86.9599V7.6978H88.4925L92.9428 14.1424H93.0259V7.6978H94.7294Z" fill="black" class="dark:fill-muted-foreground"></path></svg><span class="sr-only">All ShadCN</span></a><a target="_blank" rel="noopener noreferrer" href="https://allframer.club"><svg width="3.5652173913em" height="1em" viewBox="0 0 82 23" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[1.75rem]"><path d="M1.89897 15.5H0.281783L3.22621 7.13636H5.09659L8.0451 15.5H6.42791L4.19407 8.85156H4.12873L1.89897 15.5ZM1.95206 12.2207H6.36257V13.4377H1.95206V12.2207ZM10.5597 7.13636V15.5H9.08137V7.13636H10.5597ZM13.5582 7.13636V15.5H12.0799V7.13636H13.5582Z" fill="#3F404D" class="dark:fill-muted-foreground"></path><path d="M26.4757 1.02895C27.5554 0.393851 28.8945 0.39385 29.9742 1.02895L36.2992 4.74954C37.3529 5.3694 38 6.50066 38 7.72321V15.2768C38 16.4993 37.3529 17.6306 36.2992 18.2505L29.9742 21.971C28.8945 22.6062 27.5554 22.6062 26.4757 21.971L20.1507 18.2505C19.097 17.6306 18.45 16.4993 18.45 15.2768V7.72321C18.45 6.50066 19.097 5.3694 20.1507 4.74954L26.4757 1.02895Z" fill="url(#paint0_linear_28643_134824)" class="dark:fill-muted-foreground"></path><path d="M26.7673 1.52441C27.667 0.995281 28.7827 0.995338 29.6824 1.52441L36.0076 5.24512C36.8857 5.76167 37.4246 6.70484 37.4246 7.72363V15.2764C37.4246 16.2952 36.8857 17.2383 36.0076 17.7549L29.6824 21.4756C28.7827 22.0047 27.667 22.0047 26.7673 21.4756L20.4421 17.7549C19.5641 17.2383 19.0251 16.2951 19.0251 15.2764V7.72363C19.0251 6.70487 19.5641 5.76168 20.4421 5.24512L26.7673 1.52441Z" stroke="white" stroke-opacity="0.4" stroke-width="1.15"></path><path d="M32.9661 10.8741L30.1049 9.60293L28.8344 6.74023C28.7802 6.62012 28.6933 6.51767 28.5838 6.44458C28.4742 6.37148 28.3462 6.33068 28.2146 6.32685C27.9357 6.30618 27.6981 6.48187 27.5845 6.7299L26.314 9.48925L23.4424 10.8741C23.2049 10.9878 23.0499 11.2358 23.0499 11.5045C23.0499 11.7732 23.2152 12.0109 23.4631 12.1246L26.3243 13.3957L27.5948 16.2584C27.6475 16.3821 27.7352 16.4875 27.8473 16.5616C27.9593 16.6357 28.0906 16.6752 28.2249 16.6752C28.3592 16.6752 28.4906 16.6357 28.6026 16.5616C28.7146 16.4875 28.8024 16.3821 28.855 16.2584L30.1255 13.3957L32.9868 12.1246C33.2347 12.0109 33.3999 11.7629 33.3999 11.4942C33.3999 11.2255 33.2347 10.9774 32.9868 10.8638L32.9661 10.8741Z" fill="white"></path><path d="M42.2749 15.5V7.13636H47.6328V8.40643H43.79V10.677H47.2653V11.9471H43.79V15.5H42.2749ZM48.858 15.5V9.22727H50.2914V10.2727H50.3567C50.4711 9.91063 50.6671 9.63157 50.9448 9.43555C51.2252 9.2368 51.5451 9.13743 51.9045 9.13743C51.9862 9.13743 52.0774 9.14151 52.1781 9.14968C52.2816 9.15512 52.3673 9.16465 52.4354 9.17827V10.5382C52.3728 10.5164 52.2734 10.4973 52.1373 10.481C52.0039 10.4619 51.8745 10.4524 51.7493 10.4524C51.4798 10.4524 51.2375 10.5109 51.0224 10.628C50.81 10.7424 50.6426 10.9016 50.5201 11.1058C50.3976 11.31 50.3363
111.5455 50.3363 11.8123V15.5H48.858ZM55.1103 15.6266C54.7128 15.6266 54.3548 15.5558 54.0362 15.4142C53.7204 15.2699 53.47 15.0576 53.2848 14.7772C53.1024 14.4967 53.0112 14.151 53.0112 13.7399C53.0112 13.3859 53.0766 13.0933 53.2072 12.8619C53.3379 12.6304 53.5162 12.4453 53.7422 12.3065C53.9682 12.1676 54.2227 12.0628 54.5059 11.992C54.7917 11.9185 55.0871 11.8654 55.3921 11.8327C55.7596 11.7946 56.0577 11.7606 56.2864 11.7306C56.5151 11.698 56.6812 11.649 56.7846 11.5836C56.8908 11.5156 56.9439 11.4107 56.9439 11.2692V11.2447C56.9439 10.937 56.8527 10.6988 56.6703 10.53C56.4879 10.3612 56.2252 10.2768 55.8821 10.2768C55.52 10.2768 55.2328 10.3558 55.0204 10.5137C54.8108 10.6716 54.6692 10.8581 54.5957 11.0732L53.2154 10.8771C53.3243 10.496 53.504 10.1774 53.7545 9.92152C54.0049 9.66288 54.3112 9.46958 54.6733 9.34162C55.0354 9.21094 55.4356 9.1456 55.874 9.1456C56.1762 9.1456 56.477 9.18099 56.7765 9.25177C57.076 9.32256 57.3496 9.43963 57.5973 9.60298C57.8451 9.76361 58.0438 9.98278 58.1936 10.2605C58.346 10.5382 58.4223 10.8853 58.4223 11.3018V15.5H57.0011V14.6383H56.9521C56.8622 14.8126 56.7356 14.9759 56.5723 15.1284C56.4117 15.2781 56.2088 15.3993 55.9638 15.4918C55.7215 15.5817 55.437 15.6266 55.1103 15.6266ZM55.4942 14.5403C55.7909 14.5403 56.0482 14.4818 56.266 14.3647C56.4838 14.2449 56.6512 14.087 56.7683 13.891C56.8881 13.695 56.948 13.4812 56.948 13.2498V12.5107C56.9017 12.5488 56.8228 12.5842 56.7111 12.6168C56.6022 12.6495 56.4797 12.6781 56.3436 12.7026C56.2075 12.7271 56.0727 12.7489 55.9393 12.7679C55.8059 12.787 55.6902 12.8033 55.5922 12.8169C55.3716 12.8469 55.1743 12.8959 55 12.964C54.8258 13.032 54.6883 13.1273 54.5876 13.2498C54.4868 13.3696 54.4365 13.5248 54.4365 13.7154C54.4365 13.9876 54.5358 14.1932 54.7346 14.332C54.9333 14.4709 55.1865 14.5403 55.4942 14.5403ZM59.9088 15.5V9.22727H61.3218V10.2931H61.3953C61.5259 9.93377 61.7424 9.65335 62.0446 9.45188C62.3468 9.24769 62.7075 9.1456 63.1268 9.1456C63.5515 9.1456 63.9095 9.24905 64.2008 9.45597C64.4949 9.66016 64.7018 9.93922 64.8216 10.2931H64.8869C65.0258 9.94466 65.2599 9.66696 65.5893 9.46005C65.9215 9.25041 66.3149 9.1456 66.7696 9.1456C67.3467 9.1456 67.8177 9.32801 68.1826 9.69283C68.5474 10.0576 68.7298 10.5899 68.7298 11.2896V15.5H67.2474V11.5183C67.2474 11.129 67.1439 10.8445 66.937 10.6648C66.7301 10.4824 66.4769 10.3912 66.1774 10.3912C65.8208 10.3912 65.5417 10.5028 65.3402 10.726C65.1415 10.9466 65.0421 11.2338 65.0421 11.5877V15.5H63.5924V11.457C63.5924 11.133 63.4943 10.8744 63.2983 10.6811C63.105 10.4878 62.8518 10.3912 62.5387 10.3912C62.3264 10.3912 62.1331 10.4456 61.9588 10.5545C61.7846 10.6607 61.6457 10.8118 61.5423 11.0078C61.4388 11.2011 61.3871 11.4271 61.3871 11.6857V15.5H59.9088ZM73.0065 15.6225C72.3776 15.6225 71.8345 15.4918 71.3771 15.2305C70.9224 14.9664 70.5726 14.5934 70.3276 14.1115C70.0825 13.6269 69.96 13.0565 69.96 12.4004C69.96 11.7551 70.0825 11.1889 70.3276 10.7015C70.5753 10.2115 70.9211 9.83031 71.3649 9.55806C71.8086 9.28308 72.33 9.1456 72.929 9.1456C73.3156 9.1456 73.6804 9.20821 74.0234 9.33345C74.3692 9.45597 74.6741 9.64654 74.9382 9.90518C75.205 10.1638 75.4146 10.4933 75.5671 10.8935C75.7196 11.291 75.7958 11.7647 75.7958 12.3146V12.7679H70.6543V11.7715H74.3787C74.376 11.4883 74.3147 11.2365 74.1949 11.016C74.0751 10.7927 73.9077 10.6171 73.6926 10.4892C73.4803 10.3612 73.2325 10.2972 72.9494 10.2972C72.6472 10.2972 72.3817 10.3707 72.153 10.5178C71.9243 10.662 71.746 10.8526 71.6181 11.0895C71.4928 11.3236 71.4288 11.5809 71.4261 11.8613V12.7312C71.4261 13.096 71.4928 13.4091 71.6262 13.6705C71.7596 13.9291 71.9461 14.1278 72.1857 14.2667C72.4253 14.4028 72.7057 14.4709 73.027 14.4709C73.242 14.4709 73.4367 14.4409 73.611 14.381C73.7852 14.3184 73.9363 14.2272 74.0643 14.1074C74.1922 13.9876 74.2889 13.8393 74.3542 13.6623L75.7345 13.8175C75.6474 14.1823 75.4813 14.5008 75.2363 14.7731C74.994 15.0426 74.6836 15.2522 74.3052 15.402C73.9268 15.549 73.4939 15.6225 73.0065 15.6225ZM77.0465 15.5V9.22727H78.4799V10.2727H78.5452C78.6596 9.91063 78.8556 9.63157 79.1333 9.43555C79.4137 9.2368 79.7336 9.13743 80.093 9.13743C80.1747 9.13743 80.2659 9.14151 80.3666 9.14968C80.47 9.15512 80.5558 9.16465 80.6239 9.17827V10.5382C80.5613 10.5164 80.4619 10.4973 80.3258 10.481C80.1924 10.4619 80.063 10.4524 79.9378 10.4524C79.6683 10.4524 79.426 10.5109 79.2109 10.628C78.9985 10.7424 78.8311 10.9016 78.7086 11.1058C78.5861 11.31 78.5248 11.5455 78.5248 11.8123V15.5
1H77.0465Z" fill="#0055FF" class="dark:fill-muted-foreground"></path><defs><linearGradient id="paint0_linear_28643_134824" x1="38" y1="1.11501" x2="18.45" y2="21.885" gradientUnits="userSpaceOnUse"><stop stop-color="#0055FF"></stop><stop offset="1" stop-color="#0099FF"></stop></linearGradient></defs></svg><span class="sr-only">All Framer</span></a><a target="_blank" rel="noopener noreferrer" href="https://pixinvent.com"><svg width="2.93103em" height="1em" viewBox="0 0 85 29" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[1.75rem]"><g clip-path="url(#clip0_15217_40368)"><mask id="mask0_15217_40368" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="85" height="29"><path d="M84.0879 0.5H0.0878906V28.5H84.0879V0.5Z" fill="white"></path></mask><g mask="url(#mask0_15217_40368)"><path d="M7.00805 4.72128C5.37965 4.72128 3.81794 5.36699 2.66649 6.51637C1.51504 7.66575 0.868164 9.22465 0.868164 10.8501L0.894242 11.4146C0.969834 12.2531 1.21895 13.0668 1.62583 13.8042C1.63038 13.8464 3.93826 17.9818 3.93826 20.5665L4.01665 21.3312C4.14189 21.8416 4.40253 22.1007 4.79099 22.1007H9.22404C9.61402 22.1007 9.87421 21.8416 9.99899 21.3312L10.0774 20.5665C10.0774 17.9815 12.3853 13.8456 12.4089 13.8042C12.8015 13.0622 13.0437 12.2502 13.1216 11.4146L13.1479 10.8501M7.00805 25.4477C6.66113 25.4477 6.3191 25.366 6.00974 25.2093C5.70038 25.0525 5.43244 24.8252 5.22767 24.5456H8.78782C8.58319 24.8252 8.31534 25.0525 8.00609 25.2092C7.69683 25.366 7.35489 25.4477 7.00805 25.4477Z" stroke="url(#paint0_linear_15217_40368)" class="dark:stroke-muted-foreground" stroke-width="1.29964" stroke-linejoin="round"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M9.96484 4.39923H13.8313V8.19361H9.96484V4.39923Z" fill="#FF9B59" class="dark:fill-muted-foreground"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M15.2129 3.38559H17.8491V5.97264H15.2129V3.38559Z" fill="#FFC44D" class="dark:fill-muted-foreground"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13.8311 0.626221H15.4128V2.17848H13.8311V0.626221Z" fill="#FDE99F" class="dark:fill-muted-foreground"></path><path d="M21.1293 11.1481C21.8654 11.1481 22.5043 11.2692 23.0464 11.5113C23.5963 11.7536 24.0171 12.1008 24.3082 12.5529C24.5995 13.0052 24.745 13.5421 24.745 14.1639C24.745 14.7775 24.5995 15.3145 24.3082 15.7747C24.0171 16.2268 23.5963 16.574 23.0464 16.8163C22.5043 17.0584 21.8654 17.1797 21.1293 17.1797H19.2121V19.6263H17.6348V11.1481H21.1293ZM21.0565 15.8473C21.7439 15.8473 22.2657 15.702 22.6217 15.4113C22.9776 15.1207 23.1556 14.7048 23.1556 14.1639C23.1556 13.6228 22.9776 13.2071 22.6217 12.9163C22.2657 12.6257 21.7439 12.4803 21.0565 12.4803H19.2121V15.8473H21.0565ZM26.3203 11.1481H27.8976V19.6263H26.3203V11.1481ZM35.5459 19.6263L33.2406 16.4045L30.9594 19.6263H29.1635L32.3184 15.3024L29.3335 11.1481H31.1171L33.2891 14.1639L35.4367 11.1481H37.1475L34.1747 15.2418L37.366 19.6263H35.5459Z" fill="black" class="dark:fill-muted-foreground"></path><path d="M38.8496 11.1481H39.7475V19.6263H38.8496V11.1481ZM49.6093 11.1481V19.6263H48.8691L43.409 12.7468V19.6263H42.511V11.1481H43.2513L48.7236 18.0274V11.1481H49.6093ZM59.3485 11.1481L55.5871 19.6263H54.7013L50.9398 11.1481H51.9105L55.1624 18.5119L58.4384 11.1481H59.3485ZM66.5874 18.8511V19.6263H60.5812V11.1481H66.4054V11.9231H61.4791V14.939H65.8715V15.702H61.4791V18.8511H66.5874ZM75.7961 11.1481V19.6263H75.056L69.5959 12.7468V19.6263H68.698V11.1481H69.438L74.9103 18.0274V11.1481H75.7961ZM80.2185 11.9231H77.2337V11.1481H84.1013V11.9231H81.1165V19.6263H80.2185V11.9231Z" fill="#484848" class="dark:fill-muted-foreground"></path></g></g><defs><linearGradient id="paint0_linear_15217_40368" x1="7.00805" y1="4.72128" x2="7.00805" y2="25.4477" gradientUnits="userSpaceOnUse"><stop stop-color="#FAE384"></stop><stop offset="1" stop-color="#E1475E"></stop></linearGradient><clipPath id="clip0_15217_40368"><rect width="84" height="28" fill="white" transform="translate(0.0878906 0.5)"></rect></clipPath></defs></svg><span class="sr-only">PixInvent</span></a><a target="_blank" rel="noopener noreferrer" href="https://themeselection.com/item/category/saas-boilerplate/"><svg width="3.24138em" height="1em" viewBox="0 0 94 29" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[1.75rem]"><path d="M11.2764 3.935C10.8449 4.35972 10.3599 4.88572 9.97949 5.3764C5.14504 6.0701 1.42995 10.228 1.42969 15.2543L1.44238 15.768C1.70964 21.0415 6.07022 25.2348 11.4102 25.2348L11.9238 25.2221C17.0269 24.9631 21.1193 20.8712 21.3779 15.768L21.3906 15.2543C21.3906 14.0414 21.1726 12.8795 20.7764 11.8041C21.0244 11.3168 21.307 10.727 21.5332 10.186C22.2983 11.7112 22.7323 13.4317 22.7324 15.2543C22.7324 21.5074 17.6631 26.5772 11.4102 26.5776C5.15687 26.5776 0.0878906 21.5076 0.0878906 15.2543C0.0881719 9.04579 5.08469 4.00644 11.2764 3.935ZM15.7578 4.79926C16.4481 5.08667 17.1046 5.43884 17.7178 5.85101C17.0789 5.49727 16.414 5.14089 15.7578 4.79926Z" fill="url(#paint0_linear_15217_40489)" class="dark:fill-muted-foreground"></path><mask id="mask0_15217_40489" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="5" width="21" height="21"><ellipse cx="9.98064" cy="9.98065" rx="9.98064" ry="9.98065" transform="matrix(-1 0 0 1 21.3906 5.27417)" fill="#3F404D"></ellipse></mask><g mask="url(#mask0_15217_40489)"><path d="M1.86546 19.9045C3.38626 20.8399 5.93823 20.8728 7.60729 18.1693C7.70837 18.0056 7.92312 17.9485 8.08583 18.0512C8.65876 18.4129 9.61662 19.0258 10.5065 19.6203C10.6353 19.7064 10.6879 19.8699 10.6328 20.0148C9.7516 22.3305 8.89747 23.9619 11.3969 25.9063C7.89663 25.4521 4.37227 23.1958 1.86546 19.9045Z" fill="#794DFF" class="dark:fill-muted-foreground"></path></g><path d="M18.7119 2.73786C18.8879 2.73357 19.0911 2.85844 19.1684 3.01665C19.6034 3.92858 19.7854 4.67709 19.9649 5.42619C20.7028 8.50615 19.4995 10.7479 17.6634 12.6489L18.408 15.7569C18.5251 16.2455 18.3082 16.9049 17.9251 17.2255L15.3388 19.4071C15.2483 19.4762 15.1473 19.528 15.035 19.5588C14.6403 19.6534 14.2432 19.4093 14.1549 19.0407L13.4119 15.9398L12.8961 16.7449C12.3211 17.6841 12.2892 17.5234 11.5481 17.0678C11.5481 17.0678 10.5949 16.4819 9.66897 15.9127C8.74301 15.3435 8.88849 15.3086 9.18575 14.8231L9.85481 13.7301L6.76685 14.499C6.37214 14.5936 5.97503 14.3495 5.88673 13.9809C5.86364 13.8681 5.86423 13.7555 5.88476 13.644L6.64996 10.3456C6.76512 9.85664 7.24969 9.36469 7.73764 9.24779L10.8502 8.50004C11.7096 6.00621 13.1706 3.93313 16.227 3.20086C16.9588 2.93698 17.7047 2.75827 18.7119 2.73786Z" fill="#794DFF" class="dark:fill-muted-foreground"></path><circle cx="16.5255" cy="7.05168" r="1.34194" fill="white"></circle><path d="M34.5944 7.67091H36.8997V16.6914C36.8955 17.5182 36.7201 18.2303 36.3735 18.8275C36.0268 19.4205 35.5424 19.8778 34.9202 20.1993C34.3021 20.5167 33.5817 20.6754 32.759 20.6754C32.0073 20.6754 31.3308 20.5418 30.7294 20.2745C30.1322 20.003 29.6582 19.6021 29.3074 19.0718C28.9566 18.5414 28.7812 17.8816 28.7812 17.0923H31.0927C31.0969 17.4389 31.1721 17.7375 31.3182 17.9881C31.4686 18.2386 31.6753 18.4307 31.9384 18.5644C32.2015 18.698 32.5043 18.7648 32.8467 18.7648C33.2184 18.7648 33.5337 18.6876 33.7926 18.533C34.0515 18.3743 34.2478 18.1405 34.3814 17.8314C34.5193 17.5224 34.5902 17.1424 34.5944 16.6914V7.67091ZM43.5804 20.6879C42.6157 20.6879 41.7826 20.4875 41.081 20.0866C40.3836 19.6815 39.847 19.1093 39.4711 18.3702C39.0953 17.6268 38.9073 16.7519 38.9073 15.7455C38.9073 14.7557 39.0953 13.8871 39.4711 13.1396C39.8511 12.3879 40.3815 11.8032 41.0622 11.3856C41.7429 10.9638 42.5427 10.7529 43.4614 10.7529C44.0544 10.7529 44.614 10.8489 45.1402 11.0411C45.6706 11.229 46.1383 11.5213 46.5434 11.918C46.9527 12.3148 47.2742 12.8201 47.5081 13.434C47.7419 14.0437 47.8589 14.7703 47.8589 15.6139V16.3092H39.9722V14.7808H45.6852C45.681 14.3465 45.5871 13.9602 45.4033 13.6219C45.2196 13.2795 44.9627 13.0101 44.6328 12.8138C44.3071 12.6175 43.927 12.5194 43.4927 12.5194C43.0292 12.5194 42.622 12.6322 42.2712 12.85
177C41.9204 13.079 41.6469 13.3713 41.4506 13.7347C41.2585 14.0938 41.1604 14.4885 41.1562 14.9186V16.2529C41.1562 16.8125 41.2585 17.2927 41.4631 17.6936C41.6678 18.0904 41.9538 18.3952 42.3213 18.6082C42.6888 18.817 43.119 18.9214 43.6117 18.9214C43.9417 18.9214 44.2403 18.8755 44.5075 18.7836C44.7748 18.6876 45.0066 18.5477 45.2029 18.3639C45.3991 18.1802 45.5474 17.9526 45.6476 17.6811L47.7649 17.9191C47.6313 18.4787 47.3765 18.9674 47.0007 19.385C46.629 19.7984 46.1529 20.12 45.5724 20.3497C44.992 20.5752 44.328 20.6879 43.5804 20.6879ZM54.5819 10.8782V12.6322H49.0506V10.8782H54.5819ZM50.4162 8.57295H52.6839V17.6059C52.6839 17.9108 52.7298 18.1447 52.8217 18.3075C52.9177 18.4662 53.043 18.5748 53.1975 18.6333C53.3521 18.6917 53.5233 18.721 53.7112 18.721C53.8532 18.721 53.9827 18.7105 54.0996 18.6896C54.2207 18.6688 54.3126 18.65 54.3752 18.6333L54.7573 20.406C54.6362 20.4478 54.4629 20.4937 54.2374 20.5438C54.0161 20.594 53.7446 20.6232 53.4231 20.6315C52.8551 20.6483 52.3435 20.5626 51.8883 20.3747C51.4331 20.1826 51.0719 19.8861 50.8046 19.4852C50.5415 19.0843 50.4121 18.5832 50.4162 17.9818V8.57295ZM63.5507 11.1977C63.4922 10.6506 63.2459 10.2246 62.8115 9.91976C62.3814 9.6149 61.8218 9.46247 61.1327 9.46247C60.6483 9.46247 60.2328 9.53555 59.8861 9.68172C59.5395 9.82788 59.2743 10.0262 59.0906 10.2768C58.9068 10.5274 58.8129 10.8135 58.8087 11.135C58.8087 11.4023 58.8693 11.6341 58.9904 11.8303C59.1157 12.0266 59.2848 12.1937 59.4978 12.3315C59.7108 12.4651 59.9467 12.5779 60.2056 12.6697C60.4645 12.7616 60.7256 12.8389 60.9886 12.9015L62.1914 13.2022C62.6758 13.315 63.1414 13.4674 63.5883 13.6595C64.0393 13.8516 64.4423 14.0938 64.7973 14.3861C65.1564 14.6785 65.4404 15.0313 65.6492 15.4448C65.858 15.8582 65.9624 16.3427 65.9624 16.8981C65.9624 17.6498 65.7703 18.3117 65.3861 18.8838C65.0019 19.4518 64.4465 19.8965 63.7198 20.2181C62.9974 20.5355 62.1225 20.6942 61.0951 20.6942C60.097 20.6942 59.2305 20.5397 58.4955 20.2306C57.7647 19.9216 57.1925 19.4706 56.7791 18.8776C56.3698 18.2846 56.1485 17.5621 56.1151 16.7102H58.4015C58.4349 17.157 58.5728 17.5287 58.815 17.8252C59.0572 18.1217 59.3725 18.343 59.7609 18.4892C60.1534 18.6354 60.5919 18.7084 61.0763 18.7084C61.5817 18.7084 62.0243 18.6333 62.4044 18.4829C62.7886 18.3284 63.0892 18.1154 63.3064 17.844C63.5236 17.5684 63.6342 17.2468 63.6384 16.8793C63.6342 16.5452 63.5361 16.2696 63.344 16.0524C63.1519 15.8311 62.8825 15.6473 62.5359 15.5012C62.1935 15.3508 61.7926 15.2172 61.3332 15.1003L59.8736 14.7244C58.8171 14.453 57.9818 14.0416 57.3679 13.4904C56.7582 12.9349 56.4534 12.1978 56.4534 11.2791C56.4534 10.5232 56.658 9.86129 57.0673 9.29334C57.4807 8.72538 58.0424 8.2848 58.7523 7.97159C59.4623 7.6542 60.2662 7.49551 61.164 7.49551C62.0744 7.49551 62.8721 7.6542 63.557 7.97159C64.246 8.2848 64.7868 8.72121 65.1794 9.28081C65.572 9.83624 65.7745 10.4752 65.787 11.1977H63.5507ZM70.2017 14.8622V20.5H67.9341V7.67091H70.1516V12.5131H70.2644C70.4899 11.9702 70.8386 11.5422 71.3105 11.229C71.7866 10.9116 72.3921 10.7529 73.1271 10.7529C73.7953 10.7529 74.3779 10.8928 74.8748 11.1726C75.3718 11.4524 75.756 11.8617 76.0274 12.4004C76.3031 12.9391 76.4409 13.5968 76.4409 14.3736V20.5H74.1732V14.7244C74.1732 14.0771 74.0062 13.5739 73.6721 13.2147C73.3422 12.8514 72.8786 12.6697 72.2814 12.6697C71.8805 12.6697 71.5214 12.7574 71.204 12.9328C70.8908 13.1041 70.6444 13.3525 70.4648 13.6783C70.2894 14.004 70.2017 14.3987 70.2017 14.8622ZM78.7524 20.5V10.8782H81.02V20.5H78.7524ZM79.8925 9.51259C79.5333 9.51259 79.2243 9.39357 78.9654 9.15553C78.7064 8.91331 78.577 8.62307 78.577 8.2848C78.577 7.94236 78.7064 7.65212 78.9654 7.41408C79.2243 7.17186 79.5333 7.05075 79.8925 7.05075C80.2558 7.05075 80.5648 7.17186 80.8196 7.41408C81.0785 7.65212 81.2079 7.94236 81.2079 8.2848C81.2079 8.62307 81.0785 8.91331 80.8196 9.15553C80.5648 9.39357 80.2558 9.51259 79.8925 9.51259ZM83.3519 24.1082V10.8782H85.5819V12.4693H85.7135C85.8304 12.2354 85.9954 11.9869 86.2083 11.7238C86.4213 11.4566 86.7095 11.229 87.0728 11.0411C87.4361 10.8489 87.8997 10.7529 88.4635 10.7529C89.2068 10.7529 89.8771 10.9429 90.4743 11.3229C91.0756 11.6988 91.5517 12.2563 91.9025 12.9955C92.2575 13.7305 92.435 14.6325 92.435 15.7016C92.435 16.7582 92.2616 17.6561 91.915 18.3952C91.5684 19.1344 91.0965 19.6982 90.4993 20.0866C89.9021 20.4749 89.2256 20.6691 88.4697 20.6691C87.9185 20.6691 87.4612 20.5773 87.0979 20.3935C86.7345 20.2098 86.4422 19.9884 86.2209 19.7295C86.0037 19.4664 85.8346 19.2179 85.7135 18.9841H85.6195V24.1082H83.3519ZM85.5757 15.6891C85.5757 16.3113 85.6634 16.8563 85.8387 17.324C86.0183 17.7918 86.2752 18.1572 86.6092 18.4203C86.9475 18.6792 87.3568 18.8087 87.837 18.8087C88.3382 18.8087 88.7579 18.675 89.0961 18.4078C89.4344 18.1363 89.6891 17.7667 89.8604 17.299C90.0358 16.8271 90.1235 16.2905 90.1235 15.6891C90.1235 15.0919 90.0379 14.5615 89.8666 14.098C89.6954 13.6344 89.4407 13.2711 89.1024 13.008C88.7641 12.7449 88.3423 12.6134 87.837 12.6134C87.3526 12.6134 86.9412 12.7407 86.603 12.9955C86.2647 13.2502 86.0079 13.6073 85.8325 14.0667C85.
16613 14.526 85.5757 15.0668 85.5757 15.6891Z" fill="#3F404D" class="dark:fill-muted-foreground"></path><defs><linearGradient id="paint0_linear_15217_40489" x1="14.8488" y1="9.46906" x2="6.12712" y2="24.565" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0"></stop><stop offset="0.563954" stop-color="#794DFF" stop-opacity="0.3"></stop><stop offset="0.879734" stop-color="#794DFF"></stop></linearGradient></defs></svg><span class="sr-only">JetShip</span></a></div></div></div><div class="w-full border-t border-dashed"><div class="text-muted-foreground mx-auto flex w-full max-w-350 items-center justify-between gap-5 border-dashed px-4 py-6 text-center max-lg:flex-col min-[1400px]:border-x min-[1800px]:max-w-384 sm:px-6 lg:px-8"><p>©2026<!-- --> <a class="text-foreground font-medium" href="/">shadcn/studio</a>, Supported by<!-- --> <a target="_blank" class="text-foreground font-medium" href="https://themeselection.com/">ThemeSelection</a></p><div class="flex flex-wrap items-center justify-center gap-4"><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/footer-logo/gdpr.png?height=24&format=auto" alt="GDPR Compliant" loading="lazy" class="aspect-3/1 h-6 w-auto"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/footer-logo/secure.png?height=24&format=auto" alt="100% Secure" loading="lazy" class="aspect-13/4 h-6 w-auto"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/footer-logo/stripe.png?height=24&format=auto" alt="Stripe" loading="lazy" class="aspect-29/12 h-6 w-auto"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/footer-logo/polar.png?height=24&format=auto" alt="polar" loading="lazy" class="aspect-73/24 h-6 w-auto dark:hidden"/><img src="https://cdn.shadcnstudio.com/ss-assets/landing-page/footer-logo/polar-dark.png?height=24&format=auto" alt="polar" loading="lazy" class="hidden aspect-73/24 h-6 w-auto dark:inline-flex"/></div></div></div></footer></div><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section>
1<script src="/_next/static/chunks/webpack-5ea7c23e2f50fba9.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[315013,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"13720\",\"static/chunks/13720-cca1d03560a65327.js\",\"6633\",\"static/chunks/6633-d2ac46f665aa25ac.js\",\"8768\",\"static/chunks/8768-4c017adcaf9b8538.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"7177\",\"static/chunks/app/layout-a6da6a44555ea45c.js\"],\"\"]\n"])</script>
1<script>self.__next_f.push([1,"3:I[35777,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"43280\",\"static/chunks/43280-e251c444000fa096.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"73384\",\"static/chunks/73384-e2f14b08da94964e.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"52285\",\"static/chunks/52285-0df21aebe4a74a07.js\",\"49299\",\"static/chunks/49299-5b7ce3a57185f3d6.js\",\"55117\",\"static/chunks/55117-3b317ae9a22154e9.js\",\"12075\",\"static/chunks/12075-4c9680bfe56d2bc0.js\",\"78081\",\"static/chunks/78081-90043cbd425aaf13.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"84478\",\"static/chunks/app/(front)/pricing/page-bf756ac055eae8bd.js\"],\"PreloadChunks\"]\n"])</script>
1<script>self.__next_f.push([1,"4:I[410126,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"13720\",\"static/chunks/13720-cca1d03560a65327.js\",\"6633\",\"static/chunks/6633-d2ac46f665aa25ac.js\",\"8768\",\"static/chunks/8768-4c017adcaf9b8538.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"7177\",\"static/chunks/app/layout-a6da6a44555ea45c.js\"],\"default\"]\n5:I[414455,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"13720\",\"static/chunks/13720-cca1d03560a65327.js\",\"6633\",\"static/chunks/6633-d2ac46f665aa25ac.js\",\"8768\",\"static/chunks/8768-4c017adcaf9b8538.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"7177\",\"static/chunks/app/layout-a6da6a44555ea45c.js\"],\"default\"]\n6:I[792808,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"13720\",\"static/chunks/13720-cca1d03560a65327.js\",\"6633\",\"static/chunks/6633-d2ac46f665aa25ac.js\",\"8768\",\"static/chunks/8768-4c017adcaf9b8538.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"7177\",\"static/chunks/app/layout-a6da6a44555ea45c.js\"],\"CoreSettingsProvider\"]\n7:I[902241,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"13720\",\"static/c"])</script>
1<script>self.__next_f.push([1,"hunks/13720-cca1d03560a65327.js\",\"6633\",\"static/chunks/6633-d2ac46f665aa25ac.js\",\"8768\",\"static/chunks/8768-4c017adcaf9b8538.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"7177\",\"static/chunks/app/layout-a6da6a44555ea45c.js\"],\"default\"]\n"])</script>
1<script>self.__next_f.push([1,"8:I[266159,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"43280\",\"static/chunks/43280-e251c444000fa096.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"73384\",\"static/chunks/73384-e2f14b08da94964e.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"52285\",\"static/chunks/52285-0df21aebe4a74a07.js\",\"49299\",\"static/chunks/49299-5b7ce3a57185f3d6.js\",\"55117\",\"static/chunks/55117-3b317ae9a22154e9.js\",\"12075\",\"static/chunks/12075-4c9680bfe56d2bc0.js\",\"78081\",\"static/chunks/78081-90043cbd425aaf13.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"84478\",\"static/chunks/app/(front)/pricing/page-bf756ac055eae8bd.js\"],\"ProgressBar\"]\n"])</script>
1<script>self.__next_f.push([1,"9:I[73669,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"13720\",\"static/chunks/13720-cca1d03560a65327.js\",\"6633\",\"static/chunks/6633-d2ac46f665aa25ac.js\",\"8768\",\"static/chunks/8768-4c017adcaf9b8538.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"7177\",\"static/chunks/app/layout-a6da6a44555ea45c.js\"],\"TooltipProvider\"]\na:I[414455,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"13720\",\"static/chunks/13720-cca1d03560a65327.js\",\"6633\",\"static/chunks/6633-d2ac46f665aa25ac.js\",\"8768\",\"static/chunks/8768-4c017adcaf9b8538.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"7177\",\"static/chunks/app/layout-a6da6a44555ea45c.js\"],\"ThemeHotkey\"]\nb:I[495701,[],\"\"]\nc:I[464113,[],\"\"]\n78:I[219767,[],\"\"]\n:HL[\"/_next/static/media/22a5144ee8d83bca-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/59086a93cebe8094-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/7d4881bb7e1bf84d-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/8d3438aba4d874a4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/bf273aca3d6b346f-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/80fe29023b610251.css\",\"style\"]\n:HL[\"/_next/static/css/676183c66d98b939.css\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"C6xXC5j3obqDnvAMqdaHV\",\"p\":\"\",\"c\":[\"\",\"pricing\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"(front)\",{\"children\":[\"pricing\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/80fe29023b610251.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/676183c66d98b939.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"className\":\"__variable_246ccd __variable_c29908 __variable_2ad349 flex min-h-full w-full scroll-smooth antialiased\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"try{var d=document.documentElement,k=document.cookie;if(k.split(';').some(function(c){c=c.trim();return c.indexOf('sb-')===0\u0026\u0026c.indexOf('-auth-token')\u003e-1}))d.setAttribute('data-auth','');var m=k.match(/(?:^|; )shadcn-studio-settings=([^;]*)/);if(m){var t=JSON.parse(decodeURIComponent(m[1])).notificationBanner;if(t\u0026\u0026Date.now()-t\u003c=86400000)d.setAttribute('data-banner-dismissed','')}}catch(e){}\"}}],[\"$\",\"$L2\",null,{\"strategy\":\"afterInteractive\",\"defer\":true,\"data-website-id\":\"dfid_4Sjc2Qs22lGjaTOwQShIm\",\"data-domain\":\"shadcnstudio.com\",\"data-api-url\":\"https://df.shadcnstudio.com/api/events\",\"src\":\"https://df.shadcnstudio.com/js/script.
1js\"}],[\"$\",\"$L2\",null,{\"async\":true,\"defer\":true,\"src\":\"https://cdn.affonso.io/js/pixel.min.js\",\"data-affonso\":\"cmkz4mu4k000czfue2308009i\",\"data-cookie_duration\":\"30\",\"strategy\":\"afterInteractive\"}]]}],[[\"$\",\"$L3\",null,{\"moduleIds\":[\"app/layout.tsx -\u003e @/components/IntercomProvider\"]}],[\"$\",\"$L4\",null,{}]],[\"$\",\"body\",null,{\"className\":\"style-vega flex min-h-full w-full flex-auto flex-col\",\"children\":[\"$\",\"$L5\",null,{\"attribute\":\"class\",\"defaultTheme\":\"light\",\"enableSystem\":true,\"disableTransitionOnChange\":true,\"children\":[\"$\",\"$L6\",null,{\"children\":[[\"$\",\"$L7\",null,{\"children\":[\"$\",\"$L8\",null,{\"className\":\"bg-primary fixed top-0 right-0 left-0 z-51 h-0.75\",\"children\":[\"$\",\"$L9\",null,{\"delayDuration\":0,\"children\":[[\"$\",\"$La\",null,{}],[\"$\",\"$Lb\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lc\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"flex h-screen w-screen flex-col items-center justify-center gap-9 p-6\",\"children\":[[\"$\",\"svg\",null,{\"width\":\"1.21325em\",\"height\":\"1em\",\"viewBox\":\"0 0 586 483\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"h-auto w-full sm:h-120 sm:w-146\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M207.891 275.994H145.943C144.721 275.994 143.729 275.003 143.729 273.782C143.729 272.559 144.721 271.57 145.943 271.57H207.891C209.113 271.57 210.104 272.559 210.104 273.782C210.104 275.003 209.113 275.994 207.891 275.994Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.5\"}],[\"$\",\"path\",null,{\"d\":\"M138 275.994C134.043 275.994 130.821 272.775 130.819 268.819L130.813 262.514C130.812 261.291 131.803 260.301 133.025 260.299C134.247 260.299 135.237 261.289 135.239 262.51L135.244 268.815C135.245 270.334 136.481 271.57 138 271.57C139.223 271.57 140.213 272.559 140.213 273.782C140.213 275.003 139.223 275.994 138 275.994Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.4\"}],[\"$\",\"path\",null,{\"d\":\"M135.512 255.3C135.226 255.3 134.934 255.244 134.652 255.125C133.527 254.651 132.999 253.353 133.475 252.227L161.388 186.077C161.864 184.951 163.162 184.423 164.288 184.899C165.414 185.375 165.94 186.672 165.466 187.799L137.551 253.948C137.195 254.792 136.375 255.3 135.512 255.3Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.1\"}],[\"$\",\"path\",null,{\"d\":\"M193.483 200.724C192.261 200.724 191.271 199.735 191.271 198.514L191.227 138.55C191.227 137.911 190.977 137.311 190.527 136.862C190.076 136.411 189.476 136.163 188.839 136.163H188.837C187.875 136.164 187.012 136.736 186.64 137.622L170.917 174.879C170.443 176.004 169.144 176.531 168.019 176.058C166.893 175.583 166.365 174.284 166.841 173.158L182.563 135.902C183.628 133.374 186.091 131.739 188.835 131.738H188.839C190.656 131.738 192.367 132.446 193.652 133.73C194.94 135.015 195.651 136.726 195.652 138.546L195.696 198.51C195.696 199.732 194.704 200.723 193.483 200.724Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.5\"}],\"$Ld\",\"$Le\",\"$Lf\",\"$L10\",\"$L11\",\"$L12\",\"$L13\",\"$L14\",\"$L15\",\"$L16\",\"$L17\",\"$L18\",\"$L19\",\"$L1a\",\"$L1b\",\"$L1c\",\"$L1d\",\"$L1e\",\"$L1f\",\"$L20\",\"$L21\",\"$L22\",\"$L23\",\"$L24\",\"$L25\",\"$L26\",\"$L27\",\"$L28\",\"$L29\",\"$L2a\",\"$L2b\",\"$L2c\",\"$L2d\",\"$L2e\",\"$L2f\",\"$L30\",\"$L31\",\"$L32\",\"$L33\",\"$L34\",\"$L35\",\"$L36\",\"$L37\",\"$L38\",\"$L39\",\"$L3a\",\"$L3b\",\"$L3c\",\"$L3d\",\"$L3e\",\"$L3f\",\"$L40\",\"$L41\",\"$L42\",\"$L43\",\"$L44\",\"$L45\",\"$L46\",\"$L47\",\"$L48\",\"$L49\",\"$L4a\",\"$L4b\",\"$L4c\",\"$L4d\",\"$L4e\",\"$L4f\",\"$L50\",\"$L51\",\"$L52\",\"$L53\",\"$L54\",\"$L55\",\"$L56\",\"$L57\",\"$L58\",\"$L59\",\"$L5a\",\"$L5b\",\"$L5c\",\"$L5d\",\"$L5e\",\"$L5f\",\"$L60\",\"$L61\",\"$L62\",\"$L63\",\"$L64\",\"$L65\",\"$L66\",\"$L67\",\"$L68\",\"$L69\",\"$L6a\",\"$L6b\",\"$L6c\",\"$L6d\",\"$L6e\",\"$L6f\",\"$L70\",\"$L71\"]}],\"$L72\"]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]}]}],\"$L73\"]}]}]}]]}]]}],{\"children\":[\"(front)\",\"$L74\",{\"children\":[\"pricing\",\"$L75\",{\"children\":[\"__PAGE__\",\"$L76\",{}
1,null,false]},null,false]},null,false]},null,false],\"$L77\",false]],\"m\":\"$undefined\",\"G\":[\"$78\",[]],\"s\":false,\"S\":true}\n"])</script>
1<script>self.__next_f.push([1,"7d:I[266159,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"43280\",\"static/chunks/43280-e251c444000fa096.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"73384\",\"static/chunks/73384-e2f14b08da94964e.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"52285\",\"static/chunks/52285-0df21aebe4a74a07.js\",\"49299\",\"static/chunks/49299-5b7ce3a57185f3d6.js\",\"55117\",\"static/chunks/55117-3b317ae9a22154e9.js\",\"12075\",\"static/chunks/12075-4c9680bfe56d2bc0.js\",\"78081\",\"static/chunks/78081-90043cbd425aaf13.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"84478\",\"static/chunks/app/(front)/pricing/page-bf756ac055eae8bd.js\"],\"ProgressBarLink\"]\n"])</script>
1<script>self.__next_f.push([1,"7e:I[927700,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"13720\",\"static/chunks/13720-cca1d03560a65327.js\",\"6633\",\"static/chunks/6633-d2ac46f665aa25ac.js\",\"8768\",\"static/chunks/8768-4c017adcaf9b8538.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"7177\",\"static/chunks/app/layout-a6da6a44555ea45c.js\"],\"default\"]\n"])</script>
1<script>self.__next_f.push([1,"7f:I[352125,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"92831\",\"static/chunks/92831-c2e7529c61e73e1b.js\",\"55117\",\"static/chunks/55117-3b317ae9a22154e9.js\",\"62281\",\"static/chunks/62281-5f426aef4556c73e.js\",\"84539\",\"static/chunks/84539-a81833724dad3b92.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"81822\",\"static/chunks/81822-35c780227d9faa98.js\",\"31775\",\"static/chunks/31775-a17de6801361b780.js\",\"96373\",\"static/chunks/96373-1af84c40bc0e816c.js\",\"33415\",\"static/chunks/app/(pages-themed)/layout-a1f2ff3e3002f512.js\"],\"default\"]\n"])</script>
1<script>self.__next_f.push([1,"81:I[444155,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"43280\",\"static/chunks/43280-e251c444000fa096.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"73384\",\"static/chunks/73384-e2f14b08da94964e.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"52285\",\"static/chunks/52285-0df21aebe4a74a07.js\",\"49299\",\"static/chunks/49299-5b7ce3a57185f3d6.js\",\"55117\",\"static/chunks/55117-3b317ae9a22154e9.js\",\"12075\",\"static/chunks/12075-4c9680bfe56d2bc0.js\",\"78081\",\"static/chunks/78081-90043cbd425aaf13.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"84478\",\"static/chunks/app/(front)/pricing/page-bf756ac055eae8bd.js\"],\"Avatar\"]\n"])</script>
1<script>self.__next_f.push([1,"82:I[444155,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"43280\",\"static/chunks/43280-e251c444000fa096.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"73384\",\"static/chunks/73384-e2f14b08da94964e.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"52285\",\"static/chunks/52285-0df21aebe4a74a07.js\",\"49299\",\"static/chunks/49299-5b7ce3a57185f3d6.js\",\"55117\",\"static/chunks/55117-3b317ae9a22154e9.js\",\"12075\",\"static/chunks/12075-4c9680bfe56d2bc0.js\",\"78081\",\"static/chunks/78081-90043cbd425aaf13.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"84478\",\"static/chunks/app/(front)/pricing/page-bf756ac055eae8bd.js\"],\"AvatarImage\"]\n"])</script>
1<script>self.__next_f.push([1,"83:I[444155,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"43280\",\"static/chunks/43280-e251c444000fa096.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"73384\",\"static/chunks/73384-e2f14b08da94964e.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"52285\",\"static/chunks/52285-0df21aebe4a74a07.js\",\"49299\",\"static/chunks/49299-5b7ce3a57185f3d6.js\",\"55117\",\"static/chunks/55117-3b317ae9a22154e9.js\",\"12075\",\"static/chunks/12075-4c9680bfe56d2bc0.js\",\"78081\",\"static/chunks/78081-90043cbd425aaf13.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"84478\",\"static/chunks/app/(front)/pricing/page-bf756ac055eae8bd.js\"],\"AvatarFallback\"]\n"])</script>
1<script>self.__next_f.push([1,"84:I[767432,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"43280\",\"static/chunks/43280-e251c444000fa096.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"73384\",\"static/chunks/73384-e2f14b08da94964e.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"52285\",\"static/chunks/52285-0df21aebe4a74a07.js\",\"49299\",\"static/chunks/49299-5b7ce3a57185f3d6.js\",\"55117\",\"static/chunks/55117-3b317ae9a22154e9.js\",\"12075\",\"static/chunks/12075-4c9680bfe56d2bc0.js\",\"78081\",\"static/chunks/78081-90043cbd425aaf13.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"84478\",\"static/chunks/app/(front)/pricing/page-bf756ac055eae8bd.js\"],\"\"]\n"])</script>
1<script>self.__next_f.push([1,"96:I[460744,[],\"ViewportBoundary\"]\n98:I[460744,[],\"MetadataBoundary\"]\n99:\"$Sreact.suspense\"\nd:[\"$\",\"path\",null,{\"d\":\"M193.526 260.989C192.304 260.989 191.314 259.999 191.314 258.778L191.278 211.335C191.276 210.113 192.267 209.122 193.488 209.121H193.491C194.711 209.121 195.702 210.11 195.703 211.331L195.738 258.774C195.739 259.997 194.75 260.989 193.527 260.989H193.526Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.6\"}]\n"])</script>
1<script>self.__next_f.push([1,"e:[\"$\",\"path\",null,{\"d\":\"M191.104 333.895C180.45 333.895 171.778 325.231 171.77 314.575L171.758 296.83L131.31 296.86H131.295C119.475 296.86 109.855 287.248 109.847 275.427C109.846 274.204 110.835 273.214 112.057 273.212H112.059C113.281 273.212 114.271 274.202 114.271 275.423C114.278 284.806 121.914 292.434 131.295 292.434H131.307L173.966 292.404H173.967C174.554 292.404 175.116 292.636 175.531 293.05C175.947 293.466 176.181 294.028 176.181 294.615L176.195 314.571C176.2 322.788 182.888 329.47 191.104 329.471H191.115L196.367 329.467C204.588 329.46 211.272 322.767 211.266 314.546L211.251 294.59C211.251 293.367 212.242 292.375 213.463 292.375H213.465C214.686 292.375 215.676 293.366 215.676 294.587L215.691 314.543C215.699 325.203 207.033 333.883 196.371 333.891L191.119 333.895H191.104Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.2\"}]\n"])</script>
1<script>self.__next_f.push([1,"f:[\"$\",\"path\",null,{\"d\":\"M228.639 282.92C227.417 282.92 226.428 281.931 226.427 280.71L226.409 261.81C226.407 257.682 223.047 254.326 218.92 254.326H218.915L213.435 254.33H213.433C212.847 254.33 212.284 254.096 211.869 253.682C211.455 253.267 211.221 252.704 211.221 252.116V243.01C211.221 241.788 212.212 240.798 213.433 240.798C214.656 240.798 215.645 241.788 215.645 243.01V249.902L218.912 249.9H218.92C225.487 249.9 230.831 255.239 230.835 261.807L230.852 280.706C230.853 281.928 229.863 282.919 228.641 282.92H228.639Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.5\"}]\n10:[\"$\",\"path\",null,{\"d\":\"M213.416 212.608C212.194 212.608 211.204 211.618 211.202 210.397L211.141 139.09C211.14 137.868 212.13 136.877 213.352 136.876H213.353C214.576 136.876 215.565 137.865 215.566 139.086L215.628 210.393C215.629 211.614 214.64 212.608 213.417 212.608H213.416Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.4\"}]\n11:[\"$\",\"path\",null,{\"d\":\"M213.339 132.149C212.116 132.149 211.127 131.158 211.
1127 129.936V120.657C211.124 118.22 209.14 116.237 206.701 116.237H206.699L176.973 116.26C175.192 116.26 173.592 117.321 172.9 118.964L169.015 128.169C168.54 129.294 167.243 129.822 166.116 129.346C164.991 128.872 164.463 127.574 164.939 126.448L168.823 117.242C170.208 113.96 173.407 111.836 176.971 111.834L206.695 111.813H206.701C211.579 111.813 215.548 115.778 215.552 120.656V129.936C215.552 131.158 214.561 132.149 213.339 132.149Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.5\"}]\n12:[\"$\",\"path\",null,{\"d\":\"M115.532 251.431C115.246 251.431 114.954 251.375 114.672 251.257C113.547 250.782 113.019 249.485 113.495 248.358L160.728 136.425C161.203 135.298 162.502 134.769 163.627 135.246C164.754 135.721 165.28 137.018 164.806 138.145L117.571 250.079C117.215 250.923 116.394 251.431 115.532 251.431Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.1\"}]\n"])</script>
1<script>self.__next_f.push([1,"13:[\"$\",\"path\",null,{\"d\":\"M211.557 283.526H200.201C198.98 283.526 197.989 282.536 197.989 281.313C197.989 280.092 198.98 279.101 200.201 279.101H211.556C211.98 279.101 212.38 278.934 212.68 278.634C212.981 278.333 213.146 277.933 213.146 277.506L213.14 269.197C213.14 268.32 212.425 267.605 211.546 267.605L206.808 267.609H206.801C204.44 267.609 202.218 266.69 200.548 265.021C198.874 263.35 197.953 261.129 197.95 258.765L197.898 185.256C197.897 184.034 198.888 183.042 200.109 183.042H200.11C201.332 183.042 202.322 184.032 202.324 185.253L202.376 258.762C202.377 261.201 204.362 263.184 206.801 263.184H206.804L211.542 263.181H211.546C214.862 263.181 217.562 265.877 217.565 269.194L217.572 277.504C217.573 279.11 216.948 280.624 215.812 281.761C214.676 282.898 213.165 283.525 211.557 283.526Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.1\"}]\n"])</script>
1<script>self.__next_f.push([1,"79:T54a,"])</script>
1<script>self.__next_f.push([1,"M193.729 320.618C191.411 320.618 189.231 319.716 187.591 318.079C185.95 316.439 185.045 314.258 185.043 311.939L185.026 287.971C185.025 285.532 183.039 283.548 180.601 283.548H180.598L137.643 283.579H137.633C129.633 283.58 123.122 277.075 123.117 269.075L123.111 260.164C123.111 259.868 123.17 259.576 123.285 259.303L179.342 126.458C179.689 125.639 180.49 125.106 181.379 125.106L194.965 125.096H194.971C196.922 125.096 198.757 125.855 200.139 127.235C201.522 128.615 202.283 130.451 202.285 132.404L202.309 162.106C202.31 163.327 201.319 164.319 200.098 164.319H200.095C198.875 164.319 197.885 163.33 197.883 162.108L197.861 132.408C197.859 131.636 197.558 130.911 197.011 130.366C196.466 129.82 195.741 129.522 194.97 129.522L182.85 129.53L127.535 260.611L127.542 269.071C127.546 274.632 132.071 279.155 137.633 279.155H137.641L180.594 279.123H180.601C185.478 279.123 189.447 283.09 189.451 287.968L189.469 311.935C189.469 313.074 189.913 314.144 190.718 314.947C191.522 315.751 192.591 316.194 193.729 316.194H193.731C194.87 316.192 195.939 315.748 196.743 314.943C197.547 314.138 197.99 313.067 197.989 311.93L197.973 287.962C197.971 286.739 198.961 285.748 200.182 285.747H200.185C201.406 285.747 202.395 286.736 202.397 287.958L202.414 311.926C202.415 314.247 201.514 316.428 199.874 318.07C198.235 319.711 196.055 320.616 193.735 320.618H193.729Z"])</script>
1<script>self.__next_f.push([1,"14:[\"$\",\"path\",null,{\"d\":\"$79\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.2\"}]\n15:[\"$\",\"path\",null,{\"d\":\"M156.11 225.068C155.823 225.068 155.532 225.012 155.251 224.895C154.126 224.42 153.598 223.123 154.072 221.996L185.179 148.145C185.654 147.02 186.948 146.492 188.076 146.965C189.202 147.44 189.731 148.737 189.256 149.864L158.15 223.713C157.794 224.56 156.972 225.068 156.11 225.068Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.4\"}]\n"])</script>
1<script>self.__next_f.push([1,"16:[\"$\",\"path\",null,{\"d\":\"M148.172 267.651C145.2 267.651 142.445 266.174 140.801 263.699C139.156 261.222 138.862 258.107 140.016 255.366L149.121 233.749C149.596 232.623 150.892 232.094 152.02 232.569C153.145 233.043 153.673 234.341 153.2 235.467L144.094 257.083C143.517 258.454 143.664 260.011 144.486 261.25C145.309 262.487 146.686 263.226 148.172 263.226H148.174L180.584 263.203C181.765 263.202 182.876 262.741 183.712 261.905C184.546 261.069 185.005 259.957 185.005 258.775L184.949 181.989C184.949 180.767 185.938 179.775 187.161 179.775C188.382 179.775 189.374 180.765 189.374 181.986L189.43 258.771C189.433 263.651 185.466 267.625 180.586 267.627L148.178 267.651H148.172Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.2\"}]\n"])</script>
1<script>self.__next_f.push([1,"17:[\"$\",\"path\",null,{\"d\":\"M192.489 327.257C184.728 327.258 178.412 320.946 178.406 313.185L178.388 295.044C178.386 293.822 179.377 292.832 180.598 292.83H180.601C181.822 292.83 182.812 293.818 182.813 295.04L182.832 313.18C182.836 318.505 187.168 322.833 192.489 322.833H192.496L194.977 322.83C200.302 322.826 204.632 318.492 204.628 313.166C204.626 311.945 205.617 310.952 206.838 310.952C208.06 310.952 209.052 311.942 209.053 313.162C209.058 320.928 202.745 327.249 194.981 327.256L192.498 327.257H192.489Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.1\"}]\n"])</script>
1<script>self.__next_f.push([1,"18:[\"$\",\"path\",null,{\"d\":\"M206.834 304.112C205.612 304.112 204.622 303.123 204.622 301.902L204.61 287.958C204.61 287.37 204.842 286.807 205.256 286.391C205.671 285.976 206.234 285.743 206.82 285.743L214.588 285.738C217.456 285.735 219.788 283.4 219.786 280.532L219.776 266.164C219.774 263.296 217.44 260.966 214.575 260.966H214.571L206.803 260.972C206.216 260.972 205.652 260.739 205.238 260.324C204.822 259.91 204.588 259.347 204.588 258.76L204.494 126.978C204.492 124.716 202.652 122.879 200.391 122.879H200.39L178.444 122.895L164.83 155.16C164.355 156.286 163.056 156.814 161.931 156.338C160.806 155.863 160.278 154.566 160.752 153.439L174.939 119.823C175.284 119.004 176.086 118.472 176.975 118.471L200.387 118.454H200.391C205.091 118.454 208.915 122.275 208.919 126.974L209.012 256.544L214.567 256.54H214.575C219.879 256.54 224.196 260.855 224.2 266.16L224.211 280.528C224.215 285.836 219.9 290.158 214.592 290.162L209.036 290.166L209.047 301.898C209.047 303.12 208.056 304.111 206.834 304.112Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.6\"}]\n"])</script>
1<script>self.__next_f.push([1,"19:[\"$\",\"path\",null,{\"d\":\"M144.424 200.037C144.137 200.037 143.845 199.981 143.564 199.862C142.439 199.388 141.911 198.09 142.387 196.964L158.196 159.497C158.672 158.37 159.971 157.842 161.095 158.319C162.221 158.794 162.748 160.091 162.273 161.218L146.463 198.685C146.107 199.529 145.287 200.037 144.424 200.037Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.5\"}]\n1a:[\"$\",\"path\",null,{\"d\":\"M135.422 290.219C124.984 290.219 116.488 281.731 116.48 271.292L116.472 258.824C116.472 258.528 116.531 258.235 116.646 257.962L134.125 216.539C134.6 215.414 135.899 214.886 137.024 215.36C138.149 215.836 138.678 217.134 138.203 218.26L120.898 259.27L120.906 271.288C120.912 279.288 127.423 285.794 135.422 285.794H135.432L158.172 285.778C159.393 285.778 160.385 286.767 160.387 287.988C160.388 289.21 159.397 290.202 158.176 290.202L135.436 290.219H135.422Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.6\"}]\n1b:[\"$\",\"path\",null,{\"d\":\"M178.32 192.926L151.613 256.33C151.601 256.358 151.575 256.422 151.629 256.505C151.684 256.586 151.759 256.586 151.784 256.586L176.708 256.567C177.623 256.567 178.365 255.823 178.365 254.909L178.32 192.926ZM151.784 261.011C150.236 261.011 148.8 260.242 147.944 258.953C147.087 257.662 146.935 256.039 147.536 254.613L175.275 188.757C176.001 187.031 177.793 186.087 179.625 186.45
15C181.46 186.825 182.741 188.391 182.743 190.262L182.791 254.905C182.792 258.259 180.065 260.99 176.711 260.993L151.787 261.011H151.784Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.6\"}]\n1c:[\"$\",\"path\",null,{\"d\":\"M193.546 313.947C192.324 313.947 191.334 312.958 191.334 311.736L191.312 282.104C191.312 280.882 192.302 279.891 193.523 279.89C194.745 279.89 195.738 280.879 195.738 282.1L195.759 311.732C195.759 312.955 194.769 313.946 193.547 313.947H193.546Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.4\"}]\n1d:[\"$\",\"path\",null,{\"d\":\"M215.599 219.049C215.599 220.266 214.613 221.251 213.395 221.251C212.179 221.251 211.193 220.266 211.193 219.049C211.193 217.831 212.179 216.846 213.395 216.846C214.613 216.846 215.599 217.831 215.599 219.049Z\",\"fill\":\"va"])</script>
1<script>self.__next_f.push([1,"r(--primary)\",\"fillOpacity\":\"0.4\"}]\n1e:[\"$\",\"path\",null,{\"d\":\"M195.729 265.439C195.729 266.656 194.742 267.641 193.526 267.641C192.309 267.641 191.322 266.656 191.322 265.439C191.322 264.221 192.309 263.236 193.526 263.236C194.742 263.236 195.729 264.221 195.729 265.439Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.6\"}]\n1f:[\"$\",\"path\",null,{\"d\":\"M230.842 289.323C230.842 290.539 229.855 291.526 228.639 291.526C227.422 291.526 226.435 290.539 226.435 289.323C226.435 288.106 227.422 287.119 228.639 287.119C229.855 287.119 230.842 288.106 230.842 289.323Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.5\"}]\n20:[\"$\",\"path\",null,{\"d\":\"M114.262 266.539C114.262 267.756 113.275 268.742 112.059 268.742C110.842 268.742 109.855 267.756 109.855 266.539C109.855 265.322 110.842 264.336 112.059 264.336C113.275 264.336 114.262 265.322 114.262 266.539Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.1\"}]\n21:[\"$\",\"path\",null,{\"d\":\"M142.101 208.625C142.101 209.843 141.114 210.828 139.898 210.828C138.681 210.828 137.694 209.843 137.694 208.625C137.694 207.408 138.681 206.423 139.898 206.423C141.114 206.423 142.101 207.408 142.101 208.625Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.5\"}]\n22:[\"$\",\"path\",null,{\"d\":\"M168.259 180.777C168.259 181.994 167.272 182.98 166.056 182.98C164.839 182.98 163.852 181.994 163.852 180.777C163.852 179.56 164.839 178.574 166.056 178.574C167.272 178.574 168.259 179.56 168.259 180.777Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.5\"}]\n23:[\"$\",\"path\",null,{\"d\":\"M168.782 288.023C168.782 289.239 167.795 290.225 166.579 290.225C165.362 290.225 164.375 289.239 164.375 288.023C164.375 286.805 165.362 285.819 166.579 285.819C167.795 285.819 168.782 286.805 168.782 288.023Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.6\"}]\n24:[\"$\",\"path\",null,{\"d\":\"M202.489 175.354C202.489 176.571 201.503 177.557 200.285 177.557C199.069 177.557 198.083 176.571 198.083 175.354C198.083 174.137 199.069 173.151 200.285 173.151C201.503 173.151 202.489 174.137 202.489 175.354Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.1\"}]\n25:[\"$\",\"path\",null,{\"d\":\"M187.217 1"])</script>
1<script>self.__next_f.push([1,"76.231C185.994 176.231 185.005 175.241 185.005 174.019V169.845C185.005 168.622 185.994 167.631 187.217 167.631C188.44 167.631 189.43 168.622 189.43 169.845V174.019C189.43 175.241 188.44 176.231 187.217 176.231Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.4\"}]\n26:[\"$\",\"path\",null,{\"d\":\"M213.339 236.36C212.116 236.36 211.127 235.37 211.127 234.148V227.544C211.127 226.323 212.116 225.332 213.339 225.332C214.561 225.332 215.552 226.323 215.552 227.544V234.148C215.552 235.37 214.561 236.36 213.339 236.36Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.4\"}]\n27:[\"$\",\"path\",null,{\"d\":\"M260.605 327.422C260.229 327.422 259.849 327.328 259.5 327.125C244.798 318.624 237.026 302.432 237.026 280.294V196.306C237.026 195.084 238.017 194.093 239.24 194.093C240.461 194.093 241.452 195.084 241.452 196.306V280.294C241.452 300.761 248.458 315.629 261.716 323.294C262.772 323.905 263.134 325.258 262.522 326.317C262.113 327.026 261.369 327.422 260.605 327.422Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.1\"}]\n28:[\"$\",\"path\",null,{\"d\":\"M287.996 333.892C286.774 333.892 285.783 332.902 285.783 331.68C285.783 330.458 286.774 329.467 287.996 329.467C318.012 329.467 334.542 312.003 334.542 280.295C334.542 279.072 335.531 278.083 336.754 278.083C337.975 278.083 338.967 279.072 338.967 280.295C338.967 314.358 320.388 333.892 287.996 333.892Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.2\"}]\n29:[\"$\",\"path\",null,{\"d\":\"M336.754 247.479C335.532 247.479 334.542 246.488 334.542 245.267V180.777C334.542 179.555 335.532 178.564 336.754 178.564C337.976 178.564 338.966 179.555 338.966 180.777V245.267C338.966 246.488 337.976 247.479 336.754 247.479Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.2\"}]\n2a:[\"$\",\"path\",null,{\"d\":\"M336.754 167.631C335.532 167.631 334.542 166.64 334.542 165.419C334.542 133.709 318.012 116.245 287.997 116.245C257.981 116.245 241.452 133.709 241.452 165.419C241.452 166.64 240.461 167.631 239.24 167.631C238.017 167.631 237.028 166.64 237.028 165.419C237.028 131.356 255.605 111.82 287.997 111.82C320.389 111.82 338.966 131.356 338.966 165.419C338.966 "])</script>
1<script>self.__next_f.push([1,"166.64 337.976 167.631 336.754 167.631Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.6\"}]\n2b:[\"$\",\"path\",null,{\"d\":\"M255.629 270.851C255.629 272.068 254.642 273.053 253.425 273.053C252.209 273.053 251.222 272.068 251.222 270.851C251.222 269.633 252.209 268.648 253.425 268.648C254.642 268.648 255.629 269.633 255.629 270.851Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.6\"}]\n2c:[\"$\",\"path\",null,{\"d\":\"M338.957 173.097C338.957 174.315 337.971 175.3 336.755 175.3C335.537 175.3 334.551 174.315 334.551 173.097C334.551 171.88 335.537 170.895 336.755 170.895C337.971 170.895 338.957 171.88 338.957 173.097Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.6\"}]\n2d:[\"$\",\"path\",null,{\"d\":\"M316.991 159.019C316.991 160.237 316.004 161.222 314.788 161.222C313.571 161.222 312.583 160.237 312.583 159.019C312.583 157.802 313.571 156.817 314.788 156.817C316.004 156.817 316.991 157.802 316.991 159.019Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.2\"}]\n2e:[\"$\",\"path\",null,{\"d\":\"M260.973 131.566C260.973 132.783 259.986 133.769 258.77 133.769C257.553 133.769 256.566 132.783 256.566 131.566C256.566 130.349 257.553 129.363 258.77 129.363C259.986 129.363 260.973 130.349 260.973 131.566Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.2\"}]\n2f:[\"$\",\"path\",null,{\"d\":\"M273.517 329.679C273.517 330.895 272.53 331.881 271.314 331.881C270.097 331.881 269.11 330.895 269.11 329.679C269.11 328.461 270.097 327.476 271.314 327.476C272.53 327.476 273.517 328.461 273.517 329.679Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.1\"}]\n30:[\"$\",\"path\",null,{\"d\":\"M287.996 326.203C260.062 326.203 244.04 309.362 244.04 279.998V239.222C244.04 238.001 245.031 237.01 246.252 237.01C247.475 237.01 248.466 238.001 248.466 239.222V279.998C248.466 306.941 262.504 321.779 287.996 321.779C313.488 321.779 327.527 306.941 327.527 279.998V165.714C327.527 152.634 324.271 142.384 317.851 135.248C317.032 134.34 317.107 132.939 318.016 132.122C318.924 131.305 320.323 131.378 321.139 132.288C328.314 140.26 331.952 151.508 331.952 165.714V279.998C331.952 309.362 315.931 326.203 287.996 326.203Z\",\"fill\":\"var("])</script>
1<script>self.__next_f.push([1,"--primary)\",\"fillOpacity\":\"0.4\"}]\n31:[\"$\",\"path\",null,{\"d\":\"M313.066 130.472C312.65 130.472 312.229 130.355 311.856 130.111C305.598 126.012 297.572 123.934 287.996 123.934C279.15 123.934 271.609 125.712 265.581 129.219C264.525 129.834 263.17 129.475 262.556 128.419C261.941 127.363 262.3 126.008 263.356 125.394C270.069 121.49 278.36 119.51 287.996 119.51C298.446 119.51 307.29 121.831 314.28 126.408C315.302 127.078 315.588 128.45 314.92 129.472C314.493 130.12 313.786 130.472 313.066 130.472Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.1\"}]\n32:[\"$\",\"path\",null,{\"d\":\"M246.253 230.403C245.03 230.403 244.041 229.413 244.041 228.191V165.714C244.041 154.437 246.363 144.95 250.946 137.518C251.589 136.479 252.951 136.155 253.99 136.797C255.03 137.438 255.354 138.801 254.713 139.841C250.567 146.563 248.466 155.269 248.466 165.714V228.191C248.466 229.413 247.475 230.403 246.253 230.403Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.2\"}]\n33:[\"$\",\"path\",null,{\"d\":\"M253.425 264.724C252.203 264.724 251.213 263.734 251.213 262.511V165.798C251.213 141.236 264.62 127.15 287.996 127.15C311.372 127.15 324.78 141.236 324.78 165.798V205.42C324.78 206.642 323.789 207.632 322.567 207.632C321.345 207.632 320.355 206.642 320.355 205.42V165.798C320.355 143.728 308.864 131.575 287.996 131.575C267.129 131.575 255.639 143.728 255.639 165.798V262.511C255.639 263.734 254.648 264.724 253.425 264.724Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.5\"}]\n34:[\"$\",\"path\",null,{\"d\":\"M287.996 318.563C264.62 318.563 251.214 304.478 251.214 279.916C251.214 278.694 252.203 277.703 253.426 277.703C254.647 277.703 255.638 278.694 255.638 279.916C255.638 301.983 267.13 314.138 287.996 314.138C293.956 314.138 299.215 313.151 303.627 311.206C304.744 310.712 306.051 311.219 306.543 312.338C307.036 313.456 306.53 314.76 305.412 315.255C300.435 317.45 294.575 318.563 287.996 318.563Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.6\"}]\n35:[\"$\",\"path\",null,{\"d\":\"M314.422 308.202C313.909 308.202 313.393 308.023 312.974 307.662C312.051 306.861 311.95 305.463 312.75 304.541C317.795 29"])</script>
1<script>self.__next_f.push([1,"8.717 320.354 290.431 320.354 279.915V240.879C320.354 239.658 321.345 238.667 322.566 238.667C323.789 238.667 324.781 239.658 324.781 240.879V279.915C324.781 291.526 321.857 300.786 316.095 307.438C315.658 307.943 315.042 308.202 314.422 308.202Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.6\"}]\n36:[\"$\",\"path\",null,{\"d\":\"M287.996 310.642C284.29 310.642 280.843 310.198 277.748 309.321C276.572 308.988 275.89 307.765 276.223 306.589C276.556 305.413 277.78 304.732 278.955 305.062C281.658 305.829 284.699 306.218 287.996 306.218C304.231 306.218 313.172 296.753 313.172 279.565V166.146C313.172 164.925 314.162 163.934 315.384 163.934C316.606 163.934 317.596 164.925 317.596 166.146V279.565C317.596 299.316 306.807 310.642 287.996 310.642Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.1\"}]\n37:[\"$\",\"path\",null,{\"d\":\"M260.609 206.086C259.386 206.086 258.396 205.096 258.396 203.873V166.146C258.396 146.397 269.185 135.07 287.997 135.07C301.484 135.07 310.865 140.792 315.125 151.614C315.573 152.752 315.013 154.036 313.877 154.484C312.737 154.932 311.454 154.373 311.008 153.236C307.469 144.248 299.512 139.496 287.997 139.496C271.762 139.496 262.821 148.961 262.821 166.146V203.873C262.821 205.096 261.832 206.086 260.609 206.086Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.2\"}]\n38:[\"$\",\"path\",null,{\"d\":\"M268.332 303.78C267.776 303.78 267.222 303.572 266.791 303.154C261.222 297.746 258.396 289.808 258.396 279.566V213.376C258.396 212.155 259.387 211.164 260.61 211.164C261.831 211.164 262.822 212.155 262.822 213.376V279.566C262.822 288.567 265.194 295.435 269.874 299.98C270.751 300.832 270.771 302.232 269.919 303.11C269.486 303.555 268.91 303.78 268.332 303.78Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.1\"}]\n39:[\"$\",\"path\",null,{\"d\":\"M308.185 256.33C306.962 256.33 305.973 255.339 305.973 254.118V193.251C305.973 192.03 306.962 191.039 308.185 191.039C309.406 191.039 310.397 192.03 310.397 193.251V254.118C310.397 255.339 309.406 256.33 308.185 256.33Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.2\"}]\n3a:[\"$\",\"path\",null,{\"d\":\"M308.185 186.514C306.962"])</script>
1<script>self.__next_f.push([1," 186.514 305.973 185.523 305.973 184.302V167.125C305.973 154.653 299.757 148.059 287.996 148.059C276.236 148.059 270.02 154.653 270.02 167.125C270.02 168.347 269.03 169.337 267.808 169.337C266.585 169.337 265.596 168.347 265.596 167.125C265.596 152.197 273.76 143.634 287.996 143.634C302.232 143.634 310.397 152.197 310.397 167.125V184.302C310.397 185.523 309.406 186.514 308.185 186.514Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.6\"}]\n3b:[\"$\",\"path\",null,{\"d\":\"M267.807 248.211C266.585 248.211 265.595 247.22 265.595 245.997V180.777C265.595 179.555 266.585 178.564 267.807 178.564C269.03 178.564 270.021 179.555 270.021 180.777V245.997C270.021 247.22 269.03 248.211 267.807 248.211Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.4\"}]\n3c:[\"$\",\"path\",null,{\"d\":\"M287.996 302.077C273.76 302.077 265.595 293.516 265.595 278.588V254.584C265.595 253.361 266.586 252.372 267.807 252.372C269.03 252.372 270.02 253.361 270.02 254.584V278.588C270.02 291.06 276.236 297.653 287.996 297.653C299.756 297.653 305.972 291.06 305.972 278.588V264.121C305.972 262.899 306.963 261.908 308.186 261.908C309.407 261.908 310.398 262.899 310.398 264.121V278.588C310.398 293.516 302.232 302.077 287.996 302.077Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.6\"}]\n3d:[\"$\",\"path\",null,{\"d\":\"M287.996 156.826C280.907 156.826 277.311 160.655 277.311 168.206V277.934C277.311 285.485 280.907 289.313 287.996 289.313C295.086 289.313 298.682 285.485 298.682 277.934V168.206C298.682 160.655 295.086 156.826 287.996 156.826ZM287.996 293.739C278.535 293.739 272.886 287.83 272.886 277.934V168.206C272.886 158.309 278.535 152.401 287.996 152.401C297.458 152.401 303.106 158.309 303.106 168.206V277.934C303.106 287.83 297.458 293.739 287.996 293.739Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.5\"}]\n3e:[\"$\",\"path\",null,{\"d\":\"M239.239 190.089C238.016 190.089 237.027 189.098 237.027 187.876V174.02C237.027 172.797 238.016 171.806 239.239 171.806C240.462 171.806 241.452 172.797 241.452 174.02V187.876C241.452 189.098 240.462 190.089 239.239 190.089Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.6\"}"])</script>
1<script>self.__next_f.push([1,"]\n3f:[\"$\",\"path\",null,{\"d\":\"M336.754 273.339C335.532 273.339 334.542 272.348 334.542 271.127V256.355C334.542 255.132 335.532 254.143 336.754 254.143C337.976 254.143 338.966 255.132 338.966 256.355V271.127C338.966 272.348 337.976 273.339 336.754 273.339Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.2\"}]\n40:[\"$\",\"path\",null,{\"d\":\"M322.566 231.442C321.345 231.442 320.354 230.451 320.354 229.23V214.164C320.354 212.942 321.345 211.951 322.566 211.951C323.789 211.951 324.78 212.942 324.78 214.164V229.23C324.78 230.451 323.789 231.442 322.566 231.442Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.5\"}]\n41:[\"$\",\"path\",null,{\"d\":\"M439.175 275.994H387.248C386.027 275.994 385.036 275.003 385.036 273.782C385.036 272.559 386.027 271.57 387.248 271.57H439.175C440.397 271.57 441.387 272.559 441.387 273.782C441.387 275.003 440.397 275.994 439.175 275.994Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.5\"}]\n42:[\"$\",\"path\",null,{\"d\":\"M371.836 275.994C367.297 275.994 363.603 272.302 363.599 267.765L363.595 262.514C363.595 261.546 363.785 260.605 364.16 259.715L388.091 203.006C388.567 201.879 389.864 201.353 390.989 201.827C392.116 202.302 392.643 203.601 392.168 204.726L368.237 261.435C368.092 261.777 368.02 262.139 368.02 262.513L368.024 267.761C368.027 269.861 369.736 271.57 371.836 271.57C373.057 271.57 374.048 272.559 374.048 273.782C374.048 275.003 373.057 275.994 371.836 275.994Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.6\"}]\n43:[\"$\",\"path\",null,{\"d\":\"M427.348 231.442C426.127 231.442 425.136 230.452 425.136 229.231L425.072 138.55C425.071 137.232 424 136.163 422.684 136.163C421.723 136.164 420.859 136.736 420.484 137.623L396.648 194.112C396.172 195.238 394.875 195.764 393.748 195.29C392.623 194.815 392.096 193.518 392.569 192.391L416.407 135.902C417.475 133.374 419.936 131.739 422.679 131.738H422.684C426.437 131.738 429.495 134.791 429.497 138.546L429.56 229.227C429.561 230.45 428.572 231.442 427.349 231.442H427.348Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.5\"}]\n44:[\"$\",\"path\",null,{\"d\":\"M427.371 267.651C426.15 267.651 425.159 266.662 425"])</script>
1<script>self.__next_f.push([1,".158 265.441L425.139 239.81C425.139 238.589 426.129 237.597 427.35 237.595H427.353C428.574 237.595 429.565 238.586 429.566 239.807L429.583 265.437C429.585 266.659 428.595 267.651 427.373 267.651H427.371Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.4\"}]\n7a:T422,"])</script>
1<script>self.__next_f.push([1,"M424.949 333.895C414.295 333.895 405.624 325.231 405.616 314.575L405.603 296.83L365.155 296.86H365.14C359.416 296.86 354.035 294.632 349.984 290.588C345.931 286.54 343.696 281.155 343.692 275.427V264.698C343.692 263.475 344.683 262.484 345.904 262.484C347.127 262.484 348.116 263.475 348.116 264.698V275.424C348.12 279.971 349.893 284.244 353.111 287.456C356.325 290.667 360.597 292.434 365.14 292.434H365.152L407.811 292.404C409.032 292.404 410.025 293.394 410.027 294.615L410.04 314.571C410.047 322.788 416.735 329.47 424.949 329.471H424.96L430.212 329.467C438.433 329.46 445.117 322.767 445.112 314.546L445.096 294.59C445.096 294.003 445.329 293.439 445.745 293.024C446.157 292.608 446.721 292.375 447.308 292.375L451.049 292.372C456.139 292.368 460.275 288.226 460.271 283.139L460.256 263.547C460.255 262.324 461.245 261.334 462.468 261.332C463.689 261.332 464.68 262.322 464.681 263.543L464.696 283.135C464.7 290.663 458.581 296.792 451.053 296.798L449.524 296.799L449.536 314.543C449.544 325.203 440.877 333.883 430.216 333.891L424.964 333.895H424.949Z"])</script>
1<script>self.__next_f.push([1,"45:[\"$\",\"path\",null,{\"d\":\"$7a\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.6\"}]\n46:[\"$\",\"path\",null,{\"d\":\"M447.279 251.431C446.058 251.431 445.067 250.441 445.067 249.218V225.869C445.067 224.647 446.058 223.655 447.279 223.655C448.502 223.655 449.492 224.647 449.492 225.869V249.218C449.492 250.441 448.502 251.431 447.279 251.431Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.4\"}]\n47:[\"$\",\"path\",null,{\"d\":\"M447.261 211.942C446.041 211.942 445.05 210.952 445.049 209.731L444.986 141.222C444.986 140 445.975 139.01 447.197 139.008H447.199C448.419 139.008 449.41 139.998 449.411 141.219L449.474 209.727C449.474 210.948 448.485 211.94 447.263 211.942H447.261Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.4\"}]\n"])</script>
1<script>self.__next_f.push([1,"48:[\"$\",\"path\",null,{\"d\":\"M365.021 214.358C364.735 214.358 364.443 214.302 364.163 214.184C363.037 213.709 362.509 212.412 362.984 211.285L402.667 117.242C404.053 113.96 407.253 111.836 410.816 111.833L440.541 111.812H440.548C442.909 111.812 445.129 112.73 446.801 114.4C448.473 116.07 449.395 118.292 449.397 120.656V132.725C449.397 133.946 448.407 134.937 447.184 134.937C445.963 134.937 444.972 133.946 444.972 132.725V120.657C444.971 119.477 444.511 118.366 443.673 117.53C442.837 116.696 441.727 116.237 440.548 116.237H440.545L410.82 116.258C409.037 116.26 407.437 117.321 406.745 118.964L367.061 213.005C366.705 213.85 365.884 214.358 365.021 214.358Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.5\"}]\n"])</script>
1<script>self.__next_f.push([1,"49:[\"$\",\"path\",null,{\"d\":\"M349.378 251.431C349.09 251.431 348.799 251.375 348.518 251.257C347.392 250.782 346.864 249.485 347.34 248.358L358.464 221.993C358.94 220.867 360.239 220.338 361.363 220.814C362.49 221.29 363.016 222.587 362.543 223.713L351.416 250.079C351.06 250.923 350.239 251.431 349.378 251.431Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.4\"}]\n4a:[\"$\",\"path\",null,{\"d\":\"M433.964 201.474C432.742 201.474 431.752 200.485 431.752 199.264L431.725 163.086C431.725 161.864 432.714 160.873 433.936 160.872H433.938C435.158 160.872 436.15 161.862 436.152 163.084L436.176 199.26C436.177 200.482 435.188 201.474 433.965 201.474H433.964Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.5\"}]\n7b:T87e,"])</script>
1<script>self.__next_f.push([1,"M427.573 320.618C425.256 320.618 423.076 319.716 421.436 318.079C419.794 316.439 418.889 314.258 418.889 311.938L418.872 287.971C418.869 285.532 416.884 283.548 414.445 283.548H414.442L371.489 283.579H371.478C367.604 283.579 363.962 282.072 361.22 279.336C358.477 276.595 356.965 272.951 356.962 269.074L356.956 260.166C356.956 259.868 357.014 259.576 357.129 259.303L413.188 126.458C413.534 125.639 414.337 125.106 415.225 125.106L428.601 125.096H428.608C430.614 125.096 432.502 125.876 433.924 127.295C435.345 128.715 436.129 130.603 436.13 132.614L436.141 147.984C436.142 149.207 435.153 150.199 433.932 150.199H433.929C432.708 150.199 431.717 149.21 431.716 147.988L431.705 132.616C431.705 131.788 431.381 131.011 430.797 130.426C430.212 129.842 429.434 129.522 428.608 129.522H428.605L416.696 129.53L361.38 260.611L361.386 269.071C361.389 271.767 362.44 274.3 364.348 276.204C366.253 278.107 368.784 279.155 371.478 279.155H371.486L414.438 279.123H414.446C419.324 279.123 423.292 283.09 423.297 287.967L423.314 311.935C423.316 313.074 423.758 314.144 424.564 314.947C425.368 315.751 426.436 316.194 427.573 316.194H427.577C428.714 316.192 429.785 315.748 430.59 314.943C431.393 314.138 431.834 313.068 431.833 311.93L431.818 287.962C431.816 285.598 432.733 283.374 434.404 281.702C436.074 280.028 438.297 279.107 440.66 279.104L443.92 279.103C445.613 279.102 446.99 277.722 446.99 276.027L446.986 270.678C446.986 269.856 446.665 269.086 446.085 268.506C445.505 267.926 444.734 267.607 443.914 267.607H443.912L440.653 267.61H440.646C435.768 267.61 431.8 263.643 431.796 258.766L431.76 207.86C431.758 206.638 432.748 205.647 433.969 205.646H433.972C435.193 205.646 436.182 206.635 436.184 207.856L436.221 258.762C436.222 261.2 438.209 263.184 440.648 263.184H440.65L443.908 263.182H443.914C445.914 263.182 447.796 263.96 449.212 265.374C450.629 266.79 451.41 268.672 451.412 270.675L451.416 276.024C451.418 280.158 448.056 283.524 443.922 283.528L440.664 283.53C439.482 283.531 438.372 283.992 437.536 284.828C436.701 285.664 436.241 286.776 436.242 287.958L436.26 311.926C436.262 314.247 435.36 316.427 433.72 318.07C432.081 319.711 429.9 320.616 427.58 320.618H427.573Z"])</script>
1<script>self.__next_f.push([1,"4b:[\"$\",\"path\",null,{\"d\":\"$7b\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.2\"}]\n4c:[\"$\",\"path\",null,{\"d\":\"M382.017 267.651C379.045 267.651 376.29 266.174 374.646 263.699C373 261.222 372.708 258.107 373.861 255.366L406.213 178.557C406.688 177.43 407.982 176.902 409.11 177.375C410.237 177.85 410.766 179.149 410.29 180.274L377.938 257.083C377.362 258.454 377.508 260.011 378.33 261.25C379.154 262.487 380.532 263.226 382.017 263.226H382.02L404.946 263.21C406.168 263.21 407.16 264.199 407.16 265.421C407.161 266.643 406.172 267.634 404.949 267.635L382.024 267.651H382.017Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.2\"}]\n4d:[\"$\",\"path\",null,{\"d\":\"M414.43 267.628C413.209 267.628 412.219 266.639 412.218 265.417C412.217 264.195 413.206 263.204 414.429 263.203C416.869 263.201 418.851 261.215 418.85 258.775L418.794 154.615C418.793 153.392 419.785 152.401 421.007 152.401C422.229 152.401 423.219 153.391 423.221 154.612L423.275 258.772C423.279 263.652 419.311 267.625 414.433 267.628H414.43Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.6\"}]\n7c:T6a4,"])</script>
1<script>self.__next_f.push([1,"M426.335 327.257C422.576 327.257 419.043 325.794 416.383 323.14C413.721 320.481 412.255 316.946 412.252 313.185L412.237 293.594C412.237 291.716 410.707 290.186 408.828 290.186H404.195C402.972 290.186 401.98 289.196 401.98 287.974C401.98 286.752 402.972 285.761 404.195 285.761H408.828C413.145 285.761 416.66 289.274 416.663 293.592L416.677 313.181C416.681 318.505 421.012 322.833 426.335 322.833H426.34L428.823 322.83C434.147 322.826 438.476 318.492 438.473 313.166L438.457 291.925C438.457 290.274 439.097 288.721 440.264 287.553C441.431 286.385 442.983 285.741 444.635 285.74L448.372 285.737C449.779 285.736 451.099 285.188 452.092 284.193C453.084 283.2 453.632 281.877 453.631 280.472L453.621 266.223C453.619 263.323 451.257 260.966 448.359 260.966H448.356L440.647 260.971H440.645C440.06 260.971 439.497 260.738 439.083 260.325C438.668 259.91 438.433 259.347 438.433 258.761L438.339 127.017C438.337 125.91 437.907 124.871 437.124 124.09C436.343 123.31 435.304 122.879 434.197 122.879H434.196L412.291 122.896L405.267 139.54C404.792 140.666 403.492 141.193 402.368 140.717C401.243 140.242 400.715 138.945 401.189 137.818L408.783 119.824C409.129 119.005 409.931 118.473 410.82 118.471L434.192 118.454H434.197C436.483 118.454 438.633 119.343 440.252 120.958C441.869 122.575 442.761 124.726 442.763 127.014L442.857 256.545L448.352 256.541H448.36C453.696 256.541 458.041 260.881 458.045 266.221L458.056 280.468C458.057 283.056 457.052 285.489 455.224 287.32C453.396 289.152 450.964 290.161 448.376 290.162L444.637 290.165C444.168 290.166 443.727 290.348 443.396 290.68C443.064 291.01 442.883 291.452 442.883 291.921L442.899 313.162C442.904 320.928 436.591 327.249 428.825 327.256L426.344 327.257H426.335Z"])</script>
1<script>self.__next_f.push([1,"4e:[\"$\",\"path\",null,{\"d\":\"$7c\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.1\"}]\n4f:[\"$\",\"path\",null,{\"d\":\"M392.089 167.287C391.802 167.287 391.51 167.231 391.229 167.113C390.103 166.638 389.577 165.341 390.051 164.214L397.618 146.278C398.095 145.153 399.393 144.625 400.518 145.101C401.645 145.575 402.171 146.873 401.697 147.999L394.127 165.935C393.771 166.779 392.95 167.287 392.089 167.287Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.6\"}]\n50:[\"$\",\"path\",null,{\"d\":\"M354.94 255.321C354.652 255.321 354.362 255.265 354.08 255.147C352.955 254.672 352.427 253.375 352.903 252.248L386.799 171.921C387.275 170.795 388.574 170.267 389.696 170.743C390.823 171.217 391.351 172.516 390.876 173.641L356.979 253.968C356.623 254.813 355.802 255.321 354.94 255.321Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.6\"}]\n51:[\"$\",\"path\",null,{\"d\":\"M369.267 290.219C364.212 290.219 359.46 288.252 355.883 284.68C352.303 281.106 350.33 276.351 350.327 271.291L350.319 265.775C350.316 264.552 351.306 263.56 352.527 263.559H352.531C353.751 263.559 354.742 264.548 354.743 265.77L354.751 271.287C354.754 275.166 356.267 278.81 359.01 281.55C361.751 284.287 365.394 285.794 369.267 285.794H369.278L392.016 285.778C393.238 285.778 394.231 286.767 394.231 287.988C394.232 289.21 393.242 290.202 392.02 290.202L369.28 290.219H369.267Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.5\"}]\n52:[\"$\",\"path\",null,{\"d\":\"M412.164 192.926L385.51 256.21C385.495 256.243 385.454 256.345 385.532 256.465C385.614 256.586 385.703 256.569 385.758 256.586L409.762 256.569C410.415 256.567 411.031 256.313 411.492 255.85C411.955 255.387 412.208 254.771 412.208 254.118L412.164 192.926ZM385.756 261.01C384.182 261.01 382.72 260.227 381.848 258.914C380.974 257.601 380.819 255.947 381.431 254.493L411.074 184.119C411.61 182.847 412.927 182.149 414.283 182.421C415.636 182.694 416.583 183.849 416.584 185.23L416.635 254.114C416.635 255.95 415.92 257.677 414.624 258.977C413.327 260.277 411.6 260.991 409.764 260.993L385.762 261.01H385.756Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.1\"}]\n53:[\"$\",\"path\",null"])</script>
1<script>self.__next_f.push([1,",{\"d\":\"M427.391 304.788C426.169 304.788 425.179 303.8 425.179 302.579L425.157 282.104C425.156 280.883 426.145 279.891 427.367 279.889H427.369C428.591 279.889 429.583 280.879 429.583 282.1L429.603 302.573C429.604 303.796 428.615 304.788 427.393 304.788H427.391Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.4\"}]\n54:[\"$\",\"path\",null,{\"d\":\"M449.444 218.057C449.444 219.274 448.458 220.26 447.242 220.26C446.024 220.26 445.038 219.274 445.038 218.057C445.038 216.84 446.024 215.854 447.242 215.854C448.458 215.854 449.444 216.84 449.444 218.057Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.4\"}]\n55:[\"$\",\"path\",null,{\"d\":\"M464.686 254.584C464.686 255.802 463.7 256.787 462.484 256.787C461.266 256.787 460.28 255.802 460.28 254.584C460.28 253.367 461.266 252.382 462.484 252.382C463.7 252.382 464.686 253.367 464.686 254.584Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.6\"}]\n56:[\"$\",\"path\",null,{\"d\":\"M429.583 310.633C429.583 311.849 428.598 312.836 427.381 312.836C426.165 312.836 425.177 311.849 425.177 310.633C425.177 309.416 426.165 308.429 427.381 308.429C428.598 308.429 429.583 309.416 429.583 310.633Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.4\"}]\n57:[\"$\",\"path\",null,{\"d\":\"M381.348 273.782C381.348 274.999 380.361 275.984 379.145 275.984C377.928 275.984 376.941 274.999 376.941 273.782C376.941 272.564 377.928 271.579 379.145 271.579C380.361 271.579 381.348 272.564 381.348 273.782Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.6\"}]\n58:[\"$\",\"path\",null,{\"d\":\"M354.94 259.998C354.94 261.215 353.955 262.2 352.738 262.2C351.522 262.2 350.534 261.215 350.534 259.998C350.534 258.78 351.522 257.795 352.738 257.795C353.955 257.795 354.94 258.78 354.94 259.998Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.5\"}]\n59:[\"$\",\"path\",null,{\"d\":\"M414.501 170.579C414.501 171.796 413.515 172.781 412.299 172.781C411.081 172.781 410.095 171.796 410.095 170.579C410.095 169.361 411.081 168.376 412.299 168.376C413.515 168.376 414.501 169.361 414.501 170.579Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.2\"}]\n5a:[\"$\",\"path\",null,{\"d\":\"M436.333 154.613C436.333 155.83 435.348 "])</script>
1<script>self.__next_f.push([1,"156.816 434.131 156.816C432.915 156.816 431.927 155.83 431.927 154.613C431.927 153.396 432.915 152.41 434.131 152.41C435.348 152.41 436.333 153.396 436.333 154.613Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.5\"}]\n5b:[\"$\",\"path\",null,{\"d\":\"M465.702 242.975C465.135 242.975 464.57 242.759 464.138 242.327L457.701 235.89C456.837 235.026 456.837 233.624 457.701 232.76C458.565 231.896 459.965 231.896 460.83 232.76L467.266 239.198C468.13 240.062 468.13 241.463 467.266 242.327C466.835 242.759 466.269 242.975 465.702 242.975Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.5\"}]\n5c:[\"$\",\"path\",null,{\"d\":\"M459.264 242.975C458.699 242.975 458.132 242.759 457.7 242.327C456.836 241.463 456.836 240.062 457.7 239.198L464.138 232.76C465.002 231.896 466.403 231.896 467.266 232.76C468.13 233.624 468.13 235.026 467.266 235.89L460.83 242.327C460.398 242.759 459.831 242.975 459.264 242.975Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.5\"}]\n5d:[\"$\",\"path\",null,{\"d\":\"M454.735 348.767C454.735 350.601 453.249 352.086 451.416 352.086C449.583 352.086 448.096 350.601 448.096 348.767C448.096 346.934 449.583 345.449 451.416 345.449C453.249 345.449 454.735 346.934 454.735 348.767Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.5\"}]\n5e:[\"$\",\"path\",null,{\"d\":\"M87.1143 158.144C87.1143 159.977 85.6276 161.464 83.7956 161.464C81.9623 161.464 80.4756 159.977 80.4756 158.144C80.4756 156.31 81.9623 154.825 83.7956 154.825C85.6276 154.825 87.1143 156.31 87.1143 158.144Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.5\"}]\n5f:[\"$\",\"path\",null,{\"d\":\"M13.6924 375.948C13.6924 377.782 12.207 379.267 10.3737 379.267C8.54038 379.267 7.05371 377.782 7.05371 375.948C7.05371 374.115 8.54038 372.63 10.3737 372.63C12.207 372.63 13.6924 374.115 13.6924 375.948Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.4\"}]\n60:[\"$\",\"path\",null,{\"d\":\"M532.978 14.2342C532.978 16.0675 531.493 17.5528 529.659 17.5528C527.826 17.5528 526.339 16.0675 526.339 14.2342C526.339 12.4008 527.826 10.9142 529.659 10.9142C531.493 10.9142 532.978 12.4008 532.978 14.2342Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.4\"}]\n61"])</script>
1<script>self.__next_f.push([1,":[\"$\",\"path\",null,{\"d\":\"M244.041 472.295C244.041 474.128 242.555 475.613 240.722 475.613C238.889 475.613 237.402 474.128 237.402 472.295C237.402 470.461 238.889 468.976 240.722 468.976C242.555 468.976 244.041 470.461 244.041 472.295Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.4\"}]\n"])</script>
1<script>self.__next_f.push([1,"62:[\"$\",\"path\",null,{\"d\":\"M160.742 82.4873L162.367 80.862C163.216 80.0127 163.216 78.6353 162.367 77.7873C161.519 76.938 160.142 76.938 159.292 77.7873L157.667 79.4127L156.042 77.7873C155.192 76.938 153.815 76.938 152.967 77.7873C152.118 78.6353 152.118 80.0127 152.967 80.862L154.592 82.4873L152.967 84.1127C152.118 84.962 152.118 86.3393 152.967 87.1873C153.391 87.6127 153.947 87.8247 154.504 87.8247C155.06 87.8247 155.618 87.6127 156.042 87.1873L157.667 85.562L159.292 87.1873C159.716 87.6127 160.274 87.8247 160.83 87.8247C161.386 87.8247 161.943 87.6127 162.367 87.1873C163.216 86.3393 163.216 84.962 162.367 84.1127L160.742 82.4873Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.2\"}]\n"])</script>
1<script>self.__next_f.push([1,"63:[\"$\",\"path\",null,{\"d\":\"M582.051 301.921L584.395 299.577C585.619 298.353 585.619 296.369 584.395 295.145C583.169 293.921 581.187 293.921 579.963 295.145L577.619 297.489L575.275 295.145C574.051 293.921 572.068 293.921 570.843 295.145C569.619 296.369 569.619 298.353 570.843 299.577L573.187 301.921L570.843 304.265C569.619 305.489 569.619 307.472 570.843 308.697C571.455 309.309 572.256 309.616 573.059 309.616C573.86 309.616 574.663 309.309 575.275 308.697L577.619 306.353L579.963 308.697C580.575 309.309 581.376 309.616 582.179 309.616C582.98 309.616 583.783 309.309 584.395 308.697C585.619 307.472 585.619 305.489 584.395 304.265L582.051 301.921Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.1\"}]\n"])</script>
1<script>self.__next_f.push([1,"64:[\"$\",\"path\",null,{\"d\":\"M259.209 8.21385L261.701 5.72185C263.003 4.42051 263.003 2.30985 261.701 1.00852C260.401 -0.294151 258.289 -0.294151 256.987 1.00852L254.495 3.50052L252.003 1.00852C250.702 -0.294151 248.59 -0.294151 247.29 1.00852C245.987 2.30985 245.987 4.42051 247.29 5.72185L249.782 8.21385L247.29 10.7058C245.987 12.0072 245.987 14.1178 247.29 15.4192C247.939 16.0712 248.793 16.3965 249.646 16.3965C250.499 16.3965 251.353 16.0712 252.003 15.4192L254.495 12.9272L256.987 15.4192C257.638 16.0712 258.491 16.3965 259.345 16.3965C260.198 16.3965 261.05 16.0712 261.701 15.4192C263.003 14.1178 263.003 12.0072 261.701 10.7058L259.209 8.21385Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.1\"}]\n"])</script>
1<script>self.__next_f.push([1,"65:[\"$\",\"path\",null,{\"d\":\"M112.432 413.007L114.416 411.023C115.453 409.985 115.453 408.307 114.416 407.268C113.38 406.232 111.699 406.232 110.663 407.268L108.679 409.253L106.693 407.268C105.657 406.232 103.976 406.232 102.94 407.268C101.904 408.307 101.904 409.985 102.94 411.023L104.925 413.007L102.94 414.991C101.904 416.028 101.904 417.707 102.94 418.745C103.459 419.263 104.137 419.523 104.817 419.523C105.496 419.523 106.176 419.263 106.693 418.745L108.679 416.76L110.663 418.745C111.181 419.263 111.86 419.523 112.54 419.523C113.219 419.523 113.899 419.263 114.416 418.745C115.453 417.707 115.453 416.028 114.416 414.991L112.432 413.007Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.5\"}]\n"])</script>
1<script>self.__next_f.push([1,"66:[\"$\",\"path\",null,{\"d\":\"M148.308 477.631L149.933 476.005C150.783 475.157 150.783 473.779 149.933 472.931C149.084 472.082 147.708 472.082 146.859 472.931L145.233 474.555L143.608 472.931C142.759 472.082 141.383 472.082 140.533 472.931C139.684 473.779 139.684 475.157 140.533 476.005L142.159 477.631L140.533 479.257C139.684 480.106 139.684 481.482 140.533 482.331C140.957 482.757 141.513 482.969 142.071 482.969C142.627 482.969 143.183 482.757 143.608 482.331L145.233 480.706L146.859 482.331C147.283 482.757 147.84 482.969 148.396 482.969C148.952 482.969 149.508 482.757 149.933 482.331C150.783 481.482 150.783 480.106 149.933 479.257L148.308 477.631Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.6\"}]\n"])</script>
1<script>self.__next_f.push([1,"67:[\"$\",\"path\",null,{\"d\":\"M506.861 412.675L509.353 410.183C510.656 408.88 510.656 406.771 509.353 405.469C508.052 404.167 505.942 404.167 504.64 405.469L502.148 407.961L499.656 405.469C498.353 404.167 496.244 404.167 494.942 405.469C493.64 406.771 493.64 408.88 494.942 410.183L497.434 412.675L494.942 415.167C493.64 416.469 493.64 418.579 494.942 419.88C495.593 420.532 496.445 420.857 497.298 420.857C498.152 420.857 499.004 420.532 499.656 419.88L502.148 417.388L504.64 419.88C505.29 420.532 506.144 420.857 506.997 420.857C507.849 420.857 508.702 420.532 509.353 419.88C510.656 418.579 510.656 416.469 509.353 415.167L506.861 412.675Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.2\"}]\n"])</script>
1<script>self.__next_f.push([1,"68:[\"$\",\"path\",null,{\"d\":\"M220.265 375.948L222.757 373.456C224.06 372.155 224.06 370.044 222.759 368.743C221.456 367.44 219.345 367.44 218.044 368.743L215.551 371.236L213.059 368.743C211.757 367.44 209.647 367.44 208.345 368.743C207.043 370.044 207.043 372.155 208.345 373.456L210.837 375.948L208.345 378.44C207.043 379.741 207.043 381.852 208.345 383.153C208.996 383.805 209.849 384.131 210.703 384.131C211.555 384.131 212.408 383.805 213.059 383.153L215.551 380.661L218.044 383.153C218.695 383.805 219.548 384.131 220.401 384.131C221.253 384.131 222.107 383.805 222.759 383.153C224.06 381.852 224.06 379.741 222.757 378.44L220.265 375.948Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.4\"}]\n"])</script>
1<script>self.__next_f.push([1,"69:[\"$\",\"path\",null,{\"d\":\"M67.4747 305.565C65.6161 305.565 64.1054 307.077 64.1054 308.935C64.1054 310.793 65.6161 312.305 67.4747 312.305C69.3334 312.305 70.8441 310.793 70.8441 308.935C70.8441 307.077 69.3334 305.565 67.4747 305.565ZM67.4747 317.932C62.5134 317.932 58.4761 313.896 58.4761 308.935C58.4761 303.975 62.5134 299.936 67.4747 299.936C72.4361 299.936 76.4734 303.975 76.4734 308.935C76.4734 313.896 72.4361 317.932 67.4747 317.932Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.6\"}]\n6a:[\"$\",\"path\",null,{\"d\":\"M11.7073 191.394C11.7073 194.437 9.24059 196.904 6.19792 196.904C3.15392 196.904 0.687256 194.437 0.687256 191.394C0.687256 188.352 3.15392 185.885 6.19792 185.885C9.24059 185.885 11.7073 188.352 11.7073 191.394Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.2\"}]\n6b:[\"$\",\"path\",null,{\"d\":\"M565.722 101.94C565.722 104.983 563.254 107.45 560.211 107.45C557.168 107.45 554.7 104.983 554.7 101.94C554.7 98.8977 557.168 96.4311 560.211 96.4311C563.254 96.4311 565.722 98.8977 565.722 101.94Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.6\"}]\n6c:[\"$\",\"path\",null,{\"d\":\"M392.343 463.466C392.343 466.509 389.877 468.976 386.833 468.976C383.79 468.976 381.323 466.509 381.323 463.466C381.323 460.424 383.79 457.956 386.833 457.956C389.877 457.956 392.343 460.424 392.343 463.466Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.1\"}]\n6d:[\"$\",\"path\",null,{\"d\":\"M60.6096 410.003C60.6096 413.046 58.1429 415.514 55.1003 415.514C52.0563 415.514 49.5896 413.046 49.5896 410.003C49.5896 406.961 52.0563 404.493 55.1003 404.493C58.1429 404.493 60.6096 406.961 60.6096 410.003Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.6\"}]\n6e:[\"$\",\"path\",null,{\"d\":\"M372.275 57.6508C370.58 57.6508 369.199 59.0295 369.199 60.7255C369.199 62.4215 370.58 63.8015 372.275 63.8015C373.97 63.8015 375.351 62.4215 375.351 60.7255C375.351 59.0295 373.97 57.6508 372.275 57.6508ZM372.275 68.9375C367.747 68.9375 364.063 65.2535 364.063 60.7255C364.063 56.1975 367.747 52.5135 372.275 52.5135C376.803 52.5135 380.487 56.1975 380.487 60.7255C380.487 65.2535 376.803 68.9375 372.275 68."])</script>
1<script>self.__next_f.push([1,"9375Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.4\"}]\n6f:[\"$\",\"path\",null,{\"d\":\"M522.195 198.33C520.461 198.33 519.051 199.74 519.051 201.474C519.051 203.208 520.461 204.619 522.195 204.619C523.929 204.619 525.338 203.208 525.338 201.474C525.338 199.74 523.929 198.33 522.195 198.33ZM522.195 209.871C517.565 209.871 513.798 206.104 513.798 201.474C513.798 196.844 517.565 193.078 522.195 193.078C526.825 193.078 530.591 196.844 530.591 201.474C530.591 206.104 526.825 209.871 522.195 209.871Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.2\"}]\n70:[\"$\",\"path\",null,{\"d\":\"M316.992 362.107C315.405 362.107 314.113 363.399 314.113 364.986C314.113 366.574 315.405 367.864 316.992 367.864C318.579 367.864 319.871 366.574 319.871 364.986C319.871 363.399 318.579 362.107 316.992 362.107ZM316.992 372.672C312.753 372.672 309.305 369.224 309.305 364.986C309.305 360.747 312.753 357.3 316.992 357.3C321.231 357.3 324.679 360.747 324.679 364.986C324.679 369.224 321.231 372.672 316.992 372.672Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.1\"}]\n71:[\"$\",\"path\",null,{\"d\":\"M38.2497 22.9105C36.6551 22.9105 35.3564 24.2079 35.3564 25.8039C35.3564 27.3985 36.6551 28.6959 38.2497 28.6959C39.8444 28.6959 41.1431 27.3985 41.1431 25.8039C41.1431 24.2079 39.8444 22.9105 38.2497 22.9105ZM38.2497 33.5292C33.9897 33.5292 30.5244 30.0639 30.5244 25.8039C30.5244 21.5439 33.9897 18.0772 38.2497 18.0772C42.5097 18.0772 45.9751 21.5439 45.9751 25.8039C45.9751 30.0639 42.5097 33.5292 38.2497 33.5292Z\",\"fill\":\"var(--primary)\",\"fillOpacity\":\"0.5\"}]\n"])</script>
1<script>self.__next_f.push([1,"72:[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center gap-4 text-center\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-xl sm:text-2xl\",\"children\":\"We couldn't find the page you are looking for\"}],[\"$\",\"$L7d\",null,{\"href\":\"/\",\"children\":\"Go back to home\",\"data-slot\":\"button\",\"data-variant\":\"default\",\"data-size\":\"default\",\"className\":\"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 inline-flex shrink-0 items-center justify-center gap-2 text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg]:shrink-0 [\u0026_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground hover:bg-primary/90 h-9 px-4 py-2 has-[\u003esvg]:px-3 rounded-full\",\"ref\":null}]]}]\n"])</script>
1<script>self.__next_f.push([1,"73:[\"$\",\"$L7e\",null,{}]\n74:[\"$\",\"$1\",\"c\",{\"children\":[null,[[\"$\",\"$1\",\"front-layout\",{\"children\":[[\"$\",\"$L7f\",null,{}],\"$L80\"]}]]]}]\n75:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$Lb\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lc\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n"])</script>
1<script>self.__next_f.push([1,"76:[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"section\",null,{\"id\":\"pricing\",\"className\":\"py-8 sm:py-16\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mx-auto mb-10 max-w-7xl space-y-10 px-4 sm:px-6 lg:px-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center gap-4 text-center\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-kalam font-medium\",\"children\":[\"Endorsed by the creator of \",[\"$\",\"span\",null,{\"className\":\"underline underline-offset-4\",\"children\":\"shadcn/ui\"}]]}],[\"$\",\"h1\",null,{\"className\":\"text-2xl leading-snug font-semibold sm:text-3xl lg:text-3xl\",\"children\":[\"âShadcn Studio is in the trusted registry.\",[\"$\",\"br\",null,{}],\"Love the CLI integration.â\"]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-10 shadow-md\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://github.com/shadcn.png\",\"alt\":\"@shadcn\"}],[\"$\",\"$L83\",null,{\"className\":\"text-xs\",\"children\":\"CN\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start space-y-0.5 text-sm\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-semibold\",\"children\":\"Shadcn\"}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":[\"Creator of\",\" \",[\"$\",\"$L84\",null,{\"href\":\"https://ui.shadcn.com\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer nofollow\",\"className\":\"hover:text-primary underline underline-offset-3\",\"children\":\"shadcn/ui\"}]]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"relative mx-auto w-full overflow-hidden md:w-4/5 lg:w-7/10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"before:to-background pointer-events-none absolute inset-0 z-1 before:absolute before:inset-0 before:bg-linear-to-l before:from-transparent before:from-70% max-sm:hidden\"}],[\"$\",\"div\",null,{\"className\":\"before:to-background pointer-events-none absolute inset-0 z-1 before:absolute before:inset-0 before:bg-linear-to-r before:from-transparent before:from-70% max-sm:hidden\"}],[\"$\",\"div\",null,{\"style\":{\"--marquee-duration\":\"40s\",\"--marquee-delay\":\"0s\",\"--marquee-gap\":\"1.5rem\"},\"className\":\"group flex gap-(--marquee-gap) overflow-hidden p-3 flex-row\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-horizontal flex-row group-hover:paused\",\"children\":[[\"$\",\"img\",\"0\",{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/codeagency-logo.png?height=75\u0026format=auto\",\"alt\":\"CODEAGENCY\",\"loading\":\"lazy\",\"className\":\"h-14 aspect-29/8\"}],[\"$\",\"img\",\"1\",{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/bitwip-logo.png?height=75\u0026format=auto\",\"alt\":\"BITWIP\",\"loading\":\"lazy\",\"className\":\"h-14 aspect-61/28\"}],[\"$\",\"img\",\"2\",{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/grooved-logo.png?height=75\u0026format=auto\",\"alt\":\"Grooved Learning\",\"loading\":\"lazy\",\"className\":\"h-14 aspect-65/28\"}],[\"$\",\"img\",\"3\",{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/scaleapp-logo.png?height=75\u0026format=auto\",\"alt\":\"Scale App\",\"loading\":\"lazy\",\"className\":\"h-14 aspect-3/1\"}],[\"$\",\"img\",\"4\",{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/attentive-logo.png?height=75\u0026format=auto\",\"alt\":\"Attentive\",\"loading\":\"lazy\",\"className\":\"h-14 aspect-85/28\"}],[\"$\",\"img\",\"5\",{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/chrono-logo.png?height=75\u0026format=auto\",\"alt\":\"Chrono Innovation\",\"loading\":\"lazy\",\"className\":\"h-14 aspect-145/56\"}],[\"$\",\"img\",\"6\",{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/onetech-logo.png?height=75\u0026format=auto\",\"alt\":\"One X Tech\",\"loading\":\"lazy\",\"className\":\"h-14 aspect-143/56\"}],[\"$\",\"img\",\"7\",{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/verilife-logo.png?height=75\u0026format=auto\",\"alt\":\"Verilife\",\"loading\":\"lazy\",\"className\":\"h-14 aspect-113/56\"}
1],[\"$\",\"img\",\"8\",{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/facilitysight-logo.png?height=75\u0026format=auto\",\"alt\":\"FacilitySight\",\"loading\":\"lazy\",\"className\":\"h-14 aspect-163/56\"}],\"$L85\",\"$L86\",\"$L87\"]}],\"$L88\",\"$L89\",\"$L8a\"]}]]}],\"$L8b\"]}],\"$L8c\",\"$L8d\"]}],\"$L8e\",\"$L8f\",\"$L90\",\"$L91\",\"$L92\",\"$L93\",\"$L94\"]}],null,\"$L95\"]}]\n"])</script>
1<script>self.__next_f.push([1,"77:[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L96\",null,{\"children\":\"$L97\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L98\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$99\",null,{\"fallback\":null,\"children\":\"$L9a\"}]}]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"9c:I[496245,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"43280\",\"static/chunks/43280-e251c444000fa096.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"73384\",\"static/chunks/73384-e2f14b08da94964e.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"52285\",\"static/chunks/52285-0df21aebe4a74a07.js\",\"49299\",\"static/chunks/49299-5b7ce3a57185f3d6.js\",\"55117\",\"static/chunks/55117-3b317ae9a22154e9.js\",\"12075\",\"static/chunks/12075-4c9680bfe56d2bc0.js\",\"78081\",\"static/chunks/78081-90043cbd425aaf13.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"84478\",\"static/chunks/app/(front)/pricing/page-bf756ac055eae8bd.js\"],\"default\"]\n"])</script>
1<script>self.__next_f.push([1,"9d:I[554847,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"43280\",\"static/chunks/43280-e251c444000fa096.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"73384\",\"static/chunks/73384-e2f14b08da94964e.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"52285\",\"static/chunks/52285-0df21aebe4a74a07.js\",\"49299\",\"static/chunks/49299-5b7ce3a57185f3d6.js\",\"55117\",\"static/chunks/55117-3b317ae9a22154e9.js\",\"12075\",\"static/chunks/12075-4c9680bfe56d2bc0.js\",\"78081\",\"static/chunks/78081-90043cbd425aaf13.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"84478\",\"static/chunks/app/(front)/pricing/page-bf756ac055eae8bd.js\"],\"default\"]\n"])</script>
1<script>self.__next_f.push([1,"b5:I[849054,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"43280\",\"static/chunks/43280-e251c444000fa096.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"73384\",\"static/chunks/73384-e2f14b08da94964e.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"52285\",\"static/chunks/52285-0df21aebe4a74a07.js\",\"49299\",\"static/chunks/49299-5b7ce3a57185f3d6.js\",\"55117\",\"static/chunks/55117-3b317ae9a22154e9.js\",\"12075\",\"static/chunks/12075-4c9680bfe56d2bc0.js\",\"78081\",\"static/chunks/78081-90043cbd425aaf13.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"84478\",\"static/chunks/app/(front)/pricing/page-bf756ac055eae8bd.js\"],\"Accordion\"]\n"])</script>
1<script>self.__next_f.push([1,"b6:I[849054,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"43280\",\"static/chunks/43280-e251c444000fa096.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"73384\",\"static/chunks/73384-e2f14b08da94964e.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"52285\",\"static/chunks/52285-0df21aebe4a74a07.js\",\"49299\",\"static/chunks/49299-5b7ce3a57185f3d6.js\",\"55117\",\"static/chunks/55117-3b317ae9a22154e9.js\",\"12075\",\"static/chunks/12075-4c9680bfe56d2bc0.js\",\"78081\",\"static/chunks/78081-90043cbd425aaf13.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"84478\",\"static/chunks/app/(front)/pricing/page-bf756ac055eae8bd.js\"],\"AccordionItem\"]\n"])</script>
1<script>self.__next_f.push([1,"b7:I[849054,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"43280\",\"static/chunks/43280-e251c444000fa096.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"73384\",\"static/chunks/73384-e2f14b08da94964e.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"52285\",\"static/chunks/52285-0df21aebe4a74a07.js\",\"49299\",\"static/chunks/49299-5b7ce3a57185f3d6.js\",\"55117\",\"static/chunks/55117-3b317ae9a22154e9.js\",\"12075\",\"static/chunks/12075-4c9680bfe56d2bc0.js\",\"78081\",\"static/chunks/78081-90043cbd425aaf13.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"84478\",\"static/chunks/app/(front)/pricing/page-bf756ac055eae8bd.js\"],\"AccordionTrigger\"]\n"])</script>
1<script>self.__next_f.push([1,"b8:I[849054,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"43280\",\"static/chunks/43280-e251c444000fa096.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"73384\",\"static/chunks/73384-e2f14b08da94964e.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"52285\",\"static/chunks/52285-0df21aebe4a74a07.js\",\"49299\",\"static/chunks/49299-5b7ce3a57185f3d6.js\",\"55117\",\"static/chunks/55117-3b317ae9a22154e9.js\",\"12075\",\"static/chunks/12075-4c9680bfe56d2bc0.js\",\"78081\",\"static/chunks/78081-90043cbd425aaf13.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"84478\",\"static/chunks/app/(front)/pricing/page-bf756ac055eae8bd.js\"],\"AccordionContent\"]\n"])</script>
1<script>self.__next_f.push([1,"be:I[460744,[],\"OutletBoundary\"]\nc0:I[145441,[],\"AsyncMetadataOutlet\"]\n"])</script>
1<script>self.__next_f.push([1,"c2:I[770488,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"43280\",\"static/chunks/43280-e251c444000fa096.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"73384\",\"static/chunks/73384-e2f14b08da94964e.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"92831\",\"static/chunks/92831-c2e7529c61e73e1b.js\",\"49299\",\"static/chunks/49299-5b7ce3a57185f3d6.js\",\"40979\",\"static/chunks/40979-91b06f2af4beacb2.js\",\"99227\",\"static/chunks/99227-afdba63e10318688.js\",\"47810\",\"static/chunks/47810-c0524be794c78849.js\",\"84662\",\"static/chunks/84662-5f426aef4556c73e.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"28956\",\"static/chunks/28956-d659e4129f680ee8.js\",\"39860\",\"static/chunks/39860-e657bd8edd5f5a31.js\",\"31775\",\"static/chunks/31775-a17de6801361b780.js\",\"70488\",\"static/chunks/70488-093493931133b001.js\",\"38020\",\"static/chunks/38020-a97f2f699348bb7f.js\",\"32804\",\"static/chunks/app/(front-themed)/layout-d9de11885259c78e.js\"],\"default\"]\n"])</script>
1<script>self.__next_f.push([1,"c3:I[762547,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"92831\",\"static/chunks/92831-c2e7529c61e73e1b.js\",\"55117\",\"static/chunks/55117-3b317ae9a22154e9.js\",\"62281\",\"static/chunks/62281-5f426aef4556c73e.js\",\"84539\",\"static/chunks/84539-a81833724dad3b92.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"81822\",\"static/chunks/81822-35c780227d9faa98.js\",\"31775\",\"static/chunks/31775-a17de6801361b780.js\",\"96373\",\"static/chunks/96373-1af84c40bc0e816c.js\",\"33415\",\"static/chunks/app/(pages-themed)/layout-a1f2ff3e3002f512.js\"],\"default\"]\n"])</script>
1<script>self.__next_f.push([1,"85:[\"$\",\"img\",\"9\",{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/capgemini-logo.png?height=75\u0026format=auto\",\"alt\":\"Capgemini\",\"loading\":\"lazy\",\"className\":\"h-14 aspect-143/56\"}]\n86:[\"$\",\"img\",\"10\",{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/mercedes-logo.png?height=75\u0026format=auto\",\"alt\":\"Mercedes\",\"loading\":\"lazy\",\"className\":\"h-14 aspect-107/56\"}]\n87:[\"$\",\"img\",\"11\",{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/dhl-logo.png?height=75\u0026format=auto\",\"alt\":\"DHL\",\"loading\":\"lazy\",\"className\":\"h-14 aspect-61/28\"}]\n88:[\"$\",\"div\",\"1\",{\"className\":\"flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-horizontal flex-row group-hover:paused\",\"children\":\"$76:props:children:0:props:children:0:props:children:0:props:children:1:props:children:2:props:children:0:props:children\"}]\n89:[\"$\",\"div\",\"2\",{\"className\":\"flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-horizontal flex-row group-hover:paused\",\"children\":\"$76:props:children:0:props:children:0:props:children:0:props:children:1:props:children:2:props:children:0:props:children\"}]\n8a:[\"$\",\"div\",\"3\",{\"className\":\"flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-horizontal flex-row group-hover:paused\",\"children\":\"$76:props:children:0:props:children:0:props:children:0:props:children:1:props:children:2:props:children:0:props:children\"}]\n8b:[\"$\",\"div\",null,{\"className\":\"text-muted-foreground mx-auto flex flex-col items-center justify-center gap-4 text-center\",\"children\":[[\"$\",\"p\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"font-semibold\",\"children\":\"Crafted, not AI generated\"}],\": Every components, block \u0026 templates are built and reviewed by senior design engineers â accessible, typed, production-ready.\"]}],[\"$\",\"p\",null,{\"children\":[\"One-time payment, \",[\"$\",\"strong\",null,{\"className\":\"font-semibold\",\"children"])</script>
1<script>self.__next_f.push([1,"\":\"lifetime\"}],\" access,\",\" \",[\"$\",\"strong\",null,{\"className\":\"font-semibold\",\"children\":\"unlimited\"}],\" projects â plus fresh components, blocks, and templates monthly.\"]}]]}]\n8c:[[\"$\",\"$L3\",null,{\"moduleIds\":[\"components/landing-pages/pricing/index.tsx -\u003e ./table\"]}],\"$L9b\"]\n"])</script>
1<script>self.__next_f.push([1,"8d:[\"$\",\"div\",null,{\"className\":\"mx-auto mt-10 flex max-w-7xl flex-col items-center space-y-3 px-4 text-center sm:px-6 lg:px-8\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-muted-foreground mb-1.5 text-lg\",\"children\":[[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\",\"key\":\"oel41y\"}],[\"path\",{\"d\":\"m9 12 2 2 4-4\",\"key\":\"dzmm74\"}]],\"className\":\"lucide-shield-check mb-0.5 inline size-5\"}],\" \",[\"$\",\"span\",null,{\"children\":\"Secure 256-bit SSL Encrypted payments by\"}],\" \",[\"$\",\"$L84\",null,{\"href\":\"https://polar.sh/\",\"className\":\"hover:text-primary font-medium underline\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer nofollow\",\"children\":\"Polar\"}],\".\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":[\"Got a question(s)? Read all the\",\" \",[\"$\",\"$L7d\",null,{\"href\":\"/faqs\",\"className\":\"hover:text-primary font-medium underline\",\"children\":\"FAQs\"}],\".\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"8e:[\"$\",\"$L9d\",null,{}]\n"])</script>
1<script>self.__next_f.push([1,"8f:[\"$\",\"section\",null,{\"id\":\"reviews\",\"className\":\"relative pt-8 sm:pt-16 lg:pt-24\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-7xl space-y-12 px-4 sm:space-y-16 sm:px-6 lg:px-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center gap-4 text-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-kalam font-medium underline underline-offset-6\",\"children\":\"Reviews\"}],[\"$\",\"h2\",null,{\"className\":\"text-2xl font-semibold sm:text-3xl lg:text-4xl\",\"children\":[\"The Wall of\",\" \",[\"$\",\"span\",null,{\"className\":\"relative font-bold\",\"children\":[\"Love\",[\"$\",\"svg\",null,{\"width\":\"453\",\"height\":\"8\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"absolute -bottom-0.5 left-0 h-2 w-full rotate-2\",\"children\":[\"$\",\"path\",null,{\"d\":\"M2 6.75068C53.4722 -1.10509 368.533 2.14284 451.5 6.75085\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.5\",\"strokeLinecap\":\"round\"}]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-lg\",\"children\":\"Here's what some of our users have to say about Shadcn Studio.\"}]]}],[\"$\",\"div\",null,{\"className\":\"relative grid sm:grid-cols-2 lg:grid-cols-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"from-background pointer-events-none absolute top-0 z-1 h-37.5 w-full bg-linear-to-b to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"from-background pointer-events-none absolute bottom-0 z-1 h-37.5 w-full bg-linear-to-t to-transparent\"}],[\"$\",\"div\",null,{\"style\":{\"--marquee-duration\":\"40s\",\"--marquee-delay\":\"0s\",\"--marquee-gap\":\"1.5rem\"},\"className\":\"group flex gap-(--marquee-gap) overflow-hidden p-3 flex-col h-200\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-vertical flex-col group-hover:paused\",\"children\":[[\"$\",\"$L84\",\"0\",{\"href\":\"https://x.com/iamncdai/status/1993680656535302590?s=20\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-34.png\",\"alt\":\"Chanh Dai\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"CD\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Chanh Dai\"}],[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z\",\"key\":\"3c2336\"}],[\"path\",{\"d\":\"m9 12 2 2 4-4\",\"key\":\"dzmm74\"}]],\"className\":\"lucide-badge-check stroke-card size-5 fill-sky-500\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"@iamncdai\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33\u0026format=auto\",\"alt\":\"x.com\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"x.com\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Congrats bro \u0026\u0026 shadcn/studio!\"}]]}]}]}],[\"$\",\"$L84\",\"1\",{\"href\":\"https://x.com/webdevluc/status/2040119969673855203?s=20\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[\"$L9e\",\"$L9f\"]}],\"$La0\"]}],\"$La1\"]}],\"$La2\"]}]}]}],\"$La3\",\"$La4\",\"$La5\",\"$La6\",\"$La7\",\"$La8\",\"$La9\",\"$Laa\",\"$Lab\"]}],\"$Lac\",\"$Lad\",\"$Lae\"]}],\"$Laf\",\"$Lb0\"]}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"90:[\"$\",\"$L9d\",null,{}]\n"])</script>
1<script>self.__next_f.push([1,"91:[\"$\",\"section\",null,{\"id\":\"roi\",\"className\":\"space-y-12 py-8 sm:space-y-16 sm:py-16 lg:py-24\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center gap-4 text-center mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-kalam font-medium underline underline-offset-6\",\"children\":\"ROI Calculation\"}],[\"$\",\"h2\",null,{\"className\":\"text-2xl font-semibold sm:text-3xl lg:text-4xl\",\"children\":\"What one license replaces\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-lg max-w-4xl\",\"children\":\"Hand-built or AI-assisted - see what a single $249 license buys back either way.\"}]]}],[\"$\",\"div\",null,{\"className\":\"border-y border-dashed\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto grid w-full max-w-256 grid-cols-1 divide-dashed max-sm:divide-y min-[1026px]:border-x sm:grid-cols-2 sm:divide-x lg:border-dashed\",\"children\":[[\"$\",\"div\",\"Built by humans\",{\"className\":\"px-4 py-8 sm:px-6 lg:px-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 text-sm font-medium\",\"children\":[[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\",\"key\":\"975kel\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"7\",\"r\":\"4\",\"key\":\"17ys0d\"}]],\"className\":\"lucide-user size-4\",\"aria-hidden\":\"true\"}],\"Built by humans\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground mt-6 text-xs font-medium tracking-wide uppercase\",\"children\":\"Precious hours saved\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 text-4xl font-semibold sm:text-5xl\",\"children\":[\"2,000+\",[\"$\",\"span\",null,{\"className\":\"text-muted-foreground ml-1 text-lg font-normal\",\"children\":\"hours\"}]]}],[\"$\",\"ul\",null,{\"className\":\"mt-6 ml-5 list-disc space-y-2\",\"children\":[[\"$\",\"li\",\"Countless hours spent on research and planning\",{\"className\":\"text-muted-foreground text-sm\",\"children\":\"Countless hours spent on research and planning\"}],[\"$\",\"li\",\"~10 months of design and engineering effort\",{\"className\":\"text-muted-foreground text-sm\",\"children\":\"~10 months of design and engineering effort\"}],[\"$\",\"li\",\"Hiring and managing a design and engineering team\",{\"className\":\"text-muted-foreground text-sm\",\"children\":\"Hiring and managing a design and engineering team\"}],[\"$\",\"li\",\"$$180K-$240K if outsourced to a freelancer or agency\",{\"className\":\"text-muted-foreground text-sm\",\"children\":\"$$180K-$240K if outsourced to a freelancer or agency\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-6 border-t border-dashed pt-6\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-xs font-medium tracking-wide uppercase\",\"children\":\"Return on investment\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 text-4xl font-semibold sm:text-5xl\",\"children\":\"725x\"}]]}]]}],[\"$\",\"div\",\"Built with AI\",{\"className\":\"px-4 py-8 sm:px-6 lg:px-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 text-sm font-medium\",\"children\":[[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\",\"key\":\"1s2grr\"}],[\"path\",{\"d\":\"M20 2v4\",\"key\":\"1rf3ol\"}],[\"path\",{\"d\":\"M22 4h-4\",\"key\":\"gwowj6\"}],[\"circle\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\",\"key\":\"6kqj1y\"}]],\"className\":\"lucide-sparkles size-4\",\"aria-hidden\":\"true\"}],\"Built with AI\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground mt-6 text-xs font-medium tracking-wide uppercase\",\"children\":\"Precious hours saved\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 text-4xl font-semibold sm:text-5xl\",\"children\":[\"700+\",[\"$\",\"span\",null,{\"className\":\"text-muted-foreground ml-1 text-lg font-normal\",\"children\":\"hours\"}]]}],[\"$\",\"ul\",null,{\"className\":\"mt-6 ml-5 list-disc space-y-2\",\"children\":[[\"$\",\"li\",\"~4-5 months of prompting and polishing\",{\"className\":\"text-muted-foreground text-sm\",\"children\":\"~4-5 months of prompting and polishing\"}],[\"$\",\"li\",\"AI-generated output, endlessly revised\",{\"className\":\"text-muted-foreground text-sm\",\"children\":\"AI-generated output, endlessly revised\"}],\"$Lb1\",\"$Lb2\"]}],\"$Lb3\"]}]]}]}],\"$Lb4\"]}]\n"])</script>
1<script>self.__next_f.push([1,"92:[\"$\",\"$L9d\",null,{}]\n"])</script>
1<script>self.__next_f.push([1,"93:[\"$\",\"section\",null,{\"id\":\"faq\",\"className\":\"py-8 sm:py-16 lg:py-24\",\"children\":[\"$\",\"div\",null,{\"className\":\"space-y-12 px-4 sm:space-y-16 sm:px-6 lg:px-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center gap-4 text-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-kalam font-medium underline underline-offset-6\",\"children\":\"FAQ\"}],[\"$\",\"h2\",null,{\"className\":\"text-2xl font-semibold sm:text-3xl lg:text-4xl\",\"children\":[\"Any\",\" \",[\"$\",\"span\",null,{\"className\":\"relative\",\"children\":[\"Questions?\",[\"$\",\"svg\",null,{\"width\":\"453\",\"height\":\"8\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"absolute -bottom-1.5 left-0 h-2 w-full\",\"children\":[\"$\",\"path\",null,{\"d\":\"M2 6.75068C53.4722 -1.10509 368.533 2.14284 451.5 6.75085\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.5\",\"strokeLinecap\":\"round\"}]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-lg\",\"children\":\"Browse through these FAQs to find answers to commonly asked questions.\"}]]}],[\"$\",\"div\",null,{\"className\":\"mx-auto w-full max-w-4xl\",\"children\":[\"$\",\"$Lb5\",null,{\"type\":\"single\",\"collapsible\":true,\"className\":\"w-full\",\"children\":[[\"$\",\"$Lb6\",\"0\",{\"value\":\"item-1\",\"children\":[[\"$\",\"$Lb7\",null,{\"className\":\"cursor-pointer\",\"children\":\"What is shadcn/ui?\"}],[\"$\",\"$Lb8\",null,{\"className\":\"text-muted-foreground\",\"children\":\"shadcn/ui is a free, open-source React component library built on Radix UI or Base UI primitives and styled with Tailwind CSS. Unlike traditional libraries, it adds component source code directly into your project via CLI - you own the files with no runtime dependency.\"}]]}],[\"$\",\"$Lb6\",\"1\",{\"value\":\"item-2\",\"children\":[[\"$\",\"$Lb7\",null,{\"className\":\"cursor-pointer\",\"children\":\"What is Shadcn Studio?\"}],[\"$\",\"$Lb8\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Shadcn Studio is a premium platform built on shadcn/ui, providing 1000+ UI blocks, 1000+ component variants, Next.js and Astro templates, a Figma UI kit, a live theme generator, and AI coding tools. Trusted by 1,600+ developers and teams worldwide.\"}]]}],[\"$\",\"$Lb6\",\"2\",{\"value\":\"item-3\",\"children\":[[\"$\",\"$Lb7\",null,{\"className\":\"cursor-pointer\",\"children\":\"How is Shadcn Studio different from shadcn/ui?\"}],[\"$\",\"$Lb8\",null,{\"className\":\"text-muted-foreground\",\"children\":\"shadcn/ui is the official open-source component library - individual elements like Button, Dialog, and Select. Shadcn Studio is built on top of it, providing pre-assembled page sections, full templates, a Figma kit, and AI tools that accelerate building with shadcn/ui.\"}]]}],[\"$\",\"$Lb6\",\"3\",{\"value\":\"item-4\",\"children\":[[\"$\",\"$Lb7\",null,{\"className\":\"cursor-pointer\",\"children\":\"Is shadcn/ui worth learning in 2026?\"}],[\"$\",\"$Lb8\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Yes. shadcn/ui is the most widely adopted React component system in 2026, the recommended UI layer in the Next.js ecosystem, and the default target for AI coding tools like Cursor and v0.dev. It is the most future-proof React UI skill you can invest in today.\"}]]}],[\"$\",\"$Lb6\",\"4\",{\"value\":\"item-5\",\"children\":[[\"$\",\"$Lb7\",null,{\"className\":\"cursor-pointer\",\"children\":\"Does shadcn/ui support dark mode?\"}],[\"$\",\"$Lb8\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Yes. shadcn/ui uses CSS variables and Tailwind's class strategy - adding the `dark` class to the HTML element switches all components automatically. Shadcn Studio's theme generator lets you create and preview custom dark mode themes visually with real-time export.\"}]]}],[\"$\",\"$Lb6\",\"5\",{\"value\":\"item-6\",\"children\":[[\"$\",\"$Lb7\",null,{\"className\":\"cursor-pointer\",\"children\":\"Can I use shadcn/ui with Next.js?\"}],[\"$\",\"$Lb8\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Yes. shadcn/ui is built for Next.js and officially supports both App Router and Pages Router, with full React Server Component compatibility. All Shadcn Studio blocks and templates are built and tested for Next.js 16 App Router with Tailwind CSS v4.\"}]]}],\"$Lb9\",\"$Lba\",\"$Lbb\",\"$Lbc\"]}]}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"bd:T30f8,"])</script>
1<script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@graph\":[{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"@id\":\"https://shadcn-studio-internal-staging.vercel.app#website\",\"name\":\"Shadcn Studio\",\"description\":\"1000+ shadcn/ui blocks, 100+ pages, 25+ templates, components, illustrations, Figma kit, theme generator, builder \u0026 MCP server. One subscription, free tier included.\",\"url\":\"https://shadcn-studio-internal-staging.vercel.app\",\"publisher\":{\"@id\":\"https://shadcn-studio-internal-staging.vercel.app#organization\"},\"sameAs\":[\"https://x.com/ShadcnStudio\"],\"inLanguage\":\"en-US\"},{\"@context\":\"https://schema.org\",\"@type\":\"WebPage\",\"@id\":\"https://shadcn-studio-internal-staging.vercel.app/pricing#webpage\",\"name\":\"Pricing\",\"description\":\"Get lifetime access to 1000+ Shadcn UI components, 1000+ blocks \u0026 25+ templates with a one-time payment. Simple pricing, unlimited projects.\",\"url\":\"https://shadcn-studio-internal-staging.vercel.app/pricing\",\"isPartOf\":{\"@id\":\"https://shadcn-studio-internal-staging.vercel.app#website\"},\"about\":{\"@id\":\"https://shadcn-studio-internal-staging.vercel.app#product\"},\"potentialAction\":{\"@type\":\"ReadAction\",\"target\":[\"https://shadcn-studio-internal-staging.vercel.app/pricing\"]}},{\"@context\":\"https://schema.org\",\"@type\":[\"Product\",\"SoftwareApplication\"],\"@id\":\"https://shadcn-studio-internal-staging.vercel.app#product\",\"name\":\"Shadcn Studio\",\"alternateName\":\"Shadcn Studio Pricing - Lifetime Access, One-Time Payment\",\"description\":\"1000+ shadcn/ui blocks, 100+ pages, 25+ templates, components, illustrations, Figma kit, theme generator, builder \u0026 MCP server. One subscription, free tier included.\",\"url\":\"https://shadcn-studio-internal-staging.vercel.app/pricing\",\"image\":\"https://cdn.shadcnstudio.com/ss-assets/smm/marketing/shadcn-studio-smm-banner.png\",\"screenshot\":{\"@type\":\"ImageObject\",\"url\":\"https://cdn.shadcnstudio.com/ss-assets/smm/marketing/shadcn-studio-smm-banner.png\",\"width\":1200,\"height\":630},\"applicationCategory\":\"DeveloperApplication\",\"operatingSystem\":\"Web, Windows, macOS, Linux\",\"softwareRequirements\":\"Node.js 18+, React 18+, Tailwind CSS v4\",\"inLanguage\":\"en\",\"isAccessibleForFree\":true,\"featureList\":\"1000+ Pre-Built Shadcn UI Blocks, 1000+ Component Variants, 25+ Premium Templates, Drag \u0026 Drop Builder, AI-Powered Theme Generator, MCP Server Integration, Figma to Code, Shadcn UI Kit for Figma, CLI \u0026 Copy-Paste Installation, Radix UI \u0026 Base UI Support, Motion / Animation Components, Dark \u0026 Light Theme Support\",\"brand\":{\"@type\":\"Brand\",\"name\":\"Shadcn Studio\"},\"author\":{\"@id\":\"https://shadcn-studio-internal-staging.vercel.app#organization\"},\"offers\":[{\"@type\":\"Offer\",\"name\":\"Community\",\"price\":\"0\",\"priceCurrency\":\"USD\",\"description\":\"Free forever open-source plan with limited blocks and components.\",\"availability\":\"https://schema.org/InStock\",\"url\":\"https://shadcn-studio-internal-staging.vercel.app/docs/getting-started/introduction\"},{\"@type\":\"Offer\",\"name\":\"Basic\",\"price\":\"149\",\"priceCurrency\":\"USD\",\"description\":\"For individual creators. One-time payment with lifetime access.\",\"availability\":\"https://schema.org/InStock\",\"url\":\"https://shadcn-studio-internal-staging.vercel.app/pricing\"},{\"@type\":\"Offer\",\"name\":\"Pro\",\"price\":\"249\",\"priceCurrency\":\"USD\",\"description\":\"For serious builders. One-time payment with full access.\",\"availability\":\"https://schema.org/InStock\",\"url\":\"https://shadcn-studio-internal-staging.vercel.app/pricing\"},{\"@type\":\"Offer\",\"name\":\"Team\",\"price\":\"499\",\"priceCurrency\":\"USD\",\"description\":\"For growing teams. 15 seats with one-time payment.\",\"availability\":\"https://schema.org/InStock\",\"url\":\"https://shadcn-studio-internal-staging.vercel.app/pricing\"},{\"@type\":\"Offer\",\"name\":\"Enterprise\",\"price\":\"899\",\"priceCurrency\":\"USD\",\"description\":\"For large teams. Unlimited seats with one-time payment.\",\"availability\":\"https://schema.org/InStock\",\"url\":\"https://shadcn-studio-internal-staging.vercel.app/pricing\"}
1],\"aggregateRating\":{\"@type\":\"AggregateRating\",\"ratingValue\":\"4.9\",\"bestRating\":\"5\",\"worstRating\":\"1\",\"ratingCount\":\"5\",\"reviewCount\":\"5\"},\"review\":[{\"@type\":\"Review\",\"name\":\"Shadcn Studio is an absolute game-changer\",\"datePublished\":\"2026-06-12\",\"reviewBody\":\"As a developer who has worked with dozens of UI libraries, this platform stands head and shoulders above the rest. The library of 1000+ ready-to-use, fully customizable components, blocks, UI kits, boilerplates, templates, and themes is incredibly comprehensive and production-ready. The seamless support for both Radix UI and Base UI, combined with the new shadcn/ui v4 alignment and powerful theme generator, makes customization effortless while maintaining full code ownership. The Figma-to-shadcn workflow and AI-powered tools have dramatically accelerated my frontend development process â I have cut project timelines in half on multiple occasions. If you are serious about shipping beautiful, scalable interfaces quickly, Shadcn Studio is an indispensable tool.\",\"author\":{\"@type\":\"Person\",\"name\":\"Terry C.\",\"jobTitle\":\"CEO\",\"worksFor\":{\"@type\":\"Organization\",\"name\":\"Small-Business\"}},\"publisher\":{\"@type\":\"Organization\",\"name\":\"G2\",\"url\":\"https://www.g2.com\"},\"reviewRating\":{\"@type\":\"Rating\",\"ratingValue\":\"5\",\"bestRating\":\"5\",\"worstRating\":\"1\"}},{\"@type\":\"Review\",\"name\":\"We ship client UIs much faster now, the blocks alone are worth the money\",\"datePublished\":\"2026-06-12\",\"reviewBody\":\"We run an IT services company plus we build our own SaaS products, so frontend work never stops for us. Before Shadcn Studio, our devs were building the same hero sections, pricing tables and dashboard layouts again and again for every client project. The blocks are copy-paste ready and they actually look good out of the box. The CLI installs cleanly with our Next.js setup with no extra dependencies. Two things stand out most: you own the code, so there is no vendor lock worry when handing over projects to clients; and the theme generator matches client brand colors in minutes. The MCP server support was a nice surprise â our devs use it inside Cursor and it pulls the right blocks while they work. On a 30-person team running multiple client projects at once, the time saving directly affects our margins.\",\"author\":{\"@type\":\"Person\",\"name\":\"Parth M.\",\"jobTitle\":\"Founder\",\"worksFor\":{\"@type\":\"Organization\",\"name\":\"Small-Business\"}},\"publisher\":{\"@type\":\"Organization\",\"name\":\"G2\",\"url\":\"https://www.g2.com\"},\"reviewRating\":{\"@type\":\"Rating\",\"ratingValue\":\"5\",\"bestRating\":\"5\",\"worstRating\":\"1\"}},{\"@type\":\"Review\",\"name\":\"Effortless UI Creation with Ready-to-Use Templates\",\"datePublished\":\"2026-06-12\",\"reviewBody\":\"With Shadcn Studio I did not need to design anything or build repetitive UI from scratch because I could just use a template. I love the ready-to-use designs, which makes it easy to pick one and start using it right away. The team is always keeping it up to date with the latest changes. The initial setup was super simple, just requiring a copy and paste of a few commands into the terminal. So far I have not found anything I dislike about Shadcn Studio.\",\"author\":{\"@type\":\"Person\",\"name\":\"Dmitriy\",\"jobTitle\":\"Frontend Engineer\",\"worksFor\":{\"@type\":\"Organization\",\"name\":\"Small-Business\"}},\"publisher\":{\"@type\":\"Organization\",\"name\":\"G2\",\"url\":\"https://www.g2.com\"},\"reviewRating\":{\"@type\":\"Rating\",\"ratingValue\":\"5\",\"bestRating\":\"5\",\"worstRating\":\"1\"}},{\"@type\":\"Review\",\"name\":\"Anyone Can Build a Next-Gen Website Easily\",\"datePublished\":\"2026-06-11\",\"reviewBody\":\"Anyone can create a website easily with these ready-made components, and it really has a next-gen design look. There are occasional page speed issues if you use too many heavy components at once, but it passes Google Web Vitals under normal usage. There is no real need to write much code â just use the ready-made components and your website is ready.\",\"author\":{\"@type\":\"Person\",\"name\":\"Hiren K.\",\"jobTitle\":\"Co-Founder and CEO\",\"worksFor\":{\"@type\":\"Organization\",\"name\":\"Small-Business\"}}
1,\"publisher\":{\"@type\":\"Organization\",\"name\":\"G2\",\"url\":\"https://www.g2.com\"},\"reviewRating\":{\"@type\":\"Rating\",\"ratingValue\":\"4.5\",\"bestRating\":\"5\",\"worstRating\":\"1\"}},{\"@type\":\"Review\",\"name\":\"Best Shadcn Designs with Unmatched AI Tools\",\"datePublished\":\"2026-06-11\",\"reviewBody\":\"Best designs for Shadcn. It supports Base UI, and the AI tools are truly second to none. It makes developing frontends feel 100x easier and faster. With just one prompt, I can bring in a well-designed shadcn component. At this point I honestly do not want to build any frontend without it.\",\"author\":{\"@type\":\"Person\",\"name\":\"Conrad O.\",\"jobTitle\":\"Operations Lead\",\"worksFor\":{\"@type\":\"Organization\",\"name\":\"Mid-Market\"}},\"publisher\":{\"@type\":\"Organization\",\"name\":\"G2\",\"url\":\"https://www.g2.com\"},\"reviewRating\":{\"@type\":\"Rating\",\"ratingValue\":\"5\",\"bestRating\":\"5\",\"worstRating\":\"1\"}}]},{\"@context\":\"https://schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What is shadcn/ui?\",\"acceptedA
1nswer\":{\"@type\":\"Answer\",\"text\":\"shadcn/ui is a free, open-source React component library built on Radix UI or Base UI primitives and styled with Tailwind CSS. Unlike traditional libraries, it adds component source code directly into your project via CLI - you own the files with no runtime dependency.\"}},{\"@type\":\"Question\",\"name\":\"What is Shadcn Studio?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Shadcn Studio is a premium platform built on shadcn/ui, providing 1000+ UI blocks, 1000+ component variants, Next.js and Astro templates, a Figma UI kit, a live theme generator, and AI coding tools. Trusted by 1,600+ developers and teams worldwide.\"}},{\"@type\":\"Question\",\"name\":\"How is Shadcn Studio different from shadcn/ui?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"shadcn/ui is the official open-source component library - individual elements like Button, Dialog, and Select. Shadcn Studio is built on top of it, providing pre-assembled page sections, full templates, a Figma kit, and AI tools that accelerate building with shadcn/ui.\"}},{\"@type\":\"Question\",\"name\":\"Is shadcn/ui worth learning in 2026?\",\"acceptedA
1nswer\":{\"@type\":\"Answer\",\"text\":\"Yes. shadcn/ui is the most widely adopted React component system in 2026, the recommended UI layer in the Next.js ecosystem, and the default target for AI coding tools like Cursor and v0.dev. It is the most future-proof React UI skill you can invest in today.\"}},{\"@type\":\"Question\",\"name\":\"Does shadcn/ui support dark mode?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. shadcn/ui uses CSS variables and Tailwind's class strategy - adding the `dark` class to the HTML element switches all components automatically. Shadcn Studio's theme generator lets you create and preview custom dark mode themes visually with real-time export.\"}},{\"@type\":\"Question\",\"name\":\"Can I use shadcn/ui with Next.js?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. shadcn/ui is built for Next.js and officially supports both App Router and Pages Router, with full React Server Component compatibility. All Shadcn Studio blocks and templates are built and tested for Next.js 16 App Router with Tailwind CSS v4.\"}},{\"@type\":\"Question\",\"name\":\"What accessibility features does shadcn/ui have?\",\"acceptedA
1nswer\":{\"@type\":\"Answer\",\"text\":\"shadcn/ui components are built on Radix UI or Base UI primitives, providing WAI-ARIA compliant keyboard navigation, focus management, and screen reader support out of the box. You own the component files and remain responsible for verifying your specific implementation.\"}},{\"@type\":\"Question\",\"name\":\"Does Shadcn Studio have a free version?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. The free tier includes 57 shadcn/ui blocks, the live theme generator, and free components - no credit card, no time limit. The Pro plan unlocks all 1000+ blocks, templates, the Figma UI kit, and AI theme generation with free lifetime updates.\"}},{\"@type\":\"Question\",\"name\":\"Which frameworks does Shadcn Studio support?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Shadcn Studio supports Next.js 16, Astro, Vite + React, React Router v7, and TanStack Start. All blocks use Tailwind CSS v4 with Base UI and Radix UI support, and install via the standard shadcn CLI.\"}},{\"@type\":\"Question\",\"name\":\"Can I use Shadcn Studio blocks in commercial projects?\",\"acceptedA
1nswer\":{\"@type\":\"Answer\",\"text\":\"Yes. All blocks, templates, and components are licensed for commercial use across unlimited projects - client work, SaaS products, and internal tools. Reselling the source files as a competing product is not permitted.\"}}]}]}"])</script>
1<script>self.__next_f.push([1,"94:[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$bd\"}}]\n95:[\"$\",\"$Lbe\",null,{\"children\":[\"$Lbf\",[\"$\",\"$Lc0\",null,{\"promise\":\"$@c1\"}]]}]\n"])</script>
1<script>self.__next_f.push([1,"80:[\"$\",\"div\",null,{\"className\":\"flex h-full w-full min-w-0 flex-col\",\"id\":\"backdrop-container\",\"children\":[[\"$\",\"$Lc2\",null,{}],[\"$\",\"main\",null,{\"className\":\"flex flex-1 flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mx-auto h-full w-full max-w-350 border-dashed min-[1400px]:border-x min-[1800px]:max-w-384\",\"children\":[\"$\",\"$Lb\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lc\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"$Lc3\",null,{}]]}],[\"$\",\"$L9d\",null,{}],[\"$\",\"footer\",null,{\"className\":\"flex w-full flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mx-auto w-full max-w-350 border-dashed min-[1400px]:border-x min-[1800px]:max-w-384\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid gap-6 border-b border-dashed px-4 py-8 sm:grid-cols-2 sm:gap-8 sm:px-6 sm:py-16 md:grid-cols-3 lg:px-8 xl:grid-cols-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start gap-4 md:col-span-2\",\"children\":[[\"$\",\"$L7d\",null,{\"href\":\"/\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2.5\",\"children\":[[\"$\",\"svg\",null,{\"width\":\"1em\",\"height\":\"1em\",\"viewBox\":\"0 0 328 329\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"size-8.5\",\"children\":[[\"$\",\"rect\",null,{\"y\":\"0.5\",\"width\":\"328\",\"height\":\"328\",\"rx\":\"164\",\"fill\":\"black\",\"className\":\"dark:fill-white\"}],[\"$\",\"path\",null,{\"d\":\"M165.018 72.3008V132.771C165.018 152.653 148.9 168.771 129.018 168.771H70.2288\",\"stroke\":\"white\",\"strokeWidth\":\"20\",\"className\":\"dark:stroke-black\"}],[\"$\",\"path\",null,{\"d\":\"M166.627 265.241L166.627 204.771C166.627 184.889 182.744 168.771 202.627 168.771L261.416 168.771\",\"stroke\":\"white\",\"strokeWidth\":\"20\",\"className\":\"dark:stroke-black\"}],[\"$\",\"line\",null,{\"x1\":\"238.136\",\"y1\":\"98.8184\",\"x2\":\"196.76\",\"y2\":\"139.707\",\"stroke\":\"white\",\"strokeWidth\":\"20\",\"className\":\"dark:stroke-black\"}],[\"$\",\"line\",null,{\"x1\":\"135.688\",\"y1\":\"200.957\",\"x2\":\"94.3128\",\"y2\":\"241.845\",\"stroke\":\"white\",\"strokeWidth\":\"20\",\"className\":\"dark:stroke-black\"}],[\"$\",\"line\",null,{\"x1\":\"133.689\",\"y1\":\"137.524\",\"x2\":\"92.5566\",\"y2\":\"96.3914\",\"stroke\":\"white\",\"strokeWidth\":\"20\",\"className\":\"dark:stroke-black\"}],[\"$\",\"line\",null,{\"x1\":\"237.679\",\"y1\":\"241.803\",\"x2\":\"196.547\",\"y2\":\"200.671\",\"stroke\":\"white\",\"strokeWidth\":\"20\",\"className\":\"dark:stroke-black\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-xl font-bold\",\"children\":\"shadcn/studio\"}]]}]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":[\"A shadcn/ui ecosystem of free and pro collection of copy-and-paste\",\" \",[\"$\",\"$L7d\",null,{\"href\":\"/\",\"className\":\"link-animated\",\"children\":\"shadcn/ui\"}],\" \",\"components, blocks, illustrations and templates - paired with a powerful Shadcn theme generator to craft, customize, and ship faster.\"]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-4\",\"children\":[[\"$\",\"$L84\",null,{\"href\":\"https://github.com/shadcnstudio/shadcn-studio\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"aria-hidden\":\"true\",\"className\":\"size-6\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4\"}],[\"$\",\"path\",null,{\"d\":\"M9 18c-4.51 2-5-2-7-2\"}]]}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Github\"}]]}],[\"$\",\"$L84\",null,{\"href\":\"https://discord.com/invite/kBHkY7DekX\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"1em\",\"height\"
1:\"1em\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"className\":\"size-6\",\"children\":[[\"$\",\"circle\",null,{\"cx\":\"9\",\"cy\":\"12\",\"r\":\"1\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"}],[\"$\",\"circle\",null,{\"cx\":\"15\",\"cy\":\"12\",\"r\":\"1\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"}],[\"$\",\"path\",null,{\"d\":\"M7.5 7.5C11 6.5 13 6.5 16.5 7.5\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"}],[\"$\",\"path\",null,{\"d\":\"M7 16.5C10.5 17.5 13.5 17.5 17 16.5\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"}],\"$Lc4\",\"$Lc5\"]}],\"$Lc6\"]}],\"$Lc7\",\"$Lc8\"]}],\"$Lc9\",\"$Lca\",\"$Lcb\"]}],\"$Lcc\",\"$Lcd\",\"$Lce\",\"$Lcf\"]}],\"$Ld0\",\"$Ld1\"]}],\"$Ld2\",\"$Ld3\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"ef:I[442467,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"43280\",\"static/chunks/43280-e251c444000fa096.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"73384\",\"static/chunks/73384-e2f14b08da94964e.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"52285\",\"static/chunks/52285-0df21aebe4a74a07.js\",\"49299\",\"static/chunks/49299-5b7ce3a57185f3d6.js\",\"55117\",\"static/chunks/55117-3b317ae9a22154e9.js\",\"12075\",\"static/chunks/12075-4c9680bfe56d2bc0.js\",\"78081\",\"static/chunks/78081-90043cbd425aaf13.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"84478\",\"static/chunks/app/(front)/pricing/page-bf756ac055eae8bd.js\"],\"default\"]\n"])</script>
1<script>self.__next_f.push([1,"9e:[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-62.png\",\"alt\":\"Devluc\"}]\n9f:[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"D\"}]\na0:[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Devluc\"}],\"$undefined\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"@webdevluc\"}]]}]\na1:[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33\u0026format=auto\",\"alt\":\"x.com\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"x.com\"}]]}]\na2:[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Congratulations Ajay. It looks amazing\"}]\n"])</script>
1<script>self.__next_f.push([1,"a3:[\"$\",\"$L84\",\"2\",{\"href\":\"https://x.com/shri_vatz/status/1924829698020016198\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-35.png\",\"alt\":\"Shri Vatz\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"SV\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Shri Vatz\"}],[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$8f:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:props:children:0:props:children:0:props:children:1:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-badge-check stroke-card size-5 fill-sky-500\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"@shri_vatz\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33\u0026format=auto\",\"alt\":\"x.com\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"x.com\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Thanks Ajay! shadcnstudio looks amazing ð\"}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"a4:[\"$\",\"$L84\",\"3\",{\"href\":\"https://x.com/me_jd_solanki/status/1969304354852122883\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-28.png\",\"alt\":\"JD Solanki\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"JS\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"JD Solanki\"}],\"$undefined\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"@me_jd_solanki\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33\u0026format=auto\",\"alt\":\"x.com\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"x.com\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-3\",\"children\":[\"Just found \",[\"$\",\"span\",null,{\"className\":\"text-sky-700\",\"children\":\"@ShadcnStudio\"}],\" ð\"]}],[\"$\",\"p\",null,{\"className\":\"mb-3\",\"children\":\"It fills the gap of missing customised demos which are not available in shadcn blocks or docs. Great part, you can copy-paste like shadcn docs ð¤ð»\"}],\"E.g. pre-made user combobox which shows user avatar, email and name in options.\"]}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"a5:[\"$\",\"$L84\",\"4\",{\"href\":\"https://x.com/sadmann17/status/1994559662294012062?s=20\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-36.png\",\"alt\":\"sadman\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"s\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"sadman\"}],[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$8f:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:props:children:0:props:children:0:props:children:1:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-badge-check stroke-card size-5 fill-sky-500\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"@sadmann17\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33\u0026format=auto\",\"alt\":\"x.com\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"x.com\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"those blocks are clean af\"}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"a6:[\"$\",\"$L84\",\"5\",{\"href\":\"https://x.com/jlndev/status/2006095054855651559?s=20\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-58.png\",\"alt\":\"Julian\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"J\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Julian\"}],[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$8f:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:props:children:0:props:children:0:props:children:1:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-badge-check stroke-card size-5 fill-sky-500\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"@jlndev\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33\u0026format=auto\",\"alt\":\"x.com\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"x.com\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":[\"Very impressed with the Work of \",[\"$\",\"span\",null,{\"className\":\"text-sky-700\",\"children\":\"@ajaypatel_aj\"}],\" with\",\" \",[\"$\",\"span\",null,{\"className\":\"text-sky-700\",\"children\":\"@ShadcnStudio\"}],[\"$\",\"br\",null,{}],[\"$\",\"br\",null,{}],\"If you are building anything with shadcn, you definitely add this to your toolboy\"]}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"a7:[\"$\",\"$L84\",\"6\",{\"href\":\"https://x.com/iamncdai/status/1993680656535302590?s=20\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-34.png\",\"alt\":\"Chanh Dai\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"CD\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Chanh Dai\"}],[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$8f:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:props:children:0:props:children:0:props:children:1:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-badge-check stroke-card size-5 fill-sky-500\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"@iamncdai\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33\u0026format=auto\",\"alt\":\"x.com\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"x.com\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Congrats bro \u0026\u0026 shadcn/studio!\"}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"a8:[\"$\",\"$L84\",\"7\",{\"href\":\"https://x.com/csaba_kissi/status/2054460183900795200?s=20\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-61.png\",\"alt\":\"Csaba Kissi\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"CK\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Csaba Kissi\"}],[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$8f:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:props:children:0:props:children:0:props:children:1:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-badge-check stroke-card size-5 fill-sky-500\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"@csaba_kissi\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33\u0026format=auto\",\"alt\":\"x.com\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"x.com\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":[\"Amazing tools and apps for coders.\",[\"$\",\"br\",null,{}],[\"$\",\"br\",null,{}],[\"$\",\"span\",null,{\"className\":\"text-sky-700\",\"children\":\"shadcnstudio.com\"}],\" - UIs with Shadcn\",[\"$\",\"br\",null,{}],[\"$\",\"span\",null,{\"className\":\"text-sky-700\",\"children\":\"tablericons.com\"}],\" - Free SVG icons\",[\"$\",\"br\",null,{}],[\"$\",\"span\",null,{\"className\":\"text-sky-700\",\"children\":\"rapidform.com\"}],\" - AI form builder\",[\"$\",\"br\",null,{}],[\"$\",\"span\",null,{\"className\":\"text-sky-700\",\"children\":\"github.com/crup/runrate\"}],\" - Dash for AI agent usage\",[\"$\",\"br\",null,{}],[\"$\",\"span\",null,{\"className\":\"text-sky-700\",\"children\":\"euroscanner.eu\"}],\" - EU data sovereignty audit\"]}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"a9:[\"$\",\"$L84\",\"8\",{\"href\":\"https://www.g2.com/products/shadcn-studio-shadcn-ui-components-blocks-templates/reviews/shadcn-studio-shadcn-ui-components-blocks-templates-review-12948183\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-72.png\",\"alt\":\"Hiren kalariya\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"Hk\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Hiren kalariya\"}],\"$undefined\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"Co-Founder and CEO\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/g2-logo.png?height=33\u0026format=auto\",\"alt\":\"G2\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"G2\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Anyone Can Build a Next-Gen Website Easily\"}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"aa:[\"$\",\"$L84\",\"9\",{\"href\":\"https://www.g2.com/products/shadcn-studio-shadcn-ui-components-blocks-templates/reviews/shadcn-studio-shadcn-ui-components-blocks-templates-review-12952600\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-27.png\",\"alt\":\"Terry Carson\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"TC\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Terry Carson\"}],\"$undefined\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"CEO\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/g2-logo.png?height=33\u0026format=auto\",\"alt\":\"G2\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"G2\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Shadcn Studio is an absolute game-changer\"}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"ab:[\"$\",\"$L84\",\"10\",{\"href\":\"https://x.com/avi11x/status/2001303672731435171?s=20\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-67.png\",\"alt\":\"Avinash\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"A\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Avinash\"}],[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$8f:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:props:children:0:props:children:0:props:children:1:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-badge-check stroke-card size-5 fill-sky-500\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"@avi11x\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33\u0026format=auto\",\"alt\":\"x.com\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"x.com\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Keep doing awesome work ð¥ð\"}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"ac:[\"$\",\"div\",\"1\",{\"className\":\"flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-vertical flex-col group-hover:paused\",\"children\":\"$8f:props:children:props:children:1:props:children:2:props:children:0:props:children\"}]\nad:[\"$\",\"div\",\"2\",{\"className\":\"flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-vertical flex-col group-hover:paused\",\"children\":\"$8f:props:children:props:children:1:props:children:2:props:children:0:props:children\"}]\nae:[\"$\",\"div\",\"3\",{\"className\":\"flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-vertical flex-col group-hover:paused\",\"children\":\"$8f:props:children:props:children:1:props:children:2:props:children:0:props:children\"}]\n"])</script>
1<script>self.__next_f.push([1,"af:[\"$\",\"div\",null,{\"style\":{\"--marquee-duration\":\"44s\",\"--marquee-delay\":\"0s\",\"--marquee-gap\":\"1.5rem\"},\"className\":\"group flex gap-(--marquee-gap) overflow-hidden p-3 flex-col h-200 max-sm:hidden\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-vertical flex-col group-hover:paused\",\"children\":[[\"$\",\"$L84\",\"0\",{\"href\":\"https://x.com/shadcn/status/1988842169445081278?s=20\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-38.png\",\"alt\":\"shadcn\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"s\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"shadcn\"}],[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$8f:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:props:children:0:props:children:0:props:children:1:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-badge-check stroke-card size-5 fill-sky-500\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"@shadcn\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33\u0026format=auto\",\"alt\":\"x.com\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"x.com\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Nice.\"}]]}]}]}],[\"$\",\"$L84\",\"1\",{\"href\":\"https://x.com/AlemTuzlak/status/2011092321798967351?s=20\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-64.png\",\"alt\":\"Alem Tuzlak ð§ð¦\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"AT\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Alem Tuzlak ð§ð¦\"}],[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$8f:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:props:children:0:props:children:0:props:children:1:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-badge-check stroke-card size-5 fill-sky-500\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"@AlemTuzlak\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33\u0026format=auto\",\"alt\":\"x.com\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"x.com\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Looks cool!\"}]]}]}]}],[\"$\",\"$L84\",\"2\",{\"href\":\"https://x.com/RThermo56/status/1986389822571937843\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-29.png\",\"alt\":\"Richard Thermo\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"RT\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[\"$Ld4\",\"$Ld5\"]}],\"$Ld6\"]}]]}],\"$Ld7\"]}],\"$Ld8\"]}]}]}],\"$Ld9\",\"$Lda\",\"$Ldb\",\"$Ldc\",\"$Ldd\",\"$Lde\"]}],\"$Ldf\",\"$Le0\",\"$Le1\"]}]\n"])</script>
1<script>self.__next_f.push([1,"b0:[\"$\",\"div\",null,{\"style\":{\"--marquee-duration\":\"40s\",\"--marquee-delay\":\"0s\",\"--marquee-gap\":\"1.5rem\"},\"className\":\"group flex gap-(--marquee-gap) overflow-hidden p-3 flex-col h-200 max-lg:hidden\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-vertical flex-col group-hover:paused\",\"children\":[[\"$\",\"$L84\",\"0\",{\"href\":\"https://x.com/orcdev/status/1994190452094836936?s=20\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-42.png\",\"alt\":\"OrcDev\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"O\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"OrcDev\"}],[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$8f:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:props:children:0:props:children:0:props:children:1:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-badge-check stroke-card size-5 fill-sky-500\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"@orcdev\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33\u0026format=auto\",\"alt\":\"x.com\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"x.com\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"As a creator, I use a lot of tools, and Shadcn Studio stands out. Easily one of the top libraries for building awesome UI.\"}]]}]}]}],[\"$\",\"$L84\",\"1\",{\"href\":\"https://x.com/moumensoliman/status/1994144528220213639?s=20\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-43.png\",\"alt\":\"Moumen Soliman\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"MS\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Moumen Soliman\"}],[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$8f:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:props:children:0:props:children:0:props:children:1:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-badge-check stroke-card size-5 fill-sky-500\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"@moumensoliman\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33\u0026format=auto\",\"alt\":\"x.com\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"x.com\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-2\",\"children\":[\"Huge shoutout to \",[\"$\",\"span\",null,{\"className\":\"text-sky-700\",\"children\":\"@shadcnstudio\"}],\" \u0026\",\" \",[\"$\",\"span\",null,{\"className\":\"text-sky-700\",\"children\":\"@ajaypatel_aj\"}],\", Their work always improves the UI experience.\"]}],[\"$\",\"p\",null,{\"children\":\"Clean design, solid engineering, and tools that actually make you faster\"}]]}]]}]}]}],[\"$\",\"$L84\",\"2\",{\"href\":\"https://x.com/shahankk42/status/1915299193960464676\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[\"$Le2\",\"$Le3\"]}]}]}],\"$Le4\",\"$Le5\",\"$Le6\",\"$Le7\",\"$Le8\",\"$Le9\",\"$Lea\",\"$Leb\"]}],\"$Lec\",\"$Led\",\"$Lee\"]}]\n"])</script>
1<script>self.__next_f.push([1,"b1:[\"$\",\"li\",\"Most AI tokens burn on UI, not business logic\",{\"className\":\"text-muted-foreground text-sm\",\"children\":\"Most AI tokens burn on UI, not business logic\"}]\nb2:[\"$\",\"li\",\"$$45K-$65K in AI token and tooling costs, plus rework\",{\"className\":\"text-muted-foreground text-sm\",\"children\":\"$$45K-$65K in AI token and tooling costs, plus rework\"}]\nb3:[\"$\",\"div\",null,{\"className\":\"mt-6 border-t border-dashed pt-6\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-xs font-medium tracking-wide uppercase\",\"children\":\"Return on investment\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 text-4xl font-semibold sm:text-5xl\",\"children\":\"300x\"}]]}]\n"])</script>
1<script>self.__next_f.push([1,"b4:[\"$\",\"div\",null,{\"className\":\"border-y border-dashed\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-256 px-4 py-8 min-[1026px]:border-x sm:px-6 lg:border-dashed lg:px-8\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-medium\",\"children\":\"Either way, here's what $249 gets you\"}],[\"$\",\"ul\",null,{\"className\":\"mt-4 grid grid-cols-1 gap-x-8 gap-y-3 sm:grid-cols-2 sm:gap-x-12 lg:gap-x-16\",\"children\":[[\"$\",\"li\",\"Pay once ($249), use for a lifetime\",{\"className\":\"flex items-start gap-2 text-sm\",\"children\":[[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M20 6 9 17l-5-5\",\"key\":\"1gmf2c\"}]],\"className\":\"lucide-check mt-0.5 size-4 shrink-0 text-green-600\",\"aria-hidden\":\"true\"}],[\"$\",\"span\",null,{\"children\":\"Pay once ($249), use for a lifetime\"}]]}],[\"$\",\"li\",\"1000+ blocks, 25+ templates, 1000+ component variants, and more\",{\"className\":\"flex items-start gap-2 text-sm\",\"children\":[[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$b4:props:children:props:children:1:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-check mt-0.5 size-4 shrink-0 text-green-600\",\"aria-hidden\":\"true\"}],[\"$\",\"span\",null,{\"children\":\"1000+ blocks, 25+ templates, 1000+ component variants, and more\"}]]}],[\"$\",\"li\",\"MCP, IDE Extension, Theme Generator, and Builder access\",{\"className\":\"flex items-start gap-2 text-sm\",\"children\":[[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$b4:props:children:props:children:1:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-check mt-0.5 size-4 shrink-0 text-green-600\",\"aria-hidden\":\"true\"}],[\"$\",\"span\",null,{\"children\":\"MCP, IDE Extension, Theme Generator, and Builder access\"}]]}],[\"$\",\"li\",\"New components, blocks, and templates ship every month\",{\"className\":\"flex items-start gap-2 text-sm\",\"children\":[[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$b4:props:children:props:children:1:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-check mt-0.5 size-4 shrink-0 text-green-600\",\"aria-hidden\":\"true\"}],[\"$\",\"span\",null,{\"children\":\"New components, blocks, and templates ship every month\"}]]}]]}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"b9:[\"$\",\"$Lb6\",\"6\",{\"value\":\"item-7\",\"children\":[[\"$\",\"$Lb7\",null,{\"className\":\"cursor-pointer\",\"children\":\"What accessibility features does shadcn/ui have?\"}],[\"$\",\"$Lb8\",null,{\"className\":\"text-muted-foreground\",\"children\":\"shadcn/ui components are built on Radix UI or Base UI primitives, providing WAI-ARIA compliant keyboard navigation, focus management, and screen reader support out of the box. You own the component files and remain responsible for verifying your specific implementation.\"}]]}]\nba:[\"$\",\"$Lb6\",\"7\",{\"value\":\"item-8\",\"children\":[[\"$\",\"$Lb7\",null,{\"className\":\"cursor-pointer\",\"children\":\"Does Shadcn Studio have a free version?\"}],[\"$\",\"$Lb8\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Yes. The free tier includes 57 shadcn/ui blocks, the live theme generator, and free components - no credit card, no time limit. The Pro plan unlocks all 1000+ blocks, templates, the Figma UI kit, and AI theme generation with free lifetime updates.\"}]]}]\nbb:[\"$\",\"$Lb6\",\"8\",{\"value\":\"item-9\",\"children\":[[\"$\",\"$Lb7\",null,{\"className\":\"cursor-pointer\",\"children\":\"Which frameworks does Shadcn Studio support?\"}],[\"$\",\"$Lb8\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Shadcn Studio supports Next.js 16, Astro, Vite + React, React Router v7, and TanStack Start. All blocks use Tailwind CSS v4 with Base UI and Radix UI support, and install via the standard shadcn CLI.\"}]]}]\nbc:[\"$\",\"$Lb6\",\"9\",{\"value\":\"item-10\",\"children\":[[\"$\",\"$Lb7\",null,{\"className\":\"cursor-pointer\",\"children\":\"Can I use Shadcn Studio blocks in commercial projects?\"}],[\"$\",\"$Lb8\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Yes. All blocks, templates, and components are licensed for commercial use across unlimited projects - client work, SaaS products, and internal tools. Reselling the source files as a competing product is not permitted.\"}]]}]\nc4:[\"$\",\"path\",null,{\"d\":\"M15.5 17C15.5 18 17 20 17.5 20C19 20 20.333 18.333 21 17C21.667 15.333 21.5 11.167 19.5 5.5C18.043 4.485 16.5 4.16 15 4L14 6.5\",\"stroke\":\"currentColor\",\"strokeWid"])</script>
1<script>self.__next_f.push([1,"th\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"}]\nc5:[\"$\",\"path\",null,{\"d\":\"M8.50011 17C8.50011 18 7.14411 20 6.66811 20C5.23911 20 3.97011 18.333 3.33511 17C2.70011 15.333 2.85911 11.167 4.76311 5.5C6.15111 4.485 7.54511 4.16 9.00011 4L10.0001 6.5\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"}]\nc6:[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Discord\"}]\nc7:[\"$\",\"$L84\",null,{\"href\":\"https://x.com/ShadcnStudio\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"1em\",\"height\":\"1em\",\"viewBox\":\"0 0 24 24\",\"className\":\"size-6\",\"children\":[\"$\",\"path\",null,{\"fill\":\"currentColor\",\"d\":\"M10.488 14.651L15.25 21h7l-7.858-10.478L20.93 3h-2.65l-5.117 5.886L8.75 3h-7l7.51 10.015L2.32 21h2.65zM16.25 19L5.75 5h2l10.5 14z\"}]}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"X\"}]]}]\n"])</script>
1<script>self.__next_f.push([1,"c8:[\"$\",\"$L84\",null,{\"href\":\"https://www.youtube.com/@themeselection\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"1em\",\"height\":\"1em\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"aria-hidden\":\"true\",\"className\":\"size-6\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17\"}],[\"$\",\"path\",null,{\"d\":\"m10 15 5-3-5-3z\"}]]}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Youtube\"}]]}]\n"])</script>
1<script>self.__next_f.push([1,"c9:[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"This project is independent and not affiliated with Figma or shadcn/ui.\"}]\n"])</script>
1<script>self.__next_f.push([1,"ca:[\"$\",\"$L84\",null,{\"href\":\"https://github.com/sponsors/shadcn\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4\"}],[\"$\",\"path\",null,{\"d\":\"M9 18c-4.51 2-5-2-7-2\"}]]}],\"Sponsor shadcn/ui on GitHub\",[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M7 7h10v10\",\"key\":\"1tivn9\"}],[\"path\",{\"d\":\"M7 17 17 7\",\"key\":\"1vkiza\"}]],\"className\":\"lucide-arrow-up-right\"}]],\"data-slot\":\"button\",\"data-variant\":\"outline\",\"data-size\":\"sm\",\"className\":\"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 inline-flex shrink-0 items-center justify-center text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg]:shrink-0 [\u0026_svg:not([class*='size-'])]:size-4 bg-background hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 border h-8 gap-1.5 rounded-md px-3 has-[\u003esvg]:px-2.5 shadow-none\",\"ref\":null}]\n"])</script>
1<script>self.__next_f.push([1,"cb:[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":[\"This project wouldn't be possible without the open-source\",\" \",[\"$\",\"a\",null,{\"href\":\"https://ui.shadcn.com/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":\"shadcn/ui\"}],\" \",\"ecosystem.\"]}]\n"])</script>
1<script>self.__next_f.push([1,"cc:[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-lg font-semibold\",\"children\":\"Products\"}],[\"$\",\"ul\",null,{\"className\":\"text-muted-foreground space-y-3\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Shadcn Blocks\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/pages\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Shadcn Pages\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/templates/admin-dashboard\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Shadcn Admin Dashboard\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/templates\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Shadcn Templates\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/figma\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Shadcn Figma UI Kit\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/illustrations\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Shadcn Illustrations\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L84\",null,{\"href\":\"/builder\",\"prefetch\":false,\"target\":\"_blank\",\"rel\":\"noopener\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Shadcn Builder\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/theme-generator\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Shadcn Theme Generator\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/mcp\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Shadcn MCP Server\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/components\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Shadcn Components\"}]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"cd:[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-lg font-semibold\",\"children\":\"Resources\"}],[\"$\",\"ul\",null,{\"className\":\"text-muted-foreground space-y-3\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/getting-started/introduction\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Documentation\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L84\",null,{\"href\":\"/blog\",\"prefetch\":false,\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Blog\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/changelog\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Changelog\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L84\",null,{\"href\":\"https://github.com/orgs/shadcnstudio/projects/6/views/2\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Roadmap\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/community-resources\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Community Resources\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/credits\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Credits\"}]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"ce:[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-lg font-semibold\",\"children\":\"Help and Support\"}],[\"$\",\"ul\",null,{\"className\":\"text-muted-foreground space-y-3\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L84\",null,{\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"href\":\"https://help.shadcnstudio.com/en/\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Help Center\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/support\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Support\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L84\",null,{\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"href\":\"https://clevision.net/about\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"About Us\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/become-ambassador\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Become Ambassador\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/become-ambassador\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Affiliation Program\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$Lef\",null,{\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Contact Us\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L84\",null,{\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"href\":\"https://themeselection.com/hire-us/\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Hire Us\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/faqs\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"FAQs\"}]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"cf:[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-lg font-semibold\",\"children\":\"Legal\"}],[\"$\",\"ul\",null,{\"className\":\"text-muted-foreground space-y-3\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/license\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"License\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/privacy-policy\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Privacy policy\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/terms-and-condition\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Terms \u0026 Conditions\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/ambassador-terms-and-condition\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Affiliate Terms \u0026 Conditions\"}]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"d0:[\"$\",\"div\",null,{\"className\":\"px-4 py-8 sm:px-6 sm:py-16 lg:px-8\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-8 text-lg font-semibold\",\"children\":\"Shadcn Blocks\"}],[\"$\",\"div\",null,{\"className\":\"grid gap-6 sm:grid-cols-2 sm:gap-8 lg:grid-cols-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-5\",\"children\":[[\"$\",\"$L7d\",null,{\"href\":\"/blocks#marketing-ui\",\"className\":\"link-animated w-max text-lg font-semibold\",\"children\":\"Marketing UI Blocks\"}],[\"$\",\"ul\",null,{\"className\":\"text-muted-foreground space-y-3\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/marketing-ui/hero-section\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Hero Section\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/marketing-ui/features-section\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Features Section\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/marketing-ui/pricing-component\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Pricing Component\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/marketing-ui/testimonials-component\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Testimonials Component\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/marketing-ui/social-proof\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Social Proof\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/marketing-ui/portfolio\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Portfolio\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/marketing-ui/team-section\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Team Section\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/marketing-ui/cta-section\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"CTA Section\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/marketing-ui/logo-cloud\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Logo Cloud\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks#marketing-ui\",\"className\":\"link-animated hover:text-foreground transition-color flex w-max items-center gap-1 duration-300\",\"children\":[\"All Marketing Blocks \",[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M5 12h14\",\"key\":\"1ays0h\"}],[\"path\",{\"d\":\"m12 5 7 7-7 7\",\"key\":\"xquz4c\"}]],\"className\":\"lucide-arrow-right size-4.5\"}]]}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-5\",\"children\":[[\"$\",\"$L7d\",null,{\"href\":\"/blocks#dashboard-and-application\",\"className\":\"link-animated w-max text-lg font-semibold\",\"children\":\"Dashboard \u0026 Application UI\"}],[\"$\",\"ul\",null,{\"className\":\"text-muted-foreground space-y-3\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/dashboard-and-application/dashboard-shell\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Dashboard Shell\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/dashboard-and-application/application-shell\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Application Shell\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/dashboard-and-application/charts-component\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Charts Component\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/dashboard-and-application/widgets-component\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Widgets Component\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/dashboard-and-application/statistics-component\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Statistics Component\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/dashboard-and-application/d
1ashboard-dialog\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Dashboard Dialog\"}]}],\"$Lf0\",\"$Lf1\",\"$Lf2\",\"$Lf3\"]}]]}],\"$Lf4\",\"$Lf5\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"d1:[\"$\",\"div\",null,{\"className\":\"border-t border-dashed px-4 py-8 sm:px-6 sm:py-16 lg:px-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-8 flex items-center justify-between\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-lg font-semibold\",\"children\":\"Shadcn Components\"}],[\"$\",\"$L7d\",null,{\"href\":\"/components\",\"className\":\"link-animated text-muted-foreground hover:text-foreground transition-color flex w-max items-center gap-1 duration-300\",\"children\":[\"All Shadcn Components \",[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$d0:props:children:1:props:children:0:props:children:1:props:children:9:props:children:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-right size-4.5\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"grid gap-6 sm:grid-cols-2 lg:grid-cols-4\",\"children\":[[\"$\",\"ul\",null,{\"className\":\"text-muted-foreground space-y-3\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/accordion\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Accordion\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/alert\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Alert\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/avatar\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Avatar\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/autocomplete\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Autocomplete\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/button\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Button\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/badge\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Badge\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/calendar\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Calendar\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/card\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Card\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/carousel\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Carousel\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/checkbox\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Checkbox\"}]}]]}],[\"$\",\"ul\",null,{\"className\":\"text-muted-foreground space-y-3\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/combobox\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Combobox\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/command\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Command\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/collapsible\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Collapsible\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/dialog\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Dialog\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/dropdown-menu\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Dropdown Menu\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/data-table\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Data Table\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/drawer\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Drawer\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/form\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Form\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/input\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Input\"}]}],\"$Lf6\"]}],\"$Lf7\",\"$Lf8\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"f9:T5ea,"])</script>
1<script>self.__next_f.push([1,"M94.3565 27.0094C93.4926 27.0094 92.7552 26.8514 92.1442 26.5354C91.5332 26.2193 90.9907 25.7611 90.5166 25.1606L91.5279 24.1493C91.8756 24.6339 92.2759 25.0026 92.7289 25.2554C93.1819 25.4977 93.7402 25.6189 94.4039 25.6189C95.057 25.6189 95.5785 25.4766 95.9683 25.1922C96.3686 24.9078 96.5688 24.518 96.5688 24.0229C96.5688 23.612 96.474 23.2802 96.2843 23.0273C96.0947 22.7745 95.8366 22.5691 95.51 22.411C95.194 22.2425 94.8463 22.095 94.4671 21.9686C94.0879 21.8316 93.7086 21.6894 93.3294 21.5419C92.9501 21.3839 92.6025 21.1943 92.2864 20.9731C91.9704 20.7413 91.7123 20.4411 91.5121 20.0724C91.3225 19.7036 91.2277 19.2401 91.2277 18.6818C91.2277 18.0602 91.3752 17.5335 91.6701 17.1016C91.9757 16.6591 92.3865 16.322 92.9027 16.0903C93.4294 15.848 94.0194 15.7268 94.6725 15.7268C95.3889 15.7268 96.0315 15.869 96.6004 16.1535C97.1692 16.4274 97.6328 16.7908 97.9909 17.2438L96.9796 18.2551C96.653 17.8759 96.3001 17.5914 95.9209 17.4018C95.5522 17.2122 95.1255 17.1174 94.6409 17.1174C94.051 17.1174 93.5822 17.2491 93.2345 17.5124C92.8869 17.7653 92.7131 18.1234 92.7131 18.587C92.7131 18.9557 92.8079 19.2559 92.9975 19.4877C93.1977 19.7089 93.4558 19.8985 93.7718 20.0566C94.0879 20.2146 94.4355 20.3621 94.8147 20.499C95.2045 20.6254 95.589 20.7676 95.9683 20.9257C96.3475 21.0837 96.6952 21.2838 97.0112 21.5261C97.3273 21.7684 97.5801 22.0845 97.7697 22.4743C97.9699 22.8535 98.07 23.3328 98.07 23.9122C98.07 24.8814 97.7328 25.6399 97.0586 26.1877C96.3949 26.7355 95.4942 27.0094 94.3565 27.0094Z"])</script>
1<script>self.__next_f.push([1,"d2:[\"$\",\"div\",null,{\"className\":\"w-full border-t border-dashed\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto flex w-full max-w-350 flex-col items-center gap-7.5 border-dashed px-4 py-6 min-[1400px]:border-x min-[1800px]:max-w-384 sm:px-6 lg:px-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center gap-1.5 text-center\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-lg leading-7.5 font-semibold\",\"children\":\"Innovative Offerings\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground leading-7.5\",\"children\":\"Discover other Tools \u0026 Brands in our Ecosystem\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center justify-center gap-6\",\"children\":[[\"$\",\"$L84\",null,{\"href\":\"https://themeselection.com\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[[\"$\",\"svg\",null,{\"width\":\"6.17857em\",\"height\":\"1em\",\"viewBox\":\"0 0 173 28\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"mb-2.5 text-[1.625rem]\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M13.3223 14.6303H8.67676V26.5893H5.37695V14.6303H0.732422V11.7505H13.3223V14.6303ZM18.4648 17.5307H24.3496V11.7505H27.6699V26.5893H24.3496V20.3891H18.4648V26.5893H15.165V11.7505H18.4648V17.5307ZM41.0684 14.5883H33.8174V17.6352H40.4385V20.3891H33.8174V23.7309H41.1738V26.5893H30.5176V11.7505H41.0684V14.5883ZM51.0449 19.9155L56.2695 11.7505H58.6445V26.5893H55.3447V18.3842L52.1289 23.394H49.9434L46.7275 18.3559V26.5893H43.4482V11.7505H45.8027L51.0449 19.9155ZM67.4434 14.5883H64.79V17.6352H69.4531L71.2695 20.3891H64.79V23.7309H72.1465V26.5893H61.4902V11.7505H65.5713L67.4434 14.5883Z\",\"fill\":\"url(#paint0_linear_15217_40330)\",\"className\":\"dark:fill-muted-foreground\"}],[\"$\",\"path\",null,{\"d\":\"$f9\",\"fill\":\"#5C2EA1\",\"className\":\"dark:fill-muted-foreground\"}],[\"$\",\"path\",null,{\"d\":\"M100.072 26.8514V15.8848H101.557V26.8514H100.072ZM101.083 26.8514V25.4924H107.372V26.8514H101.083ZM101.083 21.8896V20.5938H106.851V21.8896H101.083ZM101.083 17.2438V15.8848H107.293V17.2438H101.083Z\",\"fill\":\"#5C2EA1\",\"className\":\"dark:fill-muted-foreground\"}],\"$Lfa\",\"$Lfb\",\"$Lfc\",\"$Lfd\",\"$Lfe\",\"$Lff\",\"$L100\",\"$L101\",\"$L102\",\"$L103\",\"$L104\"]}],\"$L105\"]}],\"$L106\",\"$L107\",\"$L108\",\"$L109\",\"$L10a\",\"$L10b\",\"$L10c\"]}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"d3:[\"$\",\"div\",null,{\"className\":\"w-full border-t border-dashed\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-muted-foreground mx-auto flex w-full max-w-350 items-center justify-between gap-5 border-dashed px-4 py-6 text-center max-lg:flex-col min-[1400px]:border-x min-[1800px]:max-w-384 sm:px-6 lg:px-8\",\"children\":[[\"$\",\"p\",null,{\"children\":[\"©2026\",\" \",[\"$\",\"$L7d\",null,{\"href\":\"/\",\"className\":\"text-foreground font-medium\",\"children\":\"shadcn/studio\"}],\", Supported by\",\" \",[\"$\",\"$L84\",null,{\"href\":\"https://themeselection.com/\",\"target\":\"_blank\",\"className\":\"text-foreground font-medium\",\"children\":\"ThemeSelection\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center justify-center gap-4\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/landing-page/footer-logo/gdpr.png?height=24\u0026format=auto\",\"alt\":\"GDPR Compliant\",\"loading\":\"lazy\",\"className\":\"aspect-3/1 h-6 w-auto\"}],[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/landing-page/footer-logo/secure.png?height=24\u0026format=auto\",\"alt\":\"100% Secure\",\"loading\":\"lazy\",\"className\":\"aspect-13/4 h-6 w-auto\"}],[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/landing-page/footer-logo/stripe.png?height=24\u0026format=auto\",\"alt\":\"Stripe\",\"loading\":\"lazy\",\"className\":\"aspect-29/12 h-6 w-auto\"}],[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/landing-page/footer-logo/polar.png?height=24\u0026format=auto\",\"alt\":\"polar\",\"loading\":\"lazy\",\"className\":\"aspect-73/24 h-6 w-auto dark:hidden\"}],[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/landing-page/footer-logo/polar-dark.png?height=24\u0026format=auto\",\"alt\":\"polar\",\"loading\":\"lazy\",\"className\":\"hidden aspect-73/24 h-6 w-auto dark:inline-flex\"}]]}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"d4:[\"$\",\"span\",null,{\"children\":\"Richard Thermo\"}]\nd5:[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$8f:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:props:children:0:props:children:0:props:children:1:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-badge-check stroke-card size-5 fill-sky-500\"}]\nd6:[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"@RThermo56\"}]\nd7:[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33\u0026format=auto\",\"alt\":\"x.com\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"x.com\"}]]}]\nd8:[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":[\"$\",\"p\",null,{\"children\":\"Great work. You should be very proud of this. I'm really enjoying it and look forward to the new additions that come to it.\"}]}]\n"])</script>
1<script>self.__next_f.push([1,"d9:[\"$\",\"$L84\",\"3\",{\"href\":\"https://x.com/rouas_nour/status/1941135074990412079\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-26.png\",\"alt\":\"Nour Rouas\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"NR\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Nour Rouas\"}],\"$undefined\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"@rouas_nour\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33\u0026format=auto\",\"alt\":\"x.com\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"x.com\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-2\",\"children\":\"My SaaS tech stack in one tweet:\"}],[\"$\",\"p\",null,{\"className\":\"mb-2\",\"children\":[\"ð PRD: Claude \",[\"$\",\"span\",null,{\"className\":\"text-sky-700\",\"children\":\"@AnthropicAI\"}],[\"$\",\"br\",null,{}],\"ð¨ UI: \",[\"$\",\"span\",null,{\"className\":\"text-sky-700\",\"children\":\"@lovable_dev\"}],[\"$\",\"br\",null,{}],\"ð§âð» Refined: \",[\"$\",\"span\",null,{\"className\":\"text-sky-700\",\"children\":\"@cursor_ai\"}],[\"$\",\"br\",null,{}],\"ð§© Components: \",[\"$\",\"span\",null,{\"className\":\"text-sky-700\",\"children\":\"@ShadcnStudio\"}],[\"$\",\"br\",null,{}],\"ð¯ Styling: \",[\"$\",\"span\",null,{\"className\":\"text-sky-700\",\"children\":\"@tailwindcss\"}],[\"$\",\"br\",null,{}],\"ð§ Backend/Auth: \",[\"$\",\"span\",null,{\"className\":\"text-sky-700\",\"children\":\"@supabase\"}],[\"$\",\"br\",null,{}],\"ð³ Payments: \",[\"$\",\"span\",null,{\"className\":\"text-sky-700\",\"children\":\"@stripe\"}],[\"$\",\"br\",null,{}],\"ð Deploy: \",[\"$\",\"span\",null,{\"className\":\"text-sky-700\",\"children\":\"@vercel\"}]]}],[\"$\",\"p\",null,{\"children\":\"Still building. Follow for updates.\"}]]}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"da:[\"$\",\"$L84\",\"4\",{\"href\":\"https://x.com/shadcn/status/2021251247769014368?s=20\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-38.png\",\"alt\":\"shadcn\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"s\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"shadcn\"}],[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$8f:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:props:children:0:props:children:0:props:children:1:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-badge-check stroke-card size-5 fill-sky-500\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"@shadcn\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33\u0026format=auto\",\"alt\":\"x.com\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"x.com\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":[\"Nice. The cli integration looks great.\",[\"$\",\"br\",null,{}],\"Will give it a try.\"]}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"db:[\"$\",\"$L84\",\"5\",{\"href\":\"https://x.com/0xUrvish/status/2032724411456139447?s=20\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-63.png\",\"alt\":\"Urvish\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"U\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Urvish\"}],\"$undefined\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"@0xUrvish\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33\u0026format=auto\",\"alt\":\"x.com\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"x.com\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":[\"this is insane,\",[\"$\",\"br\",null,{}],[\"$\",\"br\",null,{}],\"you have build large ecosystem of shadcn components and seeing the gap between designer and developer and adding more and more features and maintaining. shadcnstudio is on next level.\"]}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"dc:[\"$\",\"$L84\",\"6\",{\"href\":\"https://x.com/kapish_dima/status/1994349391889473884?s=20\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-47.png\",\"alt\":\"KapishDima\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"K\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"KapishDima\"}],[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$8f:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:props:children:0:props:children:0:props:children:1:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-badge-check stroke-card size-5 fill-sky-500\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"@kapish_dima\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33\u0026format=auto\",\"alt\":\"x.com\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"x.com\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"I really love what these guys are building! The huge number of components and blocks is just mind-blowing :) MCP out of the box and IDE support make it super convenient.\"}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"dd:[\"$\",\"$L84\",\"7\",{\"href\":\"https://www.reddit.com/r/reactjs/comments/1k6kml1/comment/moyz5cr/?utm_source=share\u0026utm_medium=web3x\u0026utm_name=web3xcss\u0026utm_term=1\u0026utm_content=share_button\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-41.png\",\"alt\":\"abdullah\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"a\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"abdullah\"}],\"$undefined\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"u/simpleguy231\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/reddit-icon.png?height=33\u0026format=auto\",\"alt\":\"Reddit\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"Reddit\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Wow, this looks amazing! ð The live theme generator feature is definitely a game changer for UI customization, and the seamless integration with Tailwind v4 makes it even more powerful. I love how easy it seems to tweak colors, typography, and save custom themes for reuse. ð I'll definitely give it a try and share any feedback, but so far, this looks like a tool I'd love to incorporate into my projects. Great job on this! ðâ¨\"}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"de:[\"$\",\"$L84\",\"8\",{\"href\":\"https://www.g2.com/products/shadcn-studio-shadcn-ui-components-blocks-templates/reviews/shadcn-studio-shadcn-ui-components-blocks-templates-review-12951748\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-71.png\",\"alt\":\"Parth Makwana\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"PM\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Parth Makwana\"}],\"$undefined\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"Founder\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/g2-logo.png?height=33\u0026format=auto\",\"alt\":\"G2\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"G2\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"We ship client UIs much faster now, the blocks alone are worth the money.\"}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"df:[\"$\",\"div\",\"1\",{\"className\":\"flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-vertical flex-col group-hover:paused\",\"children\":\"$af:props:children:0:props:children\"}]\ne0:[\"$\",\"div\",\"2\",{\"className\":\"flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-vertical flex-col group-hover:paused\",\"children\":\"$af:props:children:0:props:children\"}]\ne1:[\"$\",\"div\",\"3\",{\"className\":\"flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-vertical flex-col group-hover:paused\",\"children\":\"$af:props:children:0:props:children\"}]\n"])</script>
1<script>self.__next_f.push([1,"e2:[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-44.png\",\"alt\":\"Shounak Ghosh\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"SG\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Shounak Ghosh\"}],\"$undefined\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"@shahankk42\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33\u0026format=auto\",\"alt\":\"x.com\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"x.com\"}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"e3:[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"i love this. it's gonna be my go-to now for theming\"}]\n"])</script>
1<script>self.__next_f.push([1,"e4:[\"$\",\"$L84\",\"3\",{\"href\":\"https://x.com/alibey_10/status/1994411563025879441?s=20\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-45.png\",\"alt\":\"Ali Bey\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"AB\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Ali Bey\"}],[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$8f:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:props:children:0:props:children:0:props:children:1:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-badge-check stroke-card size-5 fill-sky-500\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"@alibey_10\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33\u0026format=auto\",\"alt\":\"x.com\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"x.com\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"This is one of the few premium blocks that's worth paying for. Great job!\"}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"e5:[\"$\",\"$L84\",\"4\",{\"href\":\"https://www.g2.com/products/shadcn-studio-shadcn-ui-components-blocks-templates/reviews/shadcn-studio-shadcn-ui-components-blocks-templates-review-12951864\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-70.png\",\"alt\":\"Dmitriy Kapishevskiy\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"DK\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Dmitriy Kapishevskiy\"}],\"$undefined\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"Frontend Engenier\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/g2-logo.png?height=33\u0026format=auto\",\"alt\":\"G2\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"G2\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Effortless UI Creation with Ready-to-Use Templates\"}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"e6:[\"$\",\"$L84\",\"5\",{\"href\":\"https://x.com/orcdev/status/1994455818998051059?s=20\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-42.png\",\"alt\":\"OrcDev\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"O\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"OrcDev\"}],[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$8f:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:props:children:0:props:children:0:props:children:1:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-badge-check stroke-card size-5 fill-sky-500\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"@orcdev\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33\u0026format=auto\",\"alt\":\"x.com\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"x.com\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Keep up the good work Ajay! Shadcn Studio is awesome!\"}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"e7:[\"$\",\"$L84\",\"6\",{\"href\":\"https://x.com/yourcodebuddy/status/1915232583551496673\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-46.png\",\"alt\":\"Vishal Lohar\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"VL\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Vishal Lohar\"}],[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$8f:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:props:children:0:props:children:0:props:children:1:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-badge-check stroke-card size-5 fill-sky-500\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"@yourcodebuddy\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33\u0026format=auto\",\"alt\":\"x.com\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"x.com\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"I loved the random style feature. Good work! Still need to refine the app.\"}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"e8:[\"$\",\"$L84\",\"7\",{\"href\":\"https://www.g2.com/products/shadcn-studio-shadcn-ui-components-blocks-templates/reviews/shadcn-studio-shadcn-ui-components-blocks-templates-review-12947079\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-73.png\",\"alt\":\"Conrad O'Brien\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"CO\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Conrad O'Brien\"}],\"$undefined\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"Operations Lead\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/g2-logo.png?height=33\u0026format=auto\",\"alt\":\"G2\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"G2\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Best Shadcn Designs with Unmatched AI Tools\"}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"e9:[\"$\",\"$L84\",\"8\",{\"href\":\"https://x.com/canlogiq/status/1993641380636192897?s=20\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-40.png\",\"alt\":\"vibeyn\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"v\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"vibeyn\"}],[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$8f:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:props:children:0:props:children:0:props:children:1:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-badge-check stroke-card size-5 fill-sky-500\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"@canlogiq\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33\u0026format=auto\",\"alt\":\"x.com\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"x.com\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"these look super clean ð exactly the kind of auth screens modern apps need. that two-column layout is especially nice tbh\"}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"ea:[\"$\",\"$L84\",\"9\",{\"href\":\"https://x.com/code_kartik/status/1994062566645989873?s=20\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-48.png\",\"alt\":\"Kartik\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"K\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Kartik\"}],[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$8f:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:props:children:0:props:children:0:props:children:1:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-badge-check stroke-card size-5 fill-sky-500\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"@code_kartik\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33\u0026format=auto\",\"alt\":\"x.com\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"x.com\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"This is one of those component library which is functional and really useful.\"}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"eb:[\"$\",\"$L84\",\"10\",{\"href\":\"https://x.com/capitanb_sails/status/2051572287803937164?s=20\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"rounded-xl\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-none\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6 space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-start justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-start gap-3\",\"children\":[[\"$\",\"$L81\",null,{\"className\":\"size-12\",\"children\":[[\"$\",\"$L82\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-66.png\",\"alt\":\"CapitánBrisa\"}],[\"$\",\"$L83\",null,{\"className\":\"text-sm\",\"children\":\"C\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-0.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-0.75 font-semibold\",\"children\":[[\"$\",\"span\",null,{\"children\":\"CapitánBrisa\"}],\"$undefined\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":\"@capitanb_sails\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.shadcnstudio.com/ss-assets/brand-logo/twitter-icon.png?height=33\u0026format=auto\",\"alt\":\"x.com\",\"loading\":\"lazy\",\"className\":\"size-5.5\"}],[\"$\",\"span\",null,{\"className\":\"text-sm\",\"children\":\"x.com\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Love this. Watching dev cycles compress from weeks to minutes feels like switching from a rowboat to a racing yacht. Pure velocity for founders.\"}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"ec:[\"$\",\"div\",\"1\",{\"className\":\"flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-vertical flex-col group-hover:paused\",\"children\":\"$b0:props:children:0:props:children\"}]\ned:[\"$\",\"div\",\"2\",{\"className\":\"flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-vertical flex-col group-hover:paused\",\"children\":\"$b0:props:children:0:props:children\"}]\nee:[\"$\",\"div\",\"3\",{\"className\":\"flex shrink-0 justify-around gap-(--marquee-gap) [animation-delay:var(--marquee-delay)] animate-marquee-vertical flex-col group-hover:paused\",\"children\":\"$b0:props:children:0:props:children\"}]\nf0:[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/dashboard-and-application/dashboard-dropdown\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Dashboard Dropdown\"}]}]\nf1:[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/dashboard-and-application/multi-step-form\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Multi Step Form\"}]}]\nf2:[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/dashboard-and-application/dashboard-sidebar\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Dashboard Sidebar\"}]}]\nf3:[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks#dashboard-and-application\",\"className\":\"link-animated hover:text-foreground transition-color flex w-max items-center gap-1 duration-300\",\"children\":[\"All Dashboard Blocks \",[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$d0:props:children:1:props:children:0:props:children:1:props:children:9:props:children:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-right size-4.5\"}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"f4:[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-5\",\"children\":[[\"$\",\"$L7d\",null,{\"href\":\"/blocks#ecommerce\",\"className\":\"link-animated w-max text-lg font-semibold\",\"children\":\"eCommerce\"}],[\"$\",\"ul\",null,{\"className\":\"text-muted-foreground space-y-3\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/ecommerce/product-overview\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Product Overview\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/ecommerce/product-quick-view\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Product Quick View\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/ecommerce/product-category\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Product Category\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/ecommerce/product-list\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Product List\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/ecommerce/shopping-cart\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Shopping Cart\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/ecommerce/offer-modal\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Offer Modal\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/ecommerce/checkout-page\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Checkout Page\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/ecommerce/product-reviews\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Product Reviews\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/ecommerce/order-summary\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Order Summary\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks#ecommerce\",\"className\":\"link-animated hover:text-foreground transition-color flex w-max items-center gap-1 duration-300\",\"children\":[\"All eCommerce Blocks \",[\"$\",\"$L9c\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$d0:props:children:1:props:children:0:props:children:1:props:children:9:props:children:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-right size-4.5\"}]]}]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"f5:[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-5\",\"children\":[[\"$\",\"$L7d\",null,{\"href\":\"/blocks#bento-grid\",\"className\":\"link-animated w-max text-lg font-semibold\",\"children\":\"Bento \u0026 Datatable\"}],[\"$\",\"ul\",null,{\"className\":\"text-muted-foreground space-y-3\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/bento-grid/bento-grid\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Bento Grid\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/blocks/datatable/datatable-component\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Datatable Component\"}]}]]}]]}]\nf6:[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/label\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Label\"}]}]\n"])</script>
1<script>self.__next_f.push([1,"f7:[\"$\",\"ul\",null,{\"className\":\"text-muted-foreground space-y-3\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/list\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"List\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/navigation-menu\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Navigation Menu\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/popover\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Popover\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/pagination\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Pagination\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/progress\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Progress Bar\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/radio-group\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Radio Group\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/select\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Select\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/sheet\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Sheet\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/skeleton\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Skeleton\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/switch\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Switch\"}]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"f8:[\"$\",\"ul\",null,{\"className\":\"text-muted-foreground space-y-3\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/sonner\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Sonner\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/separator\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Separator\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/spinner\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Spinner\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/slider\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Slider\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/stepper\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Stepper\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/table\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Table\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/tabs\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Tabs\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/tooltip\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Tooltip\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/textarea\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Textarea\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L7d\",null,{\"href\":\"/docs/components/toggle\",\"className\":\"link-animated hover:text-foreground transition-color duration-300\",\"children\":\"Toggle\"}]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"fa:[\"$\",\"path\",null,{\"d\":\"M109.393 26.8514V15.8848H110.878V26.8514H109.393ZM110.404 26.8514V25.4924H116.282V26.8514H110.404Z\",\"fill\":\"#5C2EA1\",\"className\":\"dark:fill-muted-foreground\"}]\nfb:[\"$\",\"path\",null,{\"d\":\"M118.111 26.8514V15.8848H119.597V26.8514H118.111ZM119.123 26.8514V25.4924H125.412V26.8514H119.123ZM119.123 21.8896V20.5938H124.89V21.8896H119.123ZM119.123 17.2438V15.8848H125.333V17.2438H119.123Z\",\"fill\":\"#5C2EA1\",\"className\":\"dark:fill-muted-foreground\"}]\n10d:T4a0,"])</script>
1<script>self.__next_f.push([1,"M132.178 27.0094C131.388 27.0094 130.656 26.8672 129.982 26.5828C129.308 26.2878 128.718 25.8822 128.212 25.366C127.717 24.8498 127.332 24.2493 127.058 23.5646C126.785 22.8798 126.648 22.1477 126.648 21.3681C126.648 20.578 126.785 19.8406 127.058 19.1558C127.332 18.4711 127.717 17.8759 128.212 17.3702C128.718 16.854 129.302 16.4537 129.966 16.1693C130.64 15.8743 131.372 15.7268 132.163 15.7268C133.026 15.7268 133.785 15.8743 134.438 16.1693C135.091 16.4642 135.671 16.8646 136.176 17.3702L135.149 18.3973C134.801 18.0076 134.375 17.7021 133.869 17.4808C133.374 17.2596 132.805 17.149 132.163 17.149C131.583 17.149 131.051 17.2543 130.566 17.465C130.082 17.6652 129.661 17.9549 129.302 18.3341C128.944 18.7134 128.665 19.1611 128.465 19.6773C128.275 20.1935 128.18 20.7571 128.18 21.3681C128.18 21.9791 128.275 22.5427 128.465 23.0589C128.665 23.5751 128.944 24.0229 129.302 24.4021C129.661 24.7813 130.082 25.0763 130.566 25.287C131.051 25.4872 131.583 25.5873 132.163 25.5873C132.847 25.5873 133.442 25.4766 133.948 25.2554C134.454 25.0236 134.88 24.7129 135.228 24.3231L136.255 25.3344C135.75 25.8612 135.154 26.272 134.47 26.567C133.795 26.8619 133.032 27.0094 132.178 27.0094Z"])</script>
1<script>self.__next_f.push([1,"fc:[\"$\",\"path\",null,{\"d\":\"$10d\",\"fill\":\"#5C2EA1\",\"className\":\"dark:fill-muted-foreground\"}]\nfd:[\"$\",\"path\",null,{\"d\":\"M140.725 26.8514V16.2009H142.211V26.8514H140.725ZM136.996 17.2438V15.8848H145.924V17.2438H136.996Z\",\"fill\":\"#5C2EA1\",\"className\":\"dark:fill-muted-foreground\"}]\nfe:[\"$\",\"path\",null,{\"d\":\"M147.694 26.8514V15.8848H149.179V26.8514H147.694Z\",\"fill\":\"#5C2EA1\",\"className\":\"dark:fill-muted-foreground\"}]\n10e:T598,"])</script>
1<script>self.__next_f.push([1,"M156.761 27.0094C155.982 27.0094 155.255 26.8672 154.581 26.5828C153.906 26.2878 153.316 25.8822 152.811 25.366C152.305 24.8393 151.91 24.2335 151.626 23.5488C151.352 22.864 151.215 22.1319 151.215 21.3523C151.215 20.5622 151.352 19.8301 151.626 19.1558C151.91 18.4711 152.3 17.8706 152.795 17.3544C153.301 16.8382 153.885 16.4379 154.549 16.1535C155.223 15.869 155.95 15.7268 156.73 15.7268C157.509 15.7268 158.231 15.869 158.895 16.1535C159.569 16.4379 160.159 16.8382 160.664 17.3544C161.17 17.8706 161.565 18.4711 161.85 19.1558C162.134 19.8406 162.276 20.578 162.276 21.3681C162.276 22.1477 162.134 22.8798 161.85 23.5646C161.565 24.2493 161.17 24.8498 160.664 25.366C160.169 25.8822 159.585 26.2878 158.91 26.5828C158.247 26.8672 157.53 27.0094 156.761 27.0094ZM156.73 25.5873C157.52 25.5873 158.21 25.4082 158.8 25.05C159.4 24.6813 159.874 24.1809 160.222 23.5488C160.57 22.9062 160.743 22.174 160.743 21.3523C160.743 20.7413 160.643 20.183 160.443 19.6773C160.243 19.1611 159.964 18.7134 159.606 18.3341C159.247 17.9549 158.826 17.6652 158.341 17.465C157.857 17.2543 157.32 17.149 156.73 17.149C155.95 17.149 155.26 17.3281 154.66 17.6863C154.07 18.0444 153.601 18.5396 153.253 19.1716C152.916 19.8037 152.748 20.5306 152.748 21.3523C152.748 21.9633 152.842 22.5322 153.032 23.0589C153.232 23.5751 153.506 24.0229 153.854 24.4021C154.212 24.7708 154.633 25.0605 155.118 25.2712C155.613 25.4819 156.15 25.5873 156.73 25.5873Z"])</script>
1<script>self.__next_f.push([1,"ff:[\"$\",\"path\",null,{\"d\":\"$10e\",\"fill\":\"#5C2EA1\",\"className\":\"dark:fill-muted-foreground\"}]\n100:[\"$\",\"path\",null,{\"d\":\"M164.314 26.8514V15.8848H165.357L165.799 17.6072V26.8514H164.314ZM171.899 26.8514L165.167 17.8601L165.357 15.8848L172.104 24.8604L171.899 26.8514ZM171.899 26.8514L171.456 25.2238V15.8848H172.942V26.8514H171.899Z\",\"fill\":\"#5C2EA1\",\"className\":\"dark:fill-muted-foreground\"}]\n101:[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M98.6787 11.5671H172.611V11.039H98.6787V11.5671Z\",\"fill\":\"#5C2EA1\",\"className\":\"dark:fill-muted-foreground\"}]\n102:[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M76.8926 12.4051L101.972 0.573313C101.972 0.573313 103.664 0.175675 103.364 1.96533L87.3411 17.9729L76.8926 12.4051Z\",\"fill\":\"#4A9AE8\",\"className\":\"dark:fill-muted-foreground\"}]\n103:[\"$\",\"g\",null,{\"filter\":\"url(#filter0_d_15217_40330)\",\"children\":[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M69.2568 9.88511C69.2568 9.88511 69.348 8.17215 71.0205 8.83454L87.6224 17.74L81.0141 24.2583C81.0141 24.2583 79.818 25.3396 78.7438 24.1369L69.2568 9.88511Z\",\"fill\":\"url(#paint1_linear_15217_40330)\",\"className\":\"dark:fill-muted-foreground\"}]}]\n"])</script>
1<script>self.__next_f.push([1,"104:[\"$\",\"defs\",null,{\"children\":[[\"$\",\"filter\",null,{\"id\":\"filter0_d_15217_40330\",\"x\":\"67.0822\",\"y\":\"2.63299\",\"width\":\"27.6273\",\"height\":\"25.2846\",\"filterUnits\":\"userSpaceOnUse\",\"colorInterpolationFilters\":\"sRGB\",\"children\":[[\"$\",\"feFlood\",null,{\"floodOpacity\":\"0\",\"result\":\"BackgroundImageFix\"}],[\"$\",\"feColorMatrix\",null,{\"in\":\"SourceAlpha\",\"type\":\"matrix\",\"values\":\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\",\"result\":\"hardAlpha\"}],[\"$\",\"feOffset\",null,{\"dx\":\"2.45639\",\"dy\":\"-1.41824\"}],[\"$\",\"feGaussianBlur\",null,{\"stdDeviation\":\"2.31551\"}],[\"$\",\"feColorMatrix\",null,{\"type\":\"matrix\",\"values\":\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0\"}],[\"$\",\"feBlend\",null,{\"mode\":\"normal\",\"in2\":\"BackgroundImageFix\",\"result\":\"effect1_dropShadow_15217_40330\"}],[\"$\",\"feBlend\",null,{\"mode\":\"normal\",\"in\":\"SourceGraphic\",\"in2\":\"effect1_dropShadow_15217_40330\",\"result\":\"shape\"}]]}],[\"$\",\"linearGradient\",null,{\"id\":\"paint0_linear_15217_40330\",\"x1\":\"0.732422\",\"y1\":\"19.1699\",\"x2\":\"72.1465\",\"y2\":\"19.1699\",\"gradientUnits\":\"userSpaceOnUse\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"#4A9AE8\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopColor\":\"#5C2EA1\"}]]}],[\"$\",\"linearGradient\",null,{\"id\":\"paint1_linear_15217_40330\",\"x1\":\"69.2568\",\"y1\":\"8.68225\",\"x2\":\"83.9699\",\"y2\":\"21.7695\",\"gradientUnits\":\"userSpaceOnUse\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"#5C2EA1\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopColor\":\"#4A9AE8\"}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"105:[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"ThemeSelection\"}]\n10f:Tbea,"])</script>
1<script>self.__next_f.push([1,"M34.8231 20.5V7.4022H43.2139V9.39117H37.1958V12.947H42.6383V14.936H37.1958V20.5H34.8231ZM47.5884 7.4022V20.5H45.2732V7.4022H47.5884ZM51.408 24.1838C51.0925 24.1838 50.8005 24.1582 50.5319 24.107C50.2675 24.0601 50.0565 24.0047 49.8987 23.9407L50.4359 22.1372C50.7727 22.2353 51.0733 22.2822 51.3377 22.2779C51.602 22.2737 51.8344 22.1905 52.0348 22.0285C52.2394 21.8707 52.4121 21.6064 52.5528 21.2355L52.7511 20.7047L49.1888 10.6766H51.6447L53.9086 18.0953H54.011L56.2813 10.6766H58.7436L54.8104 21.6895C54.627 22.2097 54.384 22.6553 54.0813 23.0262C53.7786 23.4014 53.4077 23.687 52.9685 23.8832C52.5336 24.0836 52.0135 24.1838 51.408 24.1838ZM64.2964 20.6919C63.3371 20.6919 62.5057 20.4808 61.8022 20.0587C61.0987 19.6366 60.5529 19.0461 60.1649 18.2872C59.7812 17.5283 59.5894 16.6414 59.5894 15.6267C59.5894 14.612 59.7812 13.723 60.1649 12.9598C60.5529 12.1966 61.0987 11.604 61.8022 11.1819C62.5057 10.7598 63.3371 10.5487 64.2964 10.5487C65.2557 10.5487 66.0871 10.7598 66.7906 11.1819C67.4941 11.604 68.0377 12.1966 68.4214 12.9598C68.8094 13.723 69.0034 14.612 69.0034 15.6267C69.0034 16.6414 68.8094 17.5283 68.4214 18.2872C68.0377 19.0461 67.4941 19.6366 66.7906 20.0587C66.0871 20.4808 65.2557 20.6919 64.2964 20.6919ZM64.3092 18.8372C64.8293 18.8372 65.2642 18.6944 65.6138 18.4087C65.9634 18.1188 66.2235 17.7308 66.3941 17.2447C66.5689 16.7587 66.6563 16.2172 66.6563 15.6203C66.6563 15.0191 66.5689 14.4755 66.3941 13.9895C66.2235 13.4992 65.9634 13.109 65.6138 12.8191C65.2642 12.5292 64.8293 12.3842 64.3092 12.3842C63.7762 12.3842 63.3328 12.5292 62.9789 12.8191C62.6293 13.109 62.3671 13.4992 62.1923 13.9895C62.0217 14.4755 61.9365 15.0191 61.9365 15.6203C61.9365 16.2172 62.0217 16.7587 62.1923 17.2447C62.3671 17.7308 62.6293 18.1188 62.9789 18.4087C63.3328 18.6944 63.7762 18.8372 64.3092 18.8372ZM73.2835 14.7441V20.5H70.9684V10.6766H73.1812V12.3459H73.2963C73.5223 11.7958 73.8826 11.3588 74.3771 11.0348C74.876 10.7108 75.4921 10.5487 76.2254 10.5487C76.9033 10.5487 77.4938 10.6937 77.9969 10.9836C78.5043 11.2736 78.8966 11.6935 79.1737 12.2435C79.4551 12.7935 79.5937 13.4608 79.5894 14.2453V20.5H77.2743V14.6034C77.2743 13.9468 77.1037 13.4331 76.7626 13.0621C76.4258 12.6912 75.9589 12.5057 75.362 12.5057C74.957 12.5057 74.5967 12.5953 74.2812 12.7743C73.97 12.9492 73.7248 13.2028 73.5457 13.5354C73.3709 13.868 73.2835 14.2709 73.2835 14.7441ZM90.3017 7.4022H92.6744V15.9593C92.6744 16.8973 92.4527 17.7223 92.0093 18.4343C91.5701 19.1463 90.9519 19.7027 90.1546 20.1035C89.3573 20.5 88.4257 20.6983 87.3598 20.6983C86.2897 20.6983 85.3559 20.5 84.5586 20.1035C83.7613 19.7027 83.1431 19.1463 82.704 18.4343C82.2648 17.7223 82.0452 16.8973 82.0452 15.9593V7.4022H84.4179V15.761C84.4179 16.3067 84.5373 16.7928 84.7761 17.2192C85.0191 17.6455 85.3602 17.9802 85.7993 18.2232C86.2385 18.462 86.7587 18.5814 87.3598 18.5814C87.961 18.5814 88.4812 18.462 88.9203 18.2232C89.3637 17.9802 89.7048 17.6455 89.9436 17.2192C90.1823 16.7928 90.3017 16.3067 90.3017 15.761V7.4022ZM97.6261 7.4022V20.5H95.2534V7.4022H97.6261Z"])</script>
1<script>self.__next_f.push([1,"106:[\"$\",\"$L84\",null,{\"href\":\"https://flyonui.com\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[[\"$\",\"svg\",null,{\"width\":\"3.44828em\",\"height\":\"1em\",\"viewBox\":\"0 0 100 29\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"text-[1.75rem]\",\"children\":[[\"$\",\"g\",null,{\"clipPath\":\"url(#clip0_15217_40339)\",\"children\":[[\"$\",\"mask\",null,{\"id\":\"mask0_15217_40339\",\"style\":{\"maskType\":\"luminance\"},\"maskUnits\":\"userSpaceOnUse\",\"x\":\"0\",\"y\":\"2\",\"width\":\"25\",\"height\":\"25\",\"children\":[\"$\",\"path\",null,{\"d\":\"M18.9519 2.49368H6.94554C3.63009 2.49368 0.942383 5.18139 0.942383 8.49684V20.5032C0.942383 23.8186 3.63009 26.5063 6.94554 26.5063H18.9519C22.2673 26.5063 24.955 23.8186 24.955 20.5032V8.49684C24.955 5.18139 22.2673 2.49368 18.9519 2.49368Z\",\"fill\":\"white\"}]}],[\"$\",\"g\",null,{\"mask\":\"url(#mask0_15217_40339)\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M18.9519 2.49368H6.94554C3.63009 2.49368 0.942383 5.18139 0.942383 8.49684V20.5032C0.942383 23.8186 3.63009 26.5063 6.94554 26.5063H18.9519C22.2673 26.5063 24.955 23.8186 24.955 20.5032V8.49684C24.955 5.18139 22.2673 2.49368 18.9519 2.49368Z\",\"fill\":\"url(#paint0_linear_15217_40339)\",\"className\":\"dark:fill-muted-foreground\"}],[\"$\",\"path\",null,{\"d\":\"M12.5361 16.4644C12.7022 16.2544 13.0186 16.2465 13.1952 16.4478L15.8613 19.4878C16.1044 19.765 15.9076 20.1998 15.539 20.1998H10.4726C10.1143 20.1998 9.91368 19.7856 10.1357 19.5044L12.5361 16.4644ZM12.5507 8.19683C12.7215 7.98405 13.0453 7.9824 13.2177 8.1939L20.7441 17.4302C20.9724 17.7103 20.7734 18.1304 20.412 18.1304H18.0732C17.944 18.1303 17.8215 18.0715 17.7402 17.9712L13.2236 12.4039C13.0491 12.1893 12.7195 12.1935 12.5507 12.4126L8.43645 17.7535C8.35536 17.8587 8.23045 17.9203 8.09759 17.9205H5.65227C5.29281 17.9204 5.09286 17.5048 5.31731 17.2242L12.5507 8.19683Z\",\"fill\":\"url(#paint1_linear_15217_40339)\"}]]}],[\"$\",\"path\",null,{\"d\":\"M18.9516 2.99368H6.94528C3.90611 2.99368 1.44238 5.45741 1.44238 8.49658V20.5029C1.44238 23.5421 3.90611 26.0058 6.94528 26.0058H18.9516C21.9908 26.0058 24.4545 23.5421 24.4545 20.5029V8.49658C24.4545 5.45741 21.9908 2.99368 18.9516 2.99368Z\",\"stroke\":\"url(#paint2_linear_15217_40339)\",\"strokeWidth\":\"0.857594\"}]]}],[\"$\",\"path\",null,{\"d\":\"$10f\",\"fill\":\"#3F404D\",\"className\":\"dark:fill-muted-foreground\"}],\"$L110\"]}],\"$L111\"]}]\n"])</script>
1<script>self.__next_f.push([1,"112:T2578,"])</script>
1<script>self.__next_f.push([1,"M28.8967 16V6.90909H34.7205V8.2896H30.5435V10.7576H34.321V12.1381H30.5435V16H28.8967ZM36.4272 16V9.18182H37.9853V10.3182H38.0563C38.1806 9.9246 38.3936 9.62127 38.6955 9.4082C39.0003 9.19218 39.348 9.08416 39.7386 9.08416C39.8274 9.08416 39.9266 9.0886 40.036 9.09748C40.1485 9.1034 40.2417 9.11375 40.3157 9.12855V10.6067C40.2476 10.583 40.1396 10.5623 39.9917 10.5446C39.8467 10.5239 39.7061 10.5135 39.57 10.5135C39.277 10.5135 39.0136 10.5771 38.7798 10.7044C38.549 10.8287 38.367 11.0018 38.2338 11.2237C38.1007 11.4457 38.0341 11.7016 38.0341 11.9917V16H36.4272ZM43.5982 16.1376C43.1661 16.1376 42.777 16.0607 42.4308 15.9068C42.0875 15.7499 41.8152 15.5191 41.614 15.2143C41.4157 14.9095 41.3166 14.5337 41.3166 14.0868C41.3166 13.7021 41.3876 13.384 41.5297 13.1325C41.6717 12.8809 41.8655 12.6797 42.1112 12.5288C42.3568 12.3778 42.6335 12.2639 42.9412 12.187C43.252 12.1071 43.573 12.0494 43.9045 12.0138C44.304 11.9724 44.628 11.9354 44.8766 11.9029C45.1252 11.8674 45.3057 11.8141 45.4181 11.7431C45.5336 11.6691 45.5913 11.5552 45.5913 11.4013V11.3746C45.5913 11.0402 45.4921 10.7813 45.2939 10.5978C45.0956 10.4144 44.81 10.3226 44.4371 10.3226C44.0436 10.3226 43.7314 10.4084 43.5005 10.5801C43.2727 10.7517 43.1188 10.9544 43.0389 11.1882L41.5385 10.9751C41.6569 10.5608 41.8522 10.2146 42.1245 9.93643C42.3967 9.6553 42.7296 9.44519 43.1232 9.30611C43.5168 9.16406 43.9518 9.09304 44.4283 9.09304C44.7567 9.09304 45.0837 9.13151 45.4093 9.20845C45.7348 9.28539 46.0322 9.41264 46.3015 9.5902C46.5708 9.7648 46.7868 10.003 46.9496 10.3049C47.1153 10.6067 47.1982 10.984 47.1982 11.4368V16H45.6534V15.0634H45.6001C45.5025 15.2528 45.3649 15.4303 45.1873 15.5961C45.0127 15.7588 44.7923 15.8905 44.5259 15.9911C44.2625 16.0888 43.9533 16.1376 43.5982 16.1376ZM44.0154 14.9569C44.338 14.9569 44.6177 14.8932 44.8544 14.766C45.0911 14.6358 45.2731 14.4641 45.4004 14.2511C45.5306 14.038 45.5957 13.8057 45.5957 13.5542V12.7507C45.5454 12.7921 45.4596 12.8306 45.3382 12.8661C45.2199 12.9016 45.0867 12.9327 44.9387 12.9593C44.7908 12.986 44.6443 13.0096 44.4993 13.0304C44.3543 13.0511 44.2285 13.0688 44.122 13.0836C43.8823 13.1162 43.6677 13.1694 43.4783 13.2434C43.2889 13.3174 43.1395 13.421 43.03 13.5542C42.9205 13.6844 42.8658 13.853 42.8658 14.0602C42.8658 14.3561 42.9738 14.5795 43.1898 14.7305C43.4058 14.8814 43.681 14.9569 44.0154 14.9569ZM49.1889 16V9.18182H50.7248V10.3404H50.8047C50.9467 9.94975 51.182 9.64495 51.5105 9.42596C51.839 9.20401 52.2311 9.09304 52.6868 9.09304C53.1484 9.09304 53.5376 9.20549 53.8542 9.4304C54.1738 9.65234 54.3987 9.95567 54.5289 10.3404H54.6C54.7509 9.96159 55.0054 9.65974 55.3635 9.43484C55.7245 9.20697 56.1521 9.09304 56.6463 9.09304C57.2737 9.09304 57.7856 9.29131 58.1822 9.68785C58.5787 10.0844 58.777 10.6629 58.777 11.4235V16H57.1657V11.6721C57.1657 11.2489 57.0532 10.9396 56.8283 10.7443C56.6034 10.546 56.3282 10.4469 56.0027 10.4469C55.615 10.4469 55.3117 10.5682 55.0927 10.8109C54.8767 11.0506 54.7686 11.3628 54.7686 11.7475V16H53.1928V11.6055C53.1928 11.2533 53.0863 10.9722 52.8732 10.7621C52.6631 10.552 52.3879 10.4469 52.0476 10.4469C51.8168 10.4469 51.6067 10.5061 51.4173 10.6245C51.2279 10.7399 51.0769 10.9041 50.9645 11.1172C50.852 11.3273 50.7958 11.5729 50.7958 11.854V16H49.1889ZM63.8006 16.1332C63.1171 16.1332 62.5267 15.9911 62.0295 15.707C61.5353 15.42 61.1551 15.0146 60.8887 14.4908C60.6224 13.964 60.4892 13.344 60.4892 12.6309C60.4892 11.9295 60.6224 11.314 60.8887 10.7843C61.158 10.2516 61.5338 9.8373 62.0162 9.54137C62.4986 9.24248 63.0653 9.09304 63.7163 9.09304C64.1365 9.09304 64.5331 9.1611 64.9059 9.29723C65.2818 9.4304 65.6132 9.63755 65.9003 9.91868C66.1903 10.1998 66.4181 10.5579 66.5839 10.9929C66.7496 11.425 66.8324 11.9399 66.8324 12.5376V13.0304H61.2438V11.9473H65.2921C65.2892 11.6395 65.2226 11.3658 65.0924 11.1261C64.9622 10.8834 64.7802 10.6925 64.5464 10.5534C64.3156 10.4144 64.0463 10.3448 63.7385 10.3448C63.41 10.3448 63.1215 10.4247 62.8729 10.5845C62.6243 10.7414 62.4305 10.9485 62.2914 11.206C62.1553 11.4605 62.0857 11.7401 62.0828 12.0449V12.9904C62.0828 13.387 62.1553 13.7273 62.3003 14.0114C62.4453 14.2925 62.648 14.5085 62.9084 14.6594C63.1688 14.8074 63.4736 14.8814 63.8228 14.8814C64.0566 14.8814 64.2682 14.8488 64.4576 14.7837C64.647 14.7157 64.8112 14.6165 64.9503 14.4863C65.0894 14.3561 65.1945 14.1948 65.2655 14.0025L66.7658 14.1712C66.6711 14.5677 66.4906 14.9139 66.2243 15.2099C65.9609 15.5028 65.6236 15.7307 65.2122 15.8935C64.8009 16.0533 64.3304 16.1332 63.8006 16.1332ZM73.9557 10.984L72.4909 11.1438C72.4494 10.9959 72.3769 10.8568 72.2733 10.7266C72.1727 10.5964 72.0366 10.4913 71.865 10.4114C71.6933 10.3315 71.4832 10.2915 71.2346 10.2915C70.9002 10.2915 70.6191 10.3641 70.3912 10.5091C70.1663 10.6541 70.0554 10.842 70.0583 11.0728C70.0554 11.2711 70.1279 11.4324 70.2758 11.5566C70.4268 11.6809 70.6753 11.783 71.0216 11.8629L72.1846 12.1115C72.8297 12.2506 73.3091 12.4711 73.6228 12.7729C73.9394 13.0748 74.0992 13.4698 74.1022 13.9581C74.0992 14.3872 73.9735 14.766 73.7249 15.0945C73.4793 15.42 73.1375 15.6745 72.6995 15.858C72.2615 16.0414 71.7584 16.1332 71.1903 16.1332C70.3557 16.1332 69.684
115.9586 69.175 15.6094C68.666 15.2572 68.3627 14.7675 68.265 14.1401L69.8319 13.9892C69.903 14.2969 70.0539 14.5292 70.2847 14.6861C70.5155 14.8429 70.8159 14.9213 71.1858 14.9213C71.5676 14.9213 71.8738 14.8429 72.1047 14.6861C72.3385 14.5292 72.4553 14.3354 72.4553 14.1046C72.4553 13.9093 72.3799 13.748 72.229 13.6207C72.081 13.4935 71.8502 13.3958 71.5365 13.3278L70.3735 13.0836C69.7195 12.9475 69.2356 12.7182 68.922 12.3956C68.6083 12.0701 68.4529 11.6587 68.4559 11.1616C68.4529 10.7414 68.5669 10.3774 68.7977 10.0696C69.0315 9.75888 69.3555 9.51918 69.7698 9.3505C70.1871 9.17886 70.6679 9.09304 71.2124 9.09304C72.0115 9.09304 72.6403 9.2632 73.099 9.60352C73.5606 9.94383 73.8462 10.404 73.9557 10.984ZM75.8022 18.5568V9.18182H77.3825V10.3093H77.4757C77.5585 10.1436 77.6754 9.96751 77.8263 9.78107C77.9773 9.59168 78.1815 9.4304 78.4389 9.29723C78.6964 9.1611 79.0249 9.09304 79.4244 9.09304C79.9511 9.09304 80.4261 9.22769 80.8493 9.49698C81.2754 9.76332 81.6127 10.1584 81.8613 10.6822C82.1129 11.203 82.2386 11.8422 82.2386 12.5998C82.2386 13.3485 82.1158 13.9847 81.8702 14.5085C81.6246 15.0323 81.2902 15.4318 80.867 15.707C80.4438 15.9822 79.9644 16.1199 79.4288 16.1199C79.0382 16.1199 78.7141 16.0547 78.4567 15.9245C78.1992 15.7943 77.9921 15.6375 77.8352 15.454C77.6813 15.2676 77.5615 15.0915 77.4757 14.9258H77.4091V18.5568H75.8022ZM77.378 12.5909C77.378 13.0318 77.4402 13.418 77.5645 13.7495C77.6917 14.0809 77.8737 14.3398 78.1104 14.5263C78.3501 14.7098 78.6402 14.8015 78.9805 14.8015C79.3356 14.8015 79.633 14.7068 79.8727 14.5174C80.1124 14.325 80.2929 14.0632 80.4142 13.7317C80.5385 13.3973 80.6007 13.017 80.6007 12.5909C80.6007 12.1677 80.54 11.7919 80.4187 11.4634C80.2973 11.1349 80.1168 10.8775 79.8771 10.6911C79.6374 10.5046 79.3385 10.4114 78.9805 10.4114C78.6372 10.4114 78.3457 10.5017 78.106 10.6822C77.8663 10.8627 77.6843 11.1157 77.56 11.4412C77.4387 11.7667 77.378 12.15 77.378 12.5909ZM85.9517 16.1376C85.5196 16.1376 85.1305 16.0607 84.7843 15.9068C84.441 15.7499 84.1687 15.5191 83.9675 15.2143C83.7692 14.9095 83.6701 14.5337 83.6701 14.0868C83.6701 13.7021 83.7411 13.384 83.8832 13.1325C84.0252 12.8809 84.219 12.6797 84.4647 12.5288C84.7103 12.3778 84.987 12.2639 85.2947 12.187C85.6055 12.1071 85.9266 12.0494 86.258 12.0138C86.6575 11.9724 86.9815 11.9354 87.2301 11.9029C87.4787 11.8674 87.6592 11.8141 87.7717 11.7431C87.8871 11.6691 87.9448 11.5552 87.9448 11.4013V11.3746C87.9448 11.0402 87.8456 10.7813 87.6474 10.5978C87.4491 10.4144 87.1635 10.3226 86.7907 10.3226C86.3971 10.3226 86.0849 10.4084 85.854 10.5801C85.6262 10.7517 85.4723 10.9544 85.3924 11.1882L83.892 10.9751C84.0104 10.5608 84.2057 10.2146 84.478 9.93643C84.7502 9.6553 85.0832 9.44519 85.4767 9.30611C85.8703 9.16406 86.3053 9.09304 86.7818 9.09304C87.1103 9.09304 87.4373 9.13151 87.7628 9.20845C88.0883 9.28539 88.3857 9.41264 88.655 9.5902C88.9243 9.7648 89.1403 10.003 89.3031 10.3049C89.4688 10.6067 89.5517 10.984 89.5517 11.4368V16H88.0069V15.0634H87.9537C87.856 15.2528 87.7184 15.4303 87.5408 15.5961C87.3662 15.7588 87.1458 15.8905 86.8794 15.9911C86.6161 16.0888 86.3068 16.1376 85.9517 16.1376ZM86.369 14.9569C86.6915 14.9569 86.9712 14.8932 87.2079 14.766C87.4447 14.6358 87.6267 14.4641 87.7539 14.2511C87.8841 14.038 87.9492 13.8057 87.9492 13.5542V12.7507C87.8989 12.7921 87.8131 12.8306 87.6918 12.8661C87.5734 12.9016 87.4402 12.9327 87.2923 12.9593C87.1443 12.986 86.9978 13.0096 86.8528 13.0304C86.7078 13.0511 86.582 13.0688 86.4755 13.0836C86.2358 13.1162 86.0212 13.1694 85.8319 13.2434C85.6425 13.3174 85.493 13.421 85.3835 13.5542C85.274 13.6844 85.2193 13.853 85.2193 14.0602C85.2193 14.3561 85.3273 14.5795 85.5433 14.7305C85.7594 14.8814 86.0346 14.9569 86.369 14.9569ZM91.5424 16V9.18182H93.1005V10.3182H93.1715C93.2958 9.9246 93.5089 9.62127 93.8107 9.4082C94.1155 9.19218 94.4632 9.08416 94.8539 9.08416C94.9426 9.08416 95.0418 9.0886 95.1513 9.09748C95.2637 9.1034 95.3569 9.11375 95.4309 9.12855V10.6067C95.3629 10.583 95.2549 10.5623 95.1069 10.5446C94.9619 10.5239 94.8213 10.5135 94.6852 10.5135C94.3922 10.5135 94.1288 10.5771 93.8951 10.7044C93.6642 10.8287 93.4822 11.0018 93.3491 11.2237C93.2159 11.4457 93.1493 11.7016 93.1493 11.9917V16H91.5424ZM98.3383 13.8604L98.3339 11.9206H98.5914L101.042 9.18182H102.919L99.9053 12.5376H99.5724L98.3383 13.8604ZM96.8735 16V6.90909H98.4804V16H96.8735ZM101.153 16L98.9331 12.8972L100.016 11.7653L103.075 16H101.153Z"])</script>
1<script>self.__next_f.push([1,"107:[\"$\",\"$L84\",null,{\"href\":\"https://framespark.io\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[[\"$\",\"svg\",null,{\"width\":\"4.3333333333em\",\"height\":\"1em\",\"viewBox\":\"0 0 104 24\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"text-[1.75rem] dark:grayscale\",\"children\":[[\"$\",\"rect\",null,{\"width\":\"23.575\",\"height\":\"23\",\"rx\":\"6\",\"fill\":\"url(#paint0_linear_28673_197667)\"}],[\"$\",\"rect\",null,{\"x\":\"0.514497\",\"y\":\"0.514497\",\"width\":\"22.546\",\"height\":\"21.971\",\"rx\":\"5.4855\",\"stroke\":\"url(#paint1_linear_28673_197667)\",\"strokeOpacity\":\"0.7\",\"strokeWidth\":\"1.02899\"}],[\"$\",\"g\",null,{\"filter\":\"url(#filter0_d_28673_197667)\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M13.9833 5H11.2438C10.9679 5 10.7162 5.15752 10.5955 5.40567L7.50345 11.7674C7.27078 12.2461 7.61942 12.8032 8.15167 12.8032H9.63581C9.82253 12.8032 9.95301 12.988 9.89048 13.1639L8.66486 16.6127C8.40615 17.3406 9.31885 17.9103 9.85914 17.3581L15.0384 12.0646C15.4848 11.6083 15.1615 10.8398 14.5232 10.8398H12.4376C12.2318 10.8398 12.1015 10.619 12.201 10.4389L14.6142 6.06916C14.8795 5.5888 14.532 5 13.9833 5Z\",\"fill\":\"#89B9FF\"}],[\"$\",\"path\",null,{\"d\":\"M13.9834 4.75L14.1182 4.75879C14.7775 4.84803 15.168 5.58376 14.833 6.19043L12.4199 10.5596C12.4173 10.5643 12.417 10.5674 12.417 10.5693C12.4171 10.572 12.4177 10.5762 12.4199 10.5801C12.4222 10.5838 12.4255 10.5865 12.4277 10.5879C12.4294 10.5888 12.4322 10.5898 12.4375 10.5898H14.5234C15.383 10.59 15.818 11.6248 15.2168 12.2393L10.0381 17.5332C9.31041 18.2769 8.08146 17.5097 8.42969 16.5293L9.65527 13.0801C9.65976 13.067 9.64966 13.0527 9.63574 13.0527H8.15137C7.43474 13.0525 6.96519 12.3028 7.27832 11.6582L10.3711 5.2959C10.5336 4.96199 10.8727 4.75 11.2441 4.75H13.9834Z\",\"stroke\":\"white\",\"strokeWidth\":\"0.5\"}]]}],[\"$\",\"path\",null,{\"d\":\"$112\",\"fill\":\"#202020\",\"className\":\"dark:fill-muted-foreground\"}],\"$L113\"]}],\"$L114\"]}]\n"])</script>
1<script>self.__next_f.push([1,"115:T1fcb,"])</script>
1<script>self.__next_f.push([1,"M50.5086 7.6978H52.2213V13.8746C52.2213 14.5517 52.0613 15.1473 51.7412 15.6612C51.4242 16.1752 50.978 16.5768 50.4024 16.8661C49.8269 17.1523 49.1544 17.2955 48.385 17.2955C47.6125 17.2955 46.9385 17.1523 46.363 16.8661C45.7875 16.5768 45.3412 16.1752 45.0242 15.6612C44.7072 15.1473 44.5487 14.5517 44.5487 13.8746V7.6978H46.2615V13.7315C46.2615 14.1255 46.3476 14.4763 46.52 14.7841C46.6954 15.0919 46.9416 15.3335 47.2586 15.5089C47.5756 15.6812 47.9511 15.7674 48.385 15.7674C48.819 15.7674 49.1945 15.6812 49.5115 15.5089C49.8315 15.3335 50.0777 15.0919 50.2501 14.7841C50.4224 14.4763 50.5086 14.1255 50.5086 13.7315V7.6978ZM57.5499 10.0614V11.354H53.4735V10.0614H57.5499ZM54.4799 8.36257H56.1511V15.0195C56.1511 15.2442 56.185 15.4165 56.2527 15.5366C56.3234 15.6535 56.4158 15.7335 56.5297 15.7766C56.6435 15.8197 56.7697 15.8413 56.9082 15.8413C57.0128 15.8413 57.1083 15.8336 57.1944 15.8182C57.2837 15.8028 57.3514 15.7889 57.3975 15.7766L57.6792 17.0831C57.5899 17.1139 57.4622 17.1477 57.296 17.1847C57.1329 17.2216 56.9328 17.2431 56.6958 17.2493C56.2773 17.2616 55.9003 17.1985 55.5648 17.06C55.2293 16.9184 54.9631 16.6999 54.7662 16.4045C54.5723 16.109 54.4769 15.7397 54.4799 15.2965V8.36257ZM58.9475 17.1523V10.0614H60.6187V17.1523H58.9475ZM59.7877 9.05504C59.5231 9.05504 59.2953 8.96733 59.1045 8.7919C58.9137 8.6134 58.8183 8.3995 58.8183 8.15021C58.8183 7.89785 58.9137 7.68395 59.1045 7.50852C59.2953 7.33002 59.5231 7.24077 59.7877 7.24077C60.0555 7.24077 60.2832 7.33002 60.471 7.50852C60.6618 7.68395 60.7572 7.89785 60.7572 8.15021C60.7572 8.3995 60.6618 8.6134 60.471 8.7919C60.2832 8.96733 60.0555 9.05504 59.7877 9.05504ZM64.0083 7.6978V17.1523H62.3372V7.6978H64.0083ZM65.7268 17.1523V10.0614H67.398V17.1523H65.7268ZM66.567 9.05504C66.3023 9.05504 66.0746 8.96733 65.8838 8.7919C65.693 8.6134 65.5976 8.3995 65.5976 8.15021C65.5976 7.89785 65.693 7.68395 65.8838 7.50852C66.0746 7.33002 66.3023 7.24077 66.567 7.24077C66.8348 7.24077 67.0625 7.33002 67.2503 7.50852C67.4411 7.68395 67.5365 7.89785 67.5365 8.15021C67.5365 8.3995 67.4411 8.6134 67.2503 8.7919C67.0625 8.96733 66.8348 9.05504 66.567 9.05504ZM72.6573 10.0614V11.354H68.581V10.0614H72.6573ZM69.5874 8.36257H71.2585V15.0195C71.2585 15.2442 71.2924 15.4165 71.3601 15.5366C71.4309 15.6535 71.5232 15.7335 71.6371 15.7766C71.7509 15.8197 71.8771 15.8413 72.0156 15.8413C72.1203 15.8413 72.2157 15.8336 72.3018 15.8182C72.3911 15.8028 72.4588 15.7889 72.505 15.7766L72.7866 17.0831C72.6973 17.1139 72.5696 17.1477 72.4034 17.1847C72.2403 17.2216 72.0402 17.2431 71.8033 17.2493C71.3847 17.2616 71.0077 17.1985 70.6722 17.06C70.3368 16.9184 70.0705 16.6999 69.8736 16.4045C69.6797 16.109 69.5843 15.7397 69.5874 15.2965V8.36257ZM75.0937 19.8114C74.8659 19.8114 74.6551 19.793 74.4612 19.756C74.2704 19.7222 74.118 19.6822 74.0042 19.636L74.392 18.3342C74.6351 18.4049 74.8521 18.4388 75.0429 18.4357C75.2337 18.4326 75.4014 18.3726 75.5461 18.2557C75.6938 18.1418 75.8184 17.951 75.92 17.6832L76.0631 17.3001L73.4917 10.0614H75.2645L76.8987 15.4165H76.9726L78.6114 10.0614H80.3888L77.5496 18.011C77.4173 18.3865 77.2419 18.7081 77.0233 18.9759C76.8048 19.2467 76.5371 19.4529 76.2201 19.5945C75.9062 19.7391 75.5307 19.8114 75.0937 19.8114ZM89.7117 10.8878H87.9852C87.9359 10.6046 87.8451 10.3538 87.7128 10.1353C87.5805 9.91371 87.4158 9.72597 87.2188 9.57209C87.0219 9.41821 86.7972 9.30279 86.5448 9.22585C86.2955 9.14583 86.0262 9.10582 85.7369 9.10582C85.223 9.10582 84.7675 9.23509 84.3705 9.49361C83.9735 9.74905 83.6626 10.1245 83.4379 10.62C83.2133 11.1125 83.1009 11.7141 83.1009 12.4251C83.1009 13.1483 83.2133 13.7577 83.4379 14.2532C83.6657 14.7456 83.9765 15.118 84.3705 15.3704C84.7675 15.6197 85.2214 15.7443 85.7323 15.7443C86.0155 15.7443 86.2802 15.7074 86.5264 15.6335C86.7757 15.5566 86.9988 15.4442 87.1958 15.2965C87.3958 15.1488 87.5635 14.9672 87.699 14.7518C87.8374 14.5363 87.9329 14.2901 87.9852 14.0131L89.7117 14.0224C89.6471 14.4717 89.5071 14.8933 89.2916 15.2873C89.0793 15.6812 88.8008 16.029 88.4561 16.3306C88.1114 16.6291 87.7082 16.863 87.2465 17.0323C86.7849 17.1985 86.2725 17.2816 85.7093 17.2816C84.8783 17.2816 84.1366 17.0893 83.4841 16.7045C82.8316 16.3198 82.3177 15.7643 81.9422 15.038C81.5667 14.3117 81.379 13.4407 81.379 12.4251C81.379 11.4064 81.5683 10.5354 81.9468 9.81214C82.3254 9.08582 82.8409 8.5303 83.4933 8.1456C84.1458 7.76089 84.8844 7.56854 85.7093 7.56854C86.2355 7.56854 86.7249 7.6424 87.1773 7.79013C87.6297 7.93785 88.0329 8.15483 88.3868 8.44105C88.7407 8.72419 89.0316 9.07197 89.2593 9.48438C89.4901 9.8937 89.641 10.3615 89.7117 10.8878ZM96.4183 10.2969C96.3752 9.8937 96.1937 9.57978 95.8736 9.35511C95.5566 9.13044 95.1442 9.01811 94.6364 9.01811C94.2794 9.01811 93.9731 9.07197 93.7177 9.17969C93.4622 9.2874 93.2668 9.43359 93.1314 9.61825C92.996 9.80291 92.9267 10.0137 92.9237 10.2507C92.9237 10.4477 92.9683 10.6185 93.0575 10.7631C93.1499 10.9078 93.2745 11.0309 93.4315 11.1325C93.5884 11.2309 93.7623 11.314 93.9531 11.3817C94.1439 11.4495 94.3363 11.5064 94.5302 11.5526L95.4165 11.7741C95.7736 11.8572 96.1167 11.9696 96.446 12.1112C96.7784 12.2527 97.0754 12.4312 97.337 12.6467C97.6017 12.8621 97.811 13.1222 97.9648 13.4268C98.1187 13.7315 98.1957 14.0885 98.1957 14.4979C98.1957 15.0518 98.0541 15.5397 97.771 15.9613C97.4878 16.3799 97.0785 16.7076 96.543 16.9446C96.0105 17.1785 95.3658 17.2955 94.6087 17.2955C93.8731 17.2955 93.2345 17.1816 92.6928 16.9538C92.1542 16.7261 91.7326 16.3937 91.4279 15.9567C91.1263 15.5196 90.9632 14.9872 90.9386 14.3594H92.6236C92.6482 14.6887 92.7498 14.9626 92.9283 15.1811C93.1068 15.3996 93.3391 15.5627 93.6254 15.6705C93.9147 15.7782 94.2378 15.832 94.5948 15.832C94.9672 15.832 95.2934 15.7766 95.5735 15.6658C95.8567 15.552 96.0782 15.395 96.2383 15.195C96.3983 14.9918 96.4799 14.7549 96.483 14.484C96.4799 14.2378 96.4076 14.0347 96.266 13.8746C96.1244 13.7115 95.9259 13.5761 95.6705 13.4684C95.4181 13.3576 95.1226 13.2591 94.7841 13.1729L93.7085 12.896C92.9298 12.6959 92.3143 12.3928 91.8619 11.9865C91.4125 11.5772 91.1879 11.034 91.1879 10.3569C91.1879 9.79983 91.3387 9.31203 91.6403 8.89347C91.945 8.47491 92.3589 8.15021 92.8821 7.91939C93.4053 7.68549 93.9978 7.56854 94.6594 7.56854C95.3304 7.56854 95.9182 7.68549 96.4229 7.91939C96.9308 8.15021 97.3293 8.47183 97.6186 8.88423C97.9079 9.29356 98.0572 9.76444 98.0664 10.2969H96.4183ZM104.861 10.2969C104.818 9.8937 104.636 9.57978 104.316 9.35511C103.999 9.13044 103.587 9.01811 103.079 9.01811C102.722 9.01811 102.416 9.07197 102.16 9.17969C101.905 9.2874 101.709 9.43359 101.574 9.61825C101.438 9.80291 101.369 10.0137 101.366 10.2507C101.366 10.4477 101.411 10.6185 101.5 10.7631C101.592 10.9078 101.717 11.0309 101.874 11.1325C102.031 11.2309 102.205 11.314 102.396 11.3817C102.586 11.4495 102.779 11.5064 102.973 11.5526L103.859 11.7741C104.216 11.8572 104.559 11.9696 104.888 12.1112C105.221 12.2527 105.518 12.4312 105.779 12.6467C106.044 12.8621 106.253 13.1222 106.407 13.4268C106.561 13.7315 106.638 14.0885 106.638 14.4979C106.638 15.0518 106.496 15.5397 106.213 15.9613C105.93 16.3799 105.521 16.7076 104.985 16.9446C104.453 17.1785 103.808 17.2955 103.051 17.2955C102.315 17.2955 101.677 17.1816 101.135 16.9538C100.597 16.7261 100.175 16.3937 99.8703 15.9567C99.5687 15.5196 99.4056 14.9872 99.3809 14.3594H101.066C101.091 14.6887 101.192 14.9626 101.371 15.1811C101.549 15.3996 101.782 15.5627 102.068 15.6705C102.357 15.7782 102.68 15.832
1103.037 15.832C103.41 15.832 103.736 15.7766 104.016 15.6658C104.299 15.552 104.521 15.395 104.681 15.195C104.841 14.9918 104.922 14.7549 104.925 14.484C104.922 14.2378 104.85 14.0347 104.708 13.8746C104.567 13.7115 104.368 13.5761 104.113 13.4684C103.86 13.3576 103.565 13.2591 103.226 13.1729L102.151 12.896C101.372 12.6959 100.757 12.3928 100.304 11.9865C99.8549 11.5772 99.6302 11.034 99.6302 10.3569C99.6302 9.79983 99.781 9.31203 100.083 8.89347C100.387 8.47491 100.801 8.15021 101.324 7.91939C101.848 7.68549 102.44 7.56854 103.102 7.56854C103.773 7.56854 104.361 7.68549 104.865 7.91939C105.373 8.15021 105.772 8.47183 106.061 8.88423C106.35 9.29356 106.5 9.76444 106.509 10.2969H104.861Z"])</script>
1<script>self.__next_f.push([1,"108:[\"$\",\"$L84\",null,{\"href\":\"https://allutilitycss.com\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[[\"$\",\"svg\",null,{\"width\":\"4.5em\",\"height\":\"1em\",\"viewBox\":\"0 0 108 24\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"text-[1.75rem]\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M2.92401 17.1523H1.09588L4.42436 7.6978H6.53871L9.8718 17.1523H8.04368L5.51847 9.63672H5.4446L2.92401 17.1523ZM2.98402 13.4453H7.96982V14.821H2.98402V13.4453ZM12.7144 7.6978V17.1523H11.0432V7.6978H12.7144ZM16.104 7.6978V17.1523H14.4329V7.6978H16.104Z\",\"fill\":\"#3F404D\",\"className\":\"dark:fill-muted-foreground\"}],[\"$\",\"path\",null,{\"d\":\"M28.9775 1.64118C30.0423 1.02895 31.3522 1.02895 32.417 1.64118L38.967 5.40743C40.0374 6.02292 40.6973 7.16352 40.6973 8.39826V15.9064C40.6973 17.1412 40.0374 18.2818 38.967 18.8972L32.417 22.6635C31.3522 23.2757 30.0423 23.2757 28.9775 22.6635L22.4275 18.8972C21.3571 18.2818 20.6973 17.1412 20.6973 15.9064V8.39826C20.6973 7.16352 21.3571 6.02292 22.4275 5.40743L28.9775 1.64118Z\",\"fill\":\"#30A1D3\",\"className\":\"dark:fill-muted-foreground\"}],[\"$\",\"path\",null,{\"d\":\"M29.2646 2.13965C30.1517 1.62974 31.2428 1.62974 32.1299 2.13965L38.6807 5.90625C39.5725 6.4192 40.1221 7.36963 40.1221 8.39844V15.9062C40.1221 16.8709 39.6392 17.767 38.8438 18.2979L38.6807 18.3984L32.1299 22.165C31.2981 22.6432 30.2868 22.6734 29.4326 22.2549L29.2646 22.165L22.7139 18.3984C21.8221 17.8855 21.2725 16.9351 21.2725 15.9062V8.39844C21.2725 7.36963 21.8221 6.4192 22.7139 5.90625L29.2646 2.13965Z\",\"stroke\":\"white\",\"strokeOpacity\":\"0.4\",\"strokeWidth\":\"1.15\"}],[\"$\",\"path\",null,{\"d\":\"M27.7563 9.85245L25.4033 12.1524L27.7563 14.4524\",\"stroke\":\"white\",\"strokeWidth\":\"1.15\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"}],[\"$\",\"path\",null,{\"d\":\"M33.6387 9.85245L35.9916 12.1524L33.6387 14.4524\",\"stroke\":\"white\",\"strokeWidth\":\"1.15\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"}],[\"$\",\"path\",null,{\"d\":\"M31.8734 7.55247L29.5205 16.7525\",\"stroke\":\"white\",\"strokeWidth\":\"1.15\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"}],[\"$\",\"path\",null,{\"d\":\"$115\",\"fill\":\"#30A1D3\",\"className\":\"dark:fill-muted-foreground\"}]]}],\"$L116\"]}]\n"])</script>
1<script>self.__next_f.push([1,"117:T1ab1,"])</script>
1<script>self.__next_f.push([1,"M50.3685 10.2969C50.3254 9.8937 50.1439 9.57978 49.8238 9.35511C49.5068 9.13044 49.0944 9.01811 48.5866 9.01811C48.2296 9.01811 47.9233 9.07197 47.6679 9.17969C47.4124 9.2874 47.217 9.43359 47.0816 9.61825C46.9462 9.80291 46.8769 10.0137 46.8738 10.2507C46.8738 10.4477 46.9185 10.6185 47.0077 10.7631C47.1001 10.9078 47.2247 11.0309 47.3817 11.1325C47.5386 11.2309 47.7125 11.314 47.9033 11.3817C48.0941 11.4495 48.2865 11.5064 48.4804 11.5526L49.3667 11.7741C49.7238 11.8572 50.0669 11.9696 50.3962 12.1112C50.7286 12.2527 51.0256 12.4312 51.2872 12.6467C51.5519 12.8621 51.7612 13.1222 51.915 13.4268C52.0689 13.7315 52.1459 14.0885 52.1459 14.4979C52.1459 15.0518 52.0043 15.5397 51.7211 15.9613C51.438 16.3799 51.0287 16.7076 50.4932 16.9446C49.9607 17.1785 49.316 17.2955 48.5589 17.2955C47.8233 17.2955 47.1847 17.1816 46.643 16.9538C46.1044 16.7261 45.6828 16.3937 45.3781 15.9567C45.0765 15.5196 44.9134 14.9872 44.8888 14.3594H46.5738C46.5984 14.6887 46.7 14.9626 46.8785 15.1811C47.057 15.3996 47.2893 15.5627 47.5756 15.6705C47.8648 15.7782 48.188 15.832 48.545 15.832C48.9174 15.832 49.2436 15.7766 49.5237 15.6658C49.8068 15.552 50.0284 15.395 50.1885 15.195C50.3485 14.9918 50.4301 14.7549 50.4331 14.484C50.4301 14.2378 50.3577 14.0347 50.2162 13.8746C50.0746 13.7115 49.8761 13.5761 49.6206 13.4684C49.3683 13.3576 49.0728 13.2591 48.7343 13.1729L47.6586 12.896C46.88 12.6959 46.2645 12.3928 45.8121 11.9865C45.3627 11.5772 45.1381 11.034 45.1381 10.3569C45.1381 9.79983 45.2889 9.31203 45.5905 8.89347C45.8952 8.47491 46.3091 8.15021 46.8323 7.91939C47.3555 7.68549 47.9479 7.56854 48.6096 7.56854C49.2806 7.56854 49.8684 7.68549 50.3731 7.91939C50.8809 8.15021 51.2795 8.47183 51.5688 8.88423C51.8581 9.29356 52.0074 9.76444 52.0166 10.2969H50.3685ZM55.2701 12.9975V17.1523H53.5989V7.6978H55.2331V11.2663H55.3162C55.4824 10.8662 55.7394 10.5508 56.0872 10.32C56.438 10.0861 56.8843 9.96911 57.426 9.96911C57.9184 9.96911 58.3477 10.0722 58.714 10.2784C59.0802 10.4846 59.3633 10.7862 59.5634 11.1832C59.7665 11.5803 59.8681 12.065 59.8681 12.6374V17.1523H58.1969V12.896C58.1969 12.4189 58.0738 12.0481 57.8276 11.7834C57.5845 11.5156 57.2428 11.3817 56.8027 11.3817C56.5073 11.3817 56.2426 11.4464 56.0087 11.5756C55.7779 11.7018 55.5963 11.8849 55.464 12.125C55.3347 12.3651 55.2701 12.6559 55.2701 12.9975ZM63.612 17.2955C63.1627 17.2955 62.758 17.2154 62.3979 17.0554C62.0409 16.8923 61.7578 16.6522 61.5485 16.3352C61.3423 16.0182 61.2392 15.6274 61.2392 15.1626C61.2392 14.7625 61.313 14.4317 61.4608 14.1701C61.6085 13.9085 61.8101 13.6992 62.0655 13.5423C62.321 13.3853 62.6087 13.2668 62.9288 13.1868C63.252 13.1037 63.5859 13.0437 63.9306 13.0067C64.3461 12.9637 64.6831 12.9252 64.9416 12.8913C65.2001 12.8544 65.3878 12.799 65.5048 12.7251C65.6248 12.6482 65.6848 12.5297 65.6848 12.3697V12.342C65.6848 11.9942 65.5817 11.7249 65.3755 11.5341C65.1693 11.3433 64.8723 11.2479 64.4846 11.2479C64.0752 11.2479 63.7505 11.3371 63.5105 11.5156C63.2735 11.6941 63.1135 11.9049 63.0304 12.1481L61.47 11.9265C61.5931 11.4956 61.7962 11.1355 62.0794 10.8462C62.3625 10.5539 62.7087 10.3353 63.1181 10.1907C63.5274 10.043 63.9798 9.96911 64.4753 9.96911C64.8169 9.96911 65.157 10.0091 65.4956 10.0891C65.8341 10.1692 66.1434 10.3015 66.4235 10.4862C66.7035 10.6677 66.9282 10.9155 67.0975 11.2294C67.2698 11.5433 67.356 11.9357 67.356 12.4066V17.1523H65.7495V16.1783H65.6941C65.5925 16.3752 65.4494 16.5599 65.2647 16.7322C65.0832 16.9015 64.8539 17.0385 64.5769 17.1431C64.303 17.2447 63.9814 17.2955 63.612 17.2955ZM64.046 16.0675C64.3815 16.0675 64.6723 16.0013 64.9185 15.869C65.1647 15.7335 65.354 15.555 65.4863 15.3335C65.6217 15.1119 65.6895 14.8703 65.6895 14.6087V13.7731C65.6371 13.8162 65.5479 13.8562 65.4217 13.8931C65.2986 13.93 65.1601 13.9624 65.0062 13.9901C64.8523 14.0178 64.7 14.0424 64.5492 14.0639C64.3984 14.0855 64.2676 14.1039 64.1568 14.1193C63.9075 14.1532 63.6844 14.2086 63.4874 14.2855C63.2904 14.3625 63.135 14.4702 63.0211 14.6087C62.9073 14.7441 62.8503 14.9195 62.8503 15.1349C62.8503 15.4427 62.9627 15.6751 63.1873 15.832C63.412 15.989 63.6982 16.
10675 64.046 16.0675ZM71.6678 17.277C71.1107 17.277 70.6122 17.1339 70.1721 16.8477C69.7319 16.5614 69.3842 16.146 69.1287 15.6012C68.8733 15.0565 68.7456 14.3948 68.7456 13.6161C68.7456 12.8282 68.8748 12.1635 69.1333 11.6218C69.3949 11.0771 69.7473 10.6662 70.1905 10.3892C70.6337 10.1091 71.1277 9.96911 71.6724 9.96911C72.0879 9.96911 72.4295 10.0399 72.6973 10.1815C72.965 10.32 73.1774 10.4877 73.3343 10.6847C73.4913 10.8786 73.6129 11.0617 73.699 11.234H73.7683V7.6978H75.4441V17.1523H73.8006V16.0352H73.699C73.6129 16.2075 73.4882 16.3906 73.3251 16.5845C73.162 16.7753 72.9466 16.9384 72.6788 17.0739C72.411 17.2093 72.074 17.277 71.6678 17.277ZM72.1341 15.9059C72.488 15.9059 72.7896 15.8105 73.0389 15.6197C73.2882 15.4258 73.4775 15.1565 73.6067 14.8118C73.736 14.4671 73.8006 14.0655 73.8006 13.6069C73.8006 13.1483 73.736 12.7498 73.6067 12.4112C73.4805 12.0727 73.2928 11.8095 73.0435 11.6218C72.7973 11.4341 72.4941 11.3402 72.1341 11.3402C71.7617 11.3402 71.4508 11.4371 71.2015 11.631C70.9522 11.8249 70.7645 12.0927 70.6383 12.4343C70.5121 12.7759 70.449 13.1668 70.449 13.6069C70.449 14.0501 70.5121 14.4455 70.6383 14.7933C70.7676 15.138 70.9569 15.4104 71.2061 15.6104C71.4585 15.8074 71.7678 15.9059 72.1341 15.9059ZM85.3914 10.8878H83.6649C83.6156 10.6046 83.5248 10.3538 83.3925 10.1353C83.2602 9.91371 83.0955 9.72597 82.8985 9.57209C82.7016 9.41821 82.4769 9.30279 82.2245 9.22585C81.9752 9.14583 81.7059 9.10582 81.4166 9.10582C80.9027 9.10582 80.4472 9.23509 80.0502 9.49361C79.6531 9.74905 79.3423 10.1245 79.1176 10.62C78.893 11.1125 78.7806 11.7141 78.7806 12.4251C78.7806 13.1483 78.893 13.7577 79.1176 14.2532C79.3454 14.7456 79.6562 15.118 80.0502 15.3704C80.4472 15.6197 80.9011 15.7443 81.412 15.7443C81.6952 15.7443 81.9598 15.7074 82.2061 15.6335C82.4553 15.5566 82.6785 15.4442 82.8754 15.2965C83.0755 15.1488 83.2432 14.9672 83.3786 14.7518C83.5171 14.5363 83.6125 14.2901 83.6649 14.0131L85.3914 14.0224C85.3268 14.4717 85.1868 14.8933 84.9713 15.2873C84.759 15.6812 84.4804 16.029 84.1357 16.3306C83.791 16.6291 83.3879 16.863 82.9262 17.0323C82.4646 17.1985 81.9521 17.2816 81.3889 17.2816C80.558 17.2816 79.8163 17.0893 79.1638 16.7045C78.5113 16.3198 77.9974 15.7643 77.6219 15.038C77.2464 14.3117 77.0587 13.4407 77.0587 12.4251C77.0587 11.4064 77.248 10.5354 77.6265 9.81214C78.0051 9.08582 78.5206 8.5303 79.173 8.1456C79.8255 7.76089 80.5641 7.56854 81.3889 7.56854C81.9152 7.56854 82.4046 7.6424 82.857 7.79013C83.3094 7.93785 83.7126 8.15483 84.0665 8.44105C84.4204 8.72419 84.7113 9.07197 84.939 9.48438C85.1698 9.8937 85.3206 10.3615 85.3914 10.8878ZM94.7294 7.6978V17.1523H93.206L88.7511 10.7124H88.6726V17.1523H86.9599V7.6978H88.4925L92.9428 14.1424H93.0259V7.6978H94.7294Z"])</script>
1<script>self.__next_f.push([1,"109:[\"$\",\"$L84\",null,{\"href\":\"https://allshadcn.com\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[[\"$\",\"svg\",null,{\"width\":\"4.04167em\",\"height\":\"1em\",\"viewBox\":\"0 0 97 24\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"text-[1.75rem]\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M2.76287 17.1523H0.934748L4.26323 7.6978H6.37757L9.71067 17.1523H7.88255L5.35733 9.63672H5.28347L2.76287 17.1523ZM2.82289 13.4453H7.80868V14.821H2.82289V13.4453ZM12.5533 7.6978V17.1523H10.8821V7.6978H12.5533ZM15.9429 7.6978V17.1523H14.2718V7.6978H15.9429Z\",\"fill\":\"#3F404D\",\"className\":\"dark:fill-muted-foreground\"}],[\"$\",\"path\",null,{\"d\":\"M29.1928 1.58956C30.2819 0.948891 31.6327 0.94889 32.7219 1.58956L39.1023 5.34274C40.1653 5.96803 40.818 7.1092 40.818 8.34247V15.9622C40.818 17.1955 40.1653 18.3367 39.1023 18.9619L32.7219 22.7151C31.6327 23.3558 30.2819 23.3558 29.1928 22.7151L22.8124 18.9619C21.7494 18.3367 21.0967 17.1955 21.0967 15.9622V8.34247C21.0967 7.1092 21.7494 5.96803 22.8124 5.34274L29.1928 1.58956Z\",\"fill\":\"black\",\"className\":\"dark:fill-muted-foreground\"}],[\"$\",\"path\",null,{\"d\":\"M29.4873 2.08968C30.3381 1.58932 31.3801 1.55807 32.2549 1.99593L32.4277 2.08968L38.8086 5.84261C39.6943 6.36372 40.2383 7.31498 40.2383 8.34261V15.9617C40.2383 16.9251 39.7601 17.8216 38.9707 18.3592L38.8086 18.4617L32.4277 22.2157C31.5769 22.7161 30.534 22.7474 29.6592 22.3094L29.4873 22.2157L23.1064 18.4617C22.2207 17.9407 21.6768 16.9894 21.6768 15.9617V8.34261C21.6768 7.31488 22.2206 6.36368 23.1064 5.84261L29.4873 2.08968Z\",\"stroke\":\"white\",\"strokeOpacity\":\"0.4\",\"strokeWidth\":\"1.16008\"}],[\"$\",\"path\",null,{\"d\":\"M34.611 8.09208L26.8965 15.8066\",\"stroke\":\"white\",\"strokeWidth\":\"1.16008\",\"strokeLinecap\":\"round\"}],[\"$\",\"path\",null,{\"d\":\"M35.8293 12.1523L30.957 17.0247\",\"stroke\":\"white\",\"strokeWidth\":\"1.16008\",\"strokeLinecap\":\"round\"}],[\"$\",\"path\",null,{\"d\":\"$117\",\"fill\":\"black\",\"className\":\"dark:fill-muted-foreground\"}]]}],\"$L118\"]}]\n"])</script>
1<script>self.__next_f.push([1,"119:T1393,"])</script>
1<script>self.__next_f.push([1,"M42.2749 15.5V7.13636H47.6328V8.40643H43.79V10.677H47.2653V11.9471H43.79V15.5H42.2749ZM48.858 15.5V9.22727H50.2914V10.2727H50.3567C50.4711 9.91063 50.6671 9.63157 50.9448 9.43555C51.2252 9.2368 51.5451 9.13743 51.9045 9.13743C51.9862 9.13743 52.0774 9.14151 52.1781 9.14968C52.2816 9.15512 52.3673 9.16465 52.4354 9.17827V10.5382C52.3728 10.5164 52.2734 10.4973 52.1373 10.481C52.0039 10.4619 51.8745 10.4524 51.7493 10.4524C51.4798 10.4524 51.2375 10.5109 51.0224 10.628C50.81 10.7424 50.6426 10.9016 50.5201 11.1058C50.3976 11.31 50.3363 11.5455 50.3363 11.8123V15.5H48.858ZM55.1103 15.6266C54.7128 15.6266 54.3548 15.5558 54.0362 15.4142C53.7204 15.2699 53.47 15.0576 53.2848 14.7772C53.1024 14.4967 53.0112 14.151 53.0112 13.7399C53.0112 13.3859 53.0766 13.0933 53.2072 12.8619C53.3379 12.6304 53.5162 12.4453 53.7422 12.3065C53.9682 12.1676 54.2227 12.0628 54.5059 11.992C54.7917 11.9185 55.0871 11.8654 55.3921 11.8327C55.7596 11.7946 56.0577 11.7606 56.2864 11.7306C56.5151 11.698 56.6812 11.649 56.7846 11.5836C56.8908 11.5156 56.9439 11.4107 56.9439 11.2692V11.2447C56.9439 10.937 56.8527 10.6988 56.6703 10.53C56.4879 10.3612 56.2252 10.2768 55.8821 10.2768C55.52 10.2768 55.2328 10.3558 55.0204 10.5137C54.8108 10.6716 54.6692 10.8581 54.5957 11.0732L53.2154 10.8771C53.3243 10.496 53.504 10.1774 53.7545 9.92152C54.0049 9.66288 54.3112 9.46958 54.6733 9.34162C55.0354 9.21094 55.4356 9.1456 55.874 9.1456C56.1762 9.1456 56.477 9.18099 56.7765 9.25177C57.076 9.32256 57.3496 9.43963 57.5973 9.60298C57.8451 9.76361 58.0438 9.98278 58.1936 10.2605C58.346 10.5382 58.4223 10.8853 58.4223 11.3018V15.5H57.0011V14.6383H56.9521C56.8622 14.8126 56.7356 14.9759 56.5723 15.1284C56.4117 15.2781 56.2088 15.3993 55.9638 15.4918C55.7215 15.5817 55.437 15.6266 55.1103 15.6266ZM55.4942 14.5403C55.7909 14.5403 56.0482 14.4818 56.266 14.3647C56.4838 14.2449 56.6512 14.087 56.7683 13.891C56.8881 13.695 56.948 13.4812 56.948 13.2498V12.5107C56.9017 12.5488 56.8228 12.5842 56.7111 12.6168C56.6022 12.6495 56.4797 12.6781 56.3436 12.7026C56.2075 12.7271 56.0727 12.7489 55.9393 12.7679C55.8059 12.787 55.6902 12.8033 55.5922 12.8169C55.3716 12.8469 55.1743 12.8959 55 12.964C54.8258 13.032 54.6883 13.1273 54.5876 13.2498C54.4868 13.3696 54.4365 13.5248 54.4365 13.7154C54.4365 13.9876 54.5358 14.1932 54.7346 14.332C54.9333 14.4709 55.1865 14.5403 55.4942 14.5403ZM59.9088 15.5V9.22727H61.3218V10.2931H61.3953C61.5259 9.93377 61.7424 9.65335 62.0446 9.45188C62.3468 9.24769 62.7075 9.1456 63.1268 9.1456C63.5515 9.1456 63.9095 9.24905 64.2008 9.45597C64.4949 9.66016 64.7018 9.93922 64.8216 10.2931H64.8869C65.0258 9.94466 65.2599 9.66696 65.5893 9.46005C65.9215 9.25041 66.3149 9.1456 66.7696 9.1456C67.3467 9.1456 67.8177 9.32801 68.1826 9.69283C68.5474 10.0576 68.7298 10.5899 68.7298 11.2896V15.5H67.2474V11.5183C67.2474 11.129 67.1439 10.8445 66.937 10.6648C66.7301 10.4824 66.4769 10.3912 66.1774 10.3912C65.8208 10.3912 65.5417 10.5028 65.3402 10.726C65.1415 10.9466 65.0421 11.2338 65.0421 11.5877V15.5H63.5924V11.457C63.5924 11.133 63.4943 10.8744 63.2983 10.6811C63.105 10.4878 62.8518 10.3912 62.5387 10.3912C62.3264 10.3912 62.1331 10.4456 61.9588 10.5545C61.7846 10.6607 61.6457 10.8118 61.5423 11.0078C61.4388 11.2011 61.3871 11.4271 61.3871 11.6857V15.5H59.9088ZM73.0065 15.6225C72.3776 15.6225 71.8345 15.4918 71.3771 15.2305C70.9224 14.9664 70.5726 14.5934 70.3276 14.1115C70.0825 13.6269 69.96 13.0565 69.96 12.4004C69.96 11.7551 70.0825 11.1889 70.3276 10.7015C70.5753 10.2115 70.9211 9.83031 71.3649 9.55806C71.8086 9.28308 72.33 9.1456 72.929 9.1456C73.3156 9.1456 73.6804 9.20821 74.0234 9.33345C74.3692 9.45597 74.6741 9.64654 74.9382 9.90518C75.205 10.1638 75.4146 10.4933 75.5671 10.8935C75.7196 11.291 75.7958 11.7647 75.7958 12.3146V12.7679H70.6543V11.7715H74.3787C74.376 11.4883 74.3147 11.2365 74.1949 11.016C74.0751 10.7927 73.9077 10.6171 73.6926 10.4892C73.4803 10.3612 73.2325 10.2972 72.9494 10.2972C72.6472 10.2972 72.3817 10.3707 72.153 10.5178C71.9243 10.662 71.746 10.8526 71.6181 11.0895C71.4928 11.3236 71.4288 11.5809 71.4261 11.8613V12.7312C71.4261 13.096 71.4928 13.4091 71.6262 13.6705C71.7596 13.9291 71.9461 14.1278 72.1857 14.2667C72.4253 14.4028 72.7057 14.4709 73.027 14.4709C73.242 14.4709 73.4367 14.4409 73.611 14.381C73.7852 14.3184 73.9363 14.2272 74.0643 14.1074C74.1922 13.9876 74.2889 13.8393 74.3542 13.6623L75.7345 13.8175C75.6474 14.1823 75.4813 14.5008 75.2363 14.7731C74.994 15.0426 74.6836 15.2522 74.3052 15.402C73.9268 15.549 73.4939 15.6225 73.0065 15.6225ZM77.0465 15.5V9.22727H78.4799V10.2727H78.5452C78.6596 9.91063 78.8556 9.63157 79.1333 9.43555C79.4137 9.2368 79.7336 9.13743 80.093 9.13743C80.1747 9.13743 80.2659 9.14151 80.3666 9.14968C80.47 9.15512 80.5558 9.16465 80.6239 9.17827V10.5382C80.5613 10.5164 80.4619 10.4973 80.3258 10.481C80.1924 10.4619 80.063 10.4524 79.9378 10.4524C79.6683 10.4524 79.426 10.5109 79.2109 10.628C78.9985 10.7424 78.8311 10.9016 78.7086 11.1058C78.5861 11.31 78.5248 11.5455 78.5248 11.8123V15.5
1H77.0465Z"])</script>
1<script>self.__next_f.push([1,"10a:[\"$\",\"$L84\",null,{\"href\":\"https://allframer.club\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[[\"$\",\"svg\",null,{\"width\":\"3.5652173913em\",\"height\":\"1em\",\"viewBox\":\"0 0 82 23\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"text-[1.75rem]\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M1.89897 15.5H0.281783L3.22621 7.13636H5.09659L8.0451 15.5H6.42791L4.19407 8.85156H4.12873L1.89897 15.5ZM1.95206 12.2207H6.36257V13.4377H1.95206V12.2207ZM10.5597 7.13636V15.5H9.08137V7.13636H10.5597ZM13.5582 7.13636V15.5H12.0799V7.13636H13.5582Z\",\"fill\":\"#3F404D\",\"className\":\"dark:fill-muted-foreground\"}],[\"$\",\"path\",null,{\"d\":\"M26.4757 1.02895C27.5554 0.393851 28.8945 0.39385 29.9742 1.02895L36.2992 4.74954C37.3529 5.3694 38 6.50066 38 7.72321V15.2768C38 16.4993 37.3529 17.6306 36.2992 18.2505L29.9742 21.971C28.8945 22.6062 27.5554 22.6062 26.4757 21.971L20.1507 18.2505C19.097 17.6306 18.45 16.4993 18.45 15.2768V7.72321C18.45 6.50066 19.097 5.3694 20.1507 4.74954L26.4757 1.02895Z\",\"fill\":\"url(#paint0_linear_28643_134824)\",\"className\":\"dark:fill-muted-foreground\"}],[\"$\",\"path\",null,{\"d\":\"M26.7673 1.52441C27.667 0.995281 28.7827 0.995338 29.6824 1.52441L36.0076 5.24512C36.8857 5.76167 37.4246 6.70484 37.4246 7.72363V15.2764C37.4246 16.2952 36.8857 17.2383 36.0076 17.7549L29.6824 21.4756C28.7827 22.0047 27.667 22.0047 26.7673 21.4756L20.4421 17.7549C19.5641 17.2383 19.0251 16.2951 19.0251 15.2764V7.72363C19.0251 6.70487 19.5641 5.76168 20.4421 5.24512L26.7673 1.52441Z\",\"stroke\":\"white\",\"strokeOpacity\":\"0.4\",\"strokeWidth\":\"1.15\"}],[\"$\",\"path\",null,{\"d\":\"M32.9661 10.8741L30.1049 9.60293L28.8344 6.74023C28.7802 6.62012 28.6933 6.51767 28.5838 6.44458C28.4742 6.37148 28.3462 6.33068 28.2146 6.32685C27.9357 6.30618 27.6981 6.48187 27.5845 6.7299L26.314 9.48925L23.4424 10.8741C23.2049 10.9878 23.0499 11.2358 23.0499 11.5045C23.0499 11.7732 23.2152 12.0109 23.4631 12.1246L26.3243 13.3957L27.5948 16.2584C27.6475 16.3821 27.7352 16.4875 27.8473 16.5616C27.9593 16.6357 28.0906 16.6752 28.2249 16.6752C28.3592 16.6752 28.4906 16.6357 28.6026 16.5616C28.7146 16.4875 28.8024 16.3821 28.855 16.2584L30.1255 13.3957L32.9868 12.1246C33.2347 12.0109 33.3999 11.7629 33.3999 11.4942C33.3999 11.2255 33.2347 10.9774 32.9868 10.8638L32.9661 10.8741Z\",\"fill\":\"white\"}],[\"$\",\"path\",null,{\"d\":\"$119\",\"fill\":\"#0055FF\",\"className\":\"dark:fill-muted-foreground\"}],\"$L11a\"]}],\"$L11b\"]}]\n"])</script>
1<script>self.__next_f.push([1,"10b:[\"$\",\"$L84\",null,{\"href\":\"https://pixinvent.com\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[[\"$\",\"svg\",null,{\"width\":\"2.93103em\",\"height\":\"1em\",\"viewBox\":\"0 0 85 29\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"text-[1.75rem]\",\"children\":[[\"$\",\"g\",null,{\"clipPath\":\"url(#clip0_15217_40368)\",\"children\":[[\"$\",\"mask\",null,{\"id\":\"mask0_15217_40368\",\"style\":{\"maskType\":\"luminance\"},\"maskUnits\":\"userSpaceOnUse\",\"x\":\"0\",\"y\":\"0\",\"width\":\"85\",\"height\":\"29\",\"children\":[\"$\",\"path\",null,{\"d\":\"M84.0879 0.5H0.0878906V28.5H84.0879V0.5Z\",\"fill\":\"white\"}]}],[\"$\",\"g\",null,{\"mask\":\"url(#mask0_15217_40368)\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M7.00805 4.72128C5.37965 4.72128 3.81794 5.36699 2.66649 6.51637C1.51504 7.66575 0.868164 9.22465 0.868164 10.8501L0.894242 11.4146C0.969834 12.2531 1.21895 13.0668 1.62583 13.8042C1.63038 13.8464 3.93826 17.9818 3.93826 20.5665L4.01665 21.3312C4.14189 21.8416 4.40253 22.1007 4.79099 22.1007H9.22404C9.61402 22.1007 9.87421 21.8416 9.99899 21.3312L10.0774 20.5665C10.0774 17.9815 12.3853 13.8456 12.4089 13.8042C12.8015 13.0622 13.0437 12.2502 13.1216 11.4146L13.1479 10.8501M7.00805 25.4477C6.66113 25.4477 6.3191 25.366 6.00974 25.2093C5.70038 25.0525 5.43244 24.8252 5.22767 24.5456H8.78782C8.58319 24.8252 8.31534 25.0525 8.00609 25.2092C7.69683 25.366 7.35489 25.4477 7.00805 25.4477Z\",\"stroke\":\"url(#paint0_linear_15217_40368)\",\"className\":\"dark:stroke-muted-foreground\",\"strokeWidth\":\"1.29964\",\"strokeLinejoin\":\"round\"}],[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M9.96484 4.39923H13.8313V8.19361H9.96484V4.39923Z\",\"fill\":\"#FF9B59\",\"className\":\"dark:fill-muted-foreground\"}],[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M15.2129 3.38559H17.8491V5.97264H15.2129V3.38559Z\",\"fill\":\"#FFC44D\",\"className\":\"dark:fill-muted-foreground\"}],[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M13.8311 0.626221H15.4128V2.17848H13.8311V0.626221Z\",\"fill\":\"#FDE99F\",\"className\":\"dark:fill-muted-foreground\"}],[\"$\",\"path\",null,{\"d\":\"M21.1293 11.1481C21.8654 11.1481 22.5043 11.2692 23.0464 11.5113C23.5963 11.7536 24.0171 12.1008 24.3082 12.5529C24.5995 13.0052 24.745 13.5421 24.745 14.1639C24.745 14.7775 24.5995 15.3145 24.3082 15.7747C24.0171 16.2268 23.5963 16.574 23.0464 16.8163C22.5043 17.0584 21.8654 17.1797 21.1293 17.1797H19.2121V19.6263H17.6348V11.1481H21.1293ZM21.0565 15.8473C21.7439 15.8473 22.2657 15.702 22.6217 15.4113C22.9776 15.1207 23.1556 14.7048 23.1556 14.1639C23.1556 13.6228 22.9776 13.2071 22.6217 12.9163C22.2657 12.6257 21.7439 12.4803 21.0565 12.4803H19.2121V15.8473H21.0565ZM26.3203 11.1481H27.8976V19.6263H26.3203V11.1481ZM35.5459 19.6263L33.2406 16.4045L30.9594 19.6263H29.1635L32.3184 15.3024L29.3335 11.1481H31.1171L33.2891 14.1639L35.4367 11.1481H37.1475L34.1747 15.2418L37.366 19.6263H35.5459Z\",\"fill\":\"black\",\"className\":\"dark:fill-muted-foreground\"}],[\"$\",\"path\",null,{\"d\":\"M38.8496 11.1481H39.7475V19.6263H38.8496V11.1481ZM49.6093 11.1481V19.6263H48.8691L43.409 12.7468V19.6263H42.511V11.1481H43.2513L48.7236 18.0274V11.1481H49.6093ZM59.3485 11.1481L55.5871 19.6263H54.7013L50.9398 11.1481H51.9105L55.1624 18.5119L58.4384 11.1481H59.3485ZM66.5874 18.8511V19.6263H60.5812V11.1481H66.4054V11.9231H61.4791V14.939H65.8715V15.702H61.4791V18.8511H66.5874ZM75.7961 11.1481V19.6263H75.056L69.5959 12.7468V19.6263H68.698V11.1481H69.438L74.9103 18.0274V11.1481H75.7961ZM80.2185 11.9231H77.2337V11.1481H84.1013V11.9231H81.1165V19.6263H80.2185V11.9231Z\",\"fill\":\"#484848\",\"className\":\"dark:fill-muted-foreground\"}]]}]]}],[\"$\",\"defs\",null,{\"children\":[[\"$\",\"linearGradient\",null,{\"id\":\"paint0_linear_15217_40368\",\"x1\":\"7.00805\",\"y1\":\"4.72128\",\"x2\":\"7.00805\",\"y2\":\"25.4477\",\"gradientUnits\":\"userSpaceOnUse\",\"children\":[\"$L11c\",\"$L11d\"]}],\"$L11e\"]}]]}],\"$L11f\"]}]\n"])</script>
1<script>self.__next_f.push([1,"120:T1932,"])</script>
1<script>self.__next_f.push([1,"M34.5944 7.67091H36.8997V16.6914C36.8955 17.5182 36.7201 18.2303 36.3735 18.8275C36.0268 19.4205 35.5424 19.8778 34.9202 20.1993C34.3021 20.5167 33.5817 20.6754 32.759 20.6754C32.0073 20.6754 31.3308 20.5418 30.7294 20.2745C30.1322 20.003 29.6582 19.6021 29.3074 19.0718C28.9566 18.5414 28.7812 17.8816 28.7812 17.0923H31.0927C31.0969 17.4389 31.1721 17.7375 31.3182 17.9881C31.4686 18.2386 31.6753 18.4307 31.9384 18.5644C32.2015 18.698 32.5043 18.7648 32.8467 18.7648C33.2184 18.7648 33.5337 18.6876 33.7926 18.533C34.0515 18.3743 34.2478 18.1405 34.3814 17.8314C34.5193 17.5224 34.5902 17.1424 34.5944 16.6914V7.67091ZM43.5804 20.6879C42.6157 20.6879 41.7826 20.4875 41.081 20.0866C40.3836 19.6815 39.847 19.1093 39.4711 18.3702C39.0953 17.6268 38.9073 16.7519 38.9073 15.7455C38.9073 14.7557 39.0953 13.8871 39.4711 13.1396C39.8511 12.3879 40.3815 11.8032 41.0622 11.3856C41.7429 10.9638 42.5427 10.7529 43.4614 10.7529C44.0544 10.7529 44.614 10.8489 45.1402 11.0411C45.6706 11.229 46.1383 11.5213 46.5434 11.918C46.9527 12.3148 47.2742 12.8201 47.5081 13.434C47.7419 14.0437 47.8589 14.7703 47.8589 15.6139V16.3092H39.9722V14.7808H45.6852C45.681 14.3465 45.5871 13.9602 45.4033 13.6219C45.2196 13.2795 44.9627 13.0101 44.6328 12.8138C44.3071 12.6175 43.927 12.5194 43.4927 12.5194C43.0292 12.5194 42.622 12.6322 42.2712 12.8577C41.9204 13.079 41.6469 13.3713 41.4506 13.7347C41.2585 14.0938 41.1604 14.4885 41.1562 14.9186V16.2529C41.1562 16.8125 41.2585 17.2927 41.4631 17.6936C41.6678 18.0904 41.9538 18.3952 42.3213 18.6082C42.6888 18.817 43.119 18.9214 43.6117 18.9214C43.9417 18.9214 44.2403 18.8755 44.5075 18.7836C44.7748 18.6876 45.0066 18.5477 45.2029 18.3639C45.3991 18.1802 45.5474 17.9526 45.6476 17.6811L47.7649 17.9191C47.6313 18.4787 47.3765 18.9674 47.0007 19.385C46.629 19.7984 46.1529 20.12 45.5724 20.3497C44.992 20.5752 44.328 20.6879 43.5804 20.6879ZM54.5819 10.8782V12.6322H49.0506V10.8782H54.5819ZM50.4162 8.57295H52.6839V17.6059C52.6839 17.9108 52.7298 18.1447 52.8217 18.3075C52.9177 18.4662 53.043 18.5748 53.1975 18.6333C53.3521 18.6917 53.5233 18.721 53.7112 18.721C53.8532 18.721 53.9827 18.7105 54.0996 18.6896C54.2207 18.6688 54.3126 18.65 54.3752 18.6333L54.7573 20.406C54.6362 20.4478 54.4629 20.4937 54.2374 20.5438C54.0161 20.594 53.7446 20.6232 53.4231 20.6315C52.8551 20.6483 52.3435 20.5626 51.8883 20.3747C51.4331 20.1826 51.0719 19.8861 50.8046 19.4852C50.5415 19.0843 50.4121 18.5832 50.4162 17.9818V8.57295ZM63.5507 11.1977C63.4922 10.6506 63.2459 10.2246 62.8115 9.91976C62.3814 9.6149 61.8218 9.46247 61.1327 9.46247C60.6483 9.46247 60.2328 9.53555 59.8861 9.68172C59.5395 9.82788 59.2743 10.0262 59.0906 10.2768C58.9068 10.5274 58.8129 10.8135 58.8087 11.135C58.8087 11.4023 58.8693 11.6341 58.9904 11.8303C59.1157 12.0266 59.2848 12.1937 59.4978 12.3315C59.7108 12.4651 59.9467 12.5779 60.2056 12.6697C60.4645 12.7616 60.7256 12.8389 60.9886 12.9015L62.1914 13.2022C62.6758 13.315 63.1414 13.4674 63.5883 13.6595C64.0393 13.8516 64.4423 14.0938 64.7973 14.3861C65.1564 14.6785 65.4404 15.0313 65.6492 15.4448C65.858 15.8582 65.9624 16.3427 65.9624 16.8981C65.9624 17.6498 65.7703 18.3117 65.3861 18.8838C65.0019 19.4518 64.4465 19.8965 63.7198 20.2181C62.9974 20.5355 62.1225 20.6942 61.0951 20.6942C60.097 20.6942 59.2305 20.5397 58.4955 20.2306C57.7647 19.9216 57.1925 19.4706 56.7791 18.8776C56.3698 18.2846 56.1485 17.5621 56.1151 16.7102H58.4015C58.4349 17.157 58.5728 17.5287 58.815 17.8252C59.0572 18.1217 59.3725 18.343 59.7609 18.4892C60.1534 18.6354 60.5919 18.7084 61.0763 18.7084C61.5817 18.7084 62.0243 18.6333 62.4044 18.4829C62.7886 18.3284 63.0892 18.1154 63.3064 17.844C63.5236 17.5684 63.6342 17.2468 63.6384 16.8793C63.6342 16.5452 63.5361 16.2696 63.344 16.0524C63.1519 15.8311 62.8825 15.6473 62.5359 15.5012C62.1935 15.3508 61.7926 15.2172 61.3332 15.1003L59.8736 14.7244C58.8171 14.453 57.9818 14.0416 57.3679 13.4904C56.7582 12.9349 56.4534 12.1978 56.4534 11.2791C56.4534 10.5232 56.658 9.86129 57.0673 9.29334C57.4807 8.72538 58.0424 8.2848 58.7523 7.97159C59.4623 7.6542 60.2662 7.49551 61.164 7.49551C62.0744 7.49551 62.8721 7.6542 63.557 7.97159C64.246 8.2848 64.7868 8.72121 65.1794 9.28081C65.572 9.83624 65.7745 10.4752 65.787 11.1977H63.5507ZM70.2017 14.8622V20.5H67.9341V7.67091H70.1516V12.5131H70.2644C70.4899 11.9702 70.8386 11.5422 71.3105 11.229C71.7866 10.9116 72.3921 10.7529 73.1271 10.7529C73.7953 10.7529 74.3779 10.8928 74.8748 11.1726C75.3718 11.4524 75.756 11.8617 76.0274 12.4004C76.3031 12.9391 76.4409 13.5968 76.4409 14.3736V20.5H74.1732V14.7244C74.1732 14.0771 74.0062 13.5739 73.6721 13.2147C73.3422 12.8514 72.8786 12.6697 72.2814 12.6697C71.8805 12.6697 71.5214 12.7574 71.204 12.9328C70.8908 13.1041 70.6444 13.3525 70.4648 13.6783C70.2894 14.004 70.2017 14.3987 70.2017 14.8622ZM78.7524 20.5V10.8782H81.02V20.5H78.7524ZM79.8925 9.51259C79.5333 9.51259 79.2243 9.39357 78.9654 9.15553C78.7064 8.91331 78.577 8.62307 78.577 8.2848C78.577 7.94236 78.7064 7.65212 78.9654 7.41408C79.2243 7.17186 79.5333 7.05075 79.8925 7.05075C80.2558 7.05075 80.5648 7.17186 80.8196 7.41408C81.0785 7.65212 81.2079 7.94236 81.2079 8.2848C81.2079 8.62307 81.0785 8.91331 80.8196 9.15553C80.5648 9.39357 80.2558 9.51259 79.8925 9.51259ZM83.3519 24.1082V10.8782H85.5819V12.4693H85.7135C85.8304 12.2354 85.9954 11.9869 86.2083 11.7238C86.4213 11.4566 86.7095 11.229 87.0728 11.0411C87.4361 10.8489 87.8997 10.7529 88.4635 10.7529C89.2068 10.7529 89.8771 10.9429 90.4743 11.3229C91.0756 11.6988 91.5517 12.2563 91.9025 12.9955C92.2575 13.7305 92.435 14.6325 92.435 15.7016C92.435 16.7582 92.2616 17.6561 91.915 18.3952C91.5684 19.1344 91.0965 19.6982 90.4993 20.0866C89.9021 20.4749 89.2256 20.6691 88.4697 20.6691C87.9185 20.6691 87.4612 20.5773 87.0979 20.3935C86.7345 20.2098 86.4422 19.9884 86.2209 19.7295C86.0037 19.4664 85.8346 19.2179 85.7135 18.9841H85.6195V24.1082H83.3519ZM85.5757 15.6891C85.5757 16.3113 85.6634 16.8563 85.8387 17.324C86.0183 17.7918 86.2752 18.1572 86.6092 18.4203C86.9475 18.6792 87.3568 18.8087 87.837 18.8087C88.3382 18.8087 88.7579 18.675 89.0961 18.4078C89.4344 18.1363 89.6891 17.7667 89.8604 17.299C90.0358 16.8271 90.1235 16.2905 90.1235 15.6891C90.1235 15.0919 90.0379 14.5615 89.8666 14.098C89.6954 13.6344 89.4407 13.2711 89.1024 13.008C88.7641 12.7449 88.3423 12.6134 87.837 12.6134C87.3526 12.6134 86.9412 12.7407 86.603 12.9955C86.2647 13.2502 86.0079 13.6073 85.8325 14.0667C85.
16613 14.526 85.5757 15.0668 85.5757 15.6891Z"])</script>
1<script>self.__next_f.push([1,"10c:[\"$\",\"$L84\",null,{\"href\":\"https://themeselection.com/item/category/saas-boilerplate/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[[\"$\",\"svg\",null,{\"width\":\"3.24138em\",\"height\":\"1em\",\"viewBox\":\"0 0 94 29\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"text-[1.75rem]\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M11.2764 3.935C10.8449 4.35972 10.3599 4.88572 9.97949 5.3764C5.14504 6.0701 1.42995 10.228 1.42969 15.2543L1.44238 15.768C1.70964 21.0415 6.07022 25.2348 11.4102 25.2348L11.9238 25.2221C17.0269 24.9631 21.1193 20.8712 21.3779 15.768L21.3906 15.2543C21.3906 14.0414 21.1726 12.8795 20.7764 11.8041C21.0244 11.3168 21.307 10.727 21.5332 10.186C22.2983 11.7112 22.7323 13.4317 22.7324 15.2543C22.7324 21.5074 17.6631 26.5772 11.4102 26.5776C5.15687 26.5776 0.0878906 21.5076 0.0878906 15.2543C0.0881719 9.04579 5.08469 4.00644 11.2764 3.935ZM15.7578 4.79926C16.4481 5.08667 17.1046 5.43884 17.7178 5.85101C17.0789 5.49727 16.414 5.14089 15.7578 4.79926Z\",\"fill\":\"url(#paint0_linear_15217_40489)\",\"className\":\"dark:fill-muted-foreground\"}],[\"$\",\"mask\",null,{\"id\":\"mask0_15217_40489\",\"style\":{\"maskType\":\"alpha\"},\"maskUnits\":\"userSpaceOnUse\",\"x\":\"1\",\"y\":\"5\",\"width\":\"21\",\"height\":\"21\",\"children\":[\"$\",\"ellipse\",null,{\"cx\":\"9.98064\",\"cy\":\"9.98065\",\"rx\":\"9.98064\",\"ry\":\"9.98065\",\"transform\":\"matrix(-1 0 0 1 21.3906 5.27417)\",\"fill\":\"#3F404D\"}]}],[\"$\",\"g\",null,{\"mask\":\"url(#mask0_15217_40489)\",\"children\":[\"$\",\"path\",null,{\"d\":\"M1.86546 19.9045C3.38626 20.8399 5.93823 20.8728 7.60729 18.1693C7.70837 18.0056 7.92312 17.9485 8.08583 18.0512C8.65876 18.4129 9.61662 19.0258 10.5065 19.6203C10.6353 19.7064 10.6879 19.8699 10.6328 20.0148C9.7516 22.3305 8.89747 23.9619 11.3969 25.9063C7.89663 25.4521 4.37227 23.1958 1.86546 19.9045Z\",\"fill\":\"#794DFF\",\"className\":\"dark:fill-muted-foreground\"}]}],[\"$\",\"path\",null,{\"d\":\"M18.7119 2.73786C18.8879 2.73357 19.0911 2.85844 19.1684 3.01665C19.6034 3.92858 19.7854 4.67709 19.9649 5.42619C20.7028 8.50615 19.4995 10.7479 17.6634 12.6489L18.408 15.7569C18.5251 16.2455 18.3082 16.9049 17.9251 17.2255L15.3388 19.4071C15.2483 19.4762 15.1473 19.528 15.035 19.5588C14.6403 19.6534 14.2432 19.4093 14.1549 19.0407L13.4119 15.9398L12.8961 16.7449C12.3211 17.6841 12.2892 17.5234 11.5481 17.0678C11.5481 17.0678 10.5949 16.4819 9.66897 15.9127C8.74301 15.3435 8.88849 15.3086 9.18575 14.8231L9.85481 13.7301L6.76685 14.499C6.37214 14.5936 5.97503 14.3495 5.88673 13.9809C5.86364 13.8681 5.86423 13.7555 5.88476 13.644L6.64996 10.3456C6.76512 9.85664 7.24969 9.36469 7.73764 9.24779L10.8502 8.50004C11.7096 6.00621 13.1706 3.93313 16.227 3.20086C16.9588 2.93698 17.7047 2.75827 18.7119 2.73786Z\",\"fill\":\"#794DFF\",\"className\":\"dark:fill-muted-foreground\"}],[\"$\",\"circle\",null,{\"cx\":\"16.5255\",\"cy\":\"7.05168\",\"r\":\"1.34194\",\"fill\":\"white\"}],[\"$\",\"path\",null,{\"d\":\"$120\",\"fill\":\"#3F404D\",\"className\":\"dark:fill-muted-foreground\"}],\"$L121\"]}],\"$L122\"]}]\n"])</script>
1<script>self.__next_f.push([1,"123:I[33067,[\"67432\",\"static/chunks/67432-32747e88a4f8acc8.js\",\"76370\",\"static/chunks/76370-0359ac560144dca6.js\",\"80575\",\"static/chunks/80575-97954de7a94dabff.js\",\"43280\",\"static/chunks/43280-e251c444000fa096.js\",\"60986\",\"static/chunks/60986-cc43adc00eabbf09.js\",\"73384\",\"static/chunks/73384-e2f14b08da94964e.js\",\"6355\",\"static/chunks/6355-a93a54f3c40ced8f.js\",\"6421\",\"static/chunks/6421-a46ca4986378c7cc.js\",\"52285\",\"static/chunks/52285-0df21aebe4a74a07.js\",\"49299\",\"static/chunks/49299-5b7ce3a57185f3d6.js\",\"55117\",\"static/chunks/55117-3b317ae9a22154e9.js\",\"12075\",\"static/chunks/12075-4c9680bfe56d2bc0.js\",\"78081\",\"static/chunks/78081-90043cbd425aaf13.js\",\"79679\",\"static/chunks/79679-e7f1c86802c7d4f1.js\",\"84478\",\"static/chunks/app/(front)/pricing/page-bf756ac055eae8bd.js\"],\"default\"]\n"])</script>
1<script>self.__next_f.push([1,"110:[\"$\",\"defs\",null,{\"children\":[[\"$\",\"linearGradient\",null,{\"id\":\"paint0_linear_15217_40339\",\"x1\":\"22.3286\",\"y1\":\"4.36967\",\"x2\":\"3.94396\",\"y2\":\"25.3807\",\"gradientUnits\":\"userSpaceOnUse\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"#794DFF\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopColor\":\"#5A16EB\"}]]}],[\"$\",\"linearGradient\",null,{\"id\":\"paint1_linear_15217_40339\",\"x1\":\"13.032\",\"y1\":\"8.03625\",\"x2\":\"13.032\",\"y2\":\"20.1998\",\"gradientUnits\":\"userSpaceOnUse\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"white\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopColor\":\"white\",\"stopOpacity\":\"0.6\"}]]}],[\"$\",\"linearGradient\",null,{\"id\":\"paint2_linear_15217_40339\",\"x1\":\"12.9484\",\"y1\":\"2.49342\",\"x2\":\"12.9484\",\"y2\":\"26.5061\",\"gradientUnits\":\"userSpaceOnUse\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"white\",\"stopOpacity\":\"0.28\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopColor\":\"white\",\"stopOpacity\":\"0.04\"}]]}],[\"$\",\"clipPath\",null,{\"id\":\"clip0_15217_40339\",\"children\":[\"$\",\"rect\",null,{\"width\":\"24.0126\",\"height\":\"24.0126\",\"fill\":\"white\",\"transform\":\"translate(0.942383 2.49368)\"}]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"111:[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"FlyonUI\"}]\n"])</script>
1<script>self.__next_f.push([1,"113:[\"$\",\"defs\",null,{\"children\":[[\"$\",\"filter\",null,{\"id\":\"filter0_d_28673_197667\",\"x\":\"4.78981\",\"y\":\"4.5\",\"width\":\"13.8169\",\"height\":\"19.3253\",\"filterUnits\":\"userSpaceOnUse\",\"colorInterpolationFilters\":\"sRGB\",\"children\":[[\"$\",\"feFlood\",null,{\"floodOpacity\":\"0\",\"result\":\"BackgroundImageFix\"}],[\"$\",\"feColorMatrix\",null,{\"in\":\"SourceAlpha\",\"type\":\"matrix\",\"values\":\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\",\"result\":\"hardAlpha\"}],[\"$\",\"feOffset\",null,{\"dx\":\"0.360366\",\"dy\":\"3.2433\"}],[\"$\",\"feGaussianBlur\",null,{\"stdDeviation\":\"1.25\"}],[\"$\",\"feComposite\",null,{\"in2\":\"hardAlpha\",\"operator\":\"out\"}],[\"$\",\"feColorMatrix\",null,{\"type\":\"matrix\",\"values\":\"0 0 0 0 0.260256 0 0 0 0 0 0 0 0 0 0.695074 0 0 0 0.6 0\"}],[\"$\",\"feBlend\",null,{\"mode\":\"normal\",\"in2\":\"BackgroundImageFix\",\"result\":\"effect1_dropShadow_28673_197667\"}],[\"$\",\"feBlend\",null,{\"mode\":\"normal\",\"in\":\"SourceGraphic\",\"in2\":\"effect1_dropShadow_28673_197667\",\"result\":\"shape\"}]]}],[\"$\",\"linearGradient\",null,{\"id\":\"paint0_linear_28673_197667\",\"x1\":\"2.03334\",\"y1\":\"-4.78468e-08\",\"x2\":\"21.7052\",\"y2\":\"23.4802\",\"gradientUnits\":\"userSpaceOnUse\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"#3BD1FF\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopColor\":\"#7C54FF\"}]]}],[\"$\",\"linearGradient\",null,{\"id\":\"paint1_linear_28673_197667\",\"x1\":\"1.53237\",\"y1\":\"1.46625\",\"x2\":\"21.1475\",\"y2\":\"23.4824\",\"gradientUnits\":\"userSpaceOnUse\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"white\"}],[\"$\",\"stop\",null,{\"offset\":\"0.5\",\"stopColor\":\"white\",\"stopOpacity\":\"0\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopColor\":\"white\"}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"114:[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"FrameSpark\"}]\n116:[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"All UtilityCSS\"}]\n118:[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"All ShadCN\"}]\n11a:[\"$\",\"defs\",null,{\"children\":[\"$\",\"linearGradient\",null,{\"id\":\"paint0_linear_28643_134824\",\"x1\":\"38\",\"y1\":\"1.11501\",\"x2\":\"18.45\",\"y2\":\"21.885\",\"gradientUnits\":\"userSpaceOnUse\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"#0055FF\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopColor\":\"#0099FF\"}]]}]}]\n11b:[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"All Framer\"}]\n11c:[\"$\",\"stop\",null,{\"stopColor\":\"#FAE384\"}]\n11d:[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopColor\":\"#E1475E\"}]\n11e:[\"$\",\"clipPath\",null,{\"id\":\"clip0_15217_40368\",\"children\":[\"$\",\"rect\",null,{\"width\":\"84\",\"height\":\"28\",\"fill\":\"white\",\"transform\":\"translate(0.0878906 0.5)\"}]}]\n11f:[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"PixInvent\"}]\n121:[\"$\",\"defs\",null,{\"children\":[\"$\",\"linearGradient\",null,{\"id\":\"paint0_linear_15217_40489\",\"x1\":\"14.8488\",\"y1\":\"9.46906\",\"x2\":\"6.12712\",\"y2\":\"24.565\",\"gradientUnits\":\"userSpaceOnUse\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"white\",\"stopOpacity\":\"0\"}],[\"$\",\"stop\",null,{\"offset\":\"0.563954\",\"stopColor\":\"#794DFF\",\"stopOpacity\":\"0.3\"}],[\"$\",\"stop\",null,{\"offset\":\"0.879734\",\"stopColor\":\"#794DFF\"}]]}]}]\n122:[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"JetShip\"}]\n9b:[\"$\",\"$L123\",null,{}]\n"])</script>
1<script>self.__next_f.push([1,"97:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
1<script>self.__next_f.push([1,"bf:null\n"])</script>
1<script>self.__next_f.push([1,"124:I[1553,[],\"IconMark\"]\n"])</script>
1<script>self.__next_f.push([1,"c1:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Pricing - Shadcn Studio\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Get lifetime access to 1000+ Shadcn UI components, 1000+ blocks \u0026 25+ templates with a one-time payment. Simple pricing, unlimited projects.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"keywords\",\"content\":\"shadcn studio pricing,shadcn ui pricing,shadcn blocks pricing,shadcn templates pricing\"}],[\"$\",\"meta\",\"3\",{\"name\":\"robots\",\"content\":\"noindex,nofollow\"}],[\"$\",\"link\",\"4\",{\"rel\":\"canonical\",\"href\":\"https://shadcn-studio-internal-staging.vercel.app/pricing\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:title\",\"content\":\"Pricing - Shadcn Studio\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:description\",\"content\":\"Get lifetime access to 1000+ Shadcn UI components, 1000+ blocks \u0026 25+ templates with a one-time payment. Simple pricing, unlimited projects.\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:url\",\"content\":\"https://shadcn-studio-internal-staging.vercel.app/pricing\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:site_name\",\"content\":\"Shadcn Studio\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image\",\"content\":\"https://cdn.shadcnstudio.com/ss-assets/smm/marketing/shadcn-studio-smm-banner.png\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:image:alt\",\"content\":\"Pricing - Shadcn Studio\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:title\",\"content\":\"Pricing - Shadcn Studio\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:description\",\"content\":\"Get lifetime access to 1000+ Shadcn UI components, 1000+ blocks \u0026 25+ templates with a one-time payment. Simple pricing, unlimited projects.\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:image\",\"content\":\"https://cdn.shadcnstudio.com/ss-assets/smm/marketing/shadcn-studio-smm-banner.png\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:image:alt\",\"content\":\"Pricing - Shadcn Studio\"}],[\"$\",\"link\",\"23\",{\"rel\":\"icon\",\"href\":\"https://cdn.shadcnstudio.com/ss-assets/favicon/favicon-16x16.png\",\"sizes\":\"16x16\",\"type\":\"image/png\"}],[\"$\",\"link\",\"24\",{\"rel\":\"icon\",\"href\":\"https://cdn.shadcnstudio.com/ss-assets/favicon/favicon-32x32.png\",\"sizes\":\"32x32\",\"type\":\"image/png\"}],[\"$\",\"link\",\"25\",{\"rel\":\"icon\",\"href\":\"https://cdn.shadcnstudio.com/ss-assets/favicon/favicon.ico\",\"sizes\":\"48x48\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"26\",{\"rel\":\"apple-touch-icon\",\"href\":\"https://cdn.shadcnstudio.com/ss-assets/favicon/apple-touch-icon.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],[\"$\",\"link\",\"27\",{\"rel\":\"icon\",\"href\":\"https://cdn.shadcnstudio.com/ss-assets/favicon/android-chrome-192x192.png\",\"sizes\":\"192x192\",\"type\":\"image/png\"}],[\"$\",\"link\",\"28\",{\"rel\":\"icon\",\"href\":\"https://cdn.shadcnstudio.com/ss-assets/favicon/android-chrome-512x512.png\",\"sizes\":\"512x512\",\"type\":\"image/png\"}],[\"$\",\"$L124\",\"29\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
1<script>self.__next_f.push([1,"9a:\"$c1:metadata\"\n"])</script>
1</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.