1<!DOCTYPE html><html data-dpl-id="dpl_Dr3yZtz4NBrNiUG6KDGvm317neq7" lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/immutable/chunks/3fx9mtrij128f.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/immutable/chunks/2dms222jcjcu0.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/immutable/chunks/1h-69aaxroqpw.js"/>
1<script src="/_next/static/immutable/chunks/0bpin01je89h3.js" async=""></script>
1<script src="/_next/static/immutable/chunks/2inkxr8zj9a65.js" async=""></script>
1<script src="/_next/static/immutable/chunks/04j-0fr-o059u.js" async=""></script>
1<script src="/_next/static/immutable/chunks/turbopack-34n-hk2m9jzf8.js" async=""></script>
1<script src="/_next/static/immutable/chunks/1ditn99od6n_c.js" async=""></script>
1<script src="/_next/static/immutable/chunks/2w3ol5-i0tdeu.js" async=""></script>
1<script src="/_next/static/immutable/chunks/2ujs6gxmjjukg.js" async=""></script>
1<script src="/_next/static/immutable/chunks/0a83f2_0oh0vl.js" async=""></script>
1<script src="/_next/static/immutable/chunks/1mzzzvrdn1-ub.js" async=""></script>
1<script src="/_next/static/immutable/chunks/3xz_ucnxtkab4.js" async=""></script>
1<script src="/_next/static/immutable/chunks/2ls6t6yvq968s.js" async=""></script>
1<script src="/_next/static/immutable/chunks/0xlmohhil9-zd.js" async=""></script>
1<script src="/_next/static/immutable/chunks/2fc3i0efc4_mh.js" async=""></script>
1<script src="/_next/static/immutable/chunks/1vmgrud6jr0tg.js" async=""></script>
1<script src="/_next/static/immutable/chunks/2k4pp8ikbn-76.js" async=""></script>
1<script src="/_next/static/immutable/chunks/0m2u-um-7t72b.js" async=""></script>
1<script src="/_next/static/immutable/chunks/1-c414ug9pclt.js" async=""></script>
1<script src="/_next/static/immutable/chunks/3j73gi_0f1kf0.js" async=""></script>
1<script src="/_next/static/immutable/chunks/2y2w5dx03kxir.js" async=""></script>
1<script src="/_next/static/immutable/chunks/3ptsqlo9577x2.js" async=""></script>
1<script src="/_next/static/immutable/chunks/1dj74wi3_qk6h.js" async=""></script>
1<title>Examples | json-render</title><meta name="description" content="The Generative UI framework. Generate dashboards, widgets, and apps from prompts â safely constrained to components you define."/><meta name="author" content="Vercel Labs"/><meta name="keywords" content="json-render,generative UI,AI UI generation,user-generated interfaces,React components,React Native,guardrails,structured output,dashboard builder"/><meta name="creator" content="Vercel Labs"/><meta name="robots" content="index, follow"/><link rel="canonical" href="https://json-render.dev/examples"/><meta property="og:title" content="Examples | json-render"/><meta property="og:description" content="The Generative UI framework. Generate dashboards, widgets, and apps from prompts â safely constrained to components you define."/><meta property="og:url" content="https://json-render.dev/examples"/><meta property="og:site_name" content="json-render"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://json-render.dev/og/examples"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Examples - json-render"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Examples | json-render"/><meta name="twitter:description" content="The Generative UI framework. Generate dashboards, widgets, and apps from prompts â safely constrained to components you define."/><meta name="twitter:image" content="https://json-render.dev/og/examples"/><link rel="icon" href="/favicon.ico?favicon.3fpu2ql9ns1a0.ico" sizes="256x256" type="image/x-icon"/><link rel="icon" href="/favicon.ico"/><meta name="next-size-adjust" content=""/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"json-render","url":"https://json-render.dev","description":"The Generative UI framework. Generate dashboards, widgets, and apps from prompts â safely constrained to components you define."}</script>
1<script src="/_next/static/immutable/chunks/0c0hxoamwjsbw.js" noModule=""></script>
1</head><body class="geistsans_d025f23b-module__btTCTG__variable geistmono_df95d851-module__CWPfka__variable geistpixelsquare_cf225766-module__hcLBzq__variable"><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","dark",null,["light","dark"],{"dark":"dark-theme","light":"light-theme"},true,true)</script>
1<div class="@container transition-[padding-right] duration-150 ease-[cubic-bezier(0.175,0.885,0.32,1.1)] motion-reduce:transition-none" data-geistdocs-container="true"><header class="sticky top-0 z-40 flex h-16 justify-center bg-background-200 transition-shadow motion-reduce:transition-none"><div style="display:contents"><div class="@container mx-auto flex w-full max-w-[1448px] justify-between px-2"><div class="flex select-none flex-row items-center"><span class="flex items-center gap-2.5 ml-4"><a aria-label="Vercel Labs" class="-mx-2 flex items-center rounded-md p-2 text-gray-1000 outline-none focus-visible:ring-2 focus-visible:ring-blue-700 focus-visible:ring-inset" rel="noopener" target="_blank" href="https://vercel.com/labs"><svg aria-hidden="true" class="block dark:hidden" fill="none" focusable="false" height="18" viewBox="0 0 183 42" width="78.42857142857143" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M23.5092 0L47.0185 41.44H0L23.5092 0Z" fill="black" fill-rule="evenodd"></path><path d="M169.729 41.2752C166.731 41.2752 164.206 40.8386 162.156 39.9656C160.145 39.0925 158.588 37.8778 157.487 36.3214C156.387 34.7651 155.76 32.9999 155.608 31.026L163.068 30.6844C163.333 32.2787 163.998 33.5124 165.06 34.3855C166.123 35.2585 167.699 35.6951 169.786 35.6951C171.495 35.6951 172.823 35.4294 173.772 34.8979C174.759 34.3285 175.253 33.4554 175.253 32.2787C175.253 31.5954 175.082 31.026 174.74 30.5705C174.399 30.115 173.753 29.7164 172.804 29.3748C171.855 29.0331 170.451 28.6915 168.591 28.3498C165.478 27.8184 163.03 27.1731 161.245 26.4139C159.461 25.6167 158.19 24.6298 157.43 23.453C156.709 22.2763 156.349 20.8148 156.349 19.0687C156.349 16.2217 157.43 13.9251 159.594 12.1789C161.796 10.3948 165.003 9.50278 169.217 9.50278C171.95 9.50278 174.247 9.95829 176.107 10.8693C177.967 11.7424 179.409 12.9571 180.434 14.5135C181.497 16.0319 182.161 17.778 182.427 19.7519L175.082 20.0936C174.892 19.0687 174.55 18.1766 174.057 17.4174C173.563 16.6582 172.899 16.0888 172.064 15.7092C171.229 15.2917 170.242 15.0829 169.103 15.0829C167.395 15.0829 166.104 15.4245 165.231 16.1078C164.358 16.7911 163.922 17.7021 163.922 18.8409C163.922 19.6381 164.111 20.3024 164.491 20.8338C164.909 21.3652 165.573 21.8018 166.484 22.1434C167.395 22.4471 168.61 22.7318 170.128 22.9975C173.317 23.491 175.822 24.1363 177.644 24.9335C179.504 25.6927 180.814 26.6796 181.573 27.8943C182.37 29.0711 182.769 30.4946 182.769 32.1648C182.769 34.1008 182.218 35.752 181.117 37.1186C180.055 38.4851 178.536 39.529 176.562 40.2503C174.626 40.9335 172.349 41.2752 169.729 41.2752Z" fill="black"></path><path d="M141.184 41.2752C139.058 41.2752 137.198 40.8197 135.603 39.9086C134.047 38.9976 132.832 37.7259 131.959 36.0937L131.788 40.5919H124.842V0.164658L132.13 0.164658V14.5135C132.965 13.109 134.161 11.9322 135.717 10.9832C137.274 9.99626 139.096 9.50278 141.184 9.50278C143.803 9.50278 146.061 10.1671 147.959 11.4957C149.895 12.7863 151.376 14.6274 152.401 17.0188C153.464 19.3723 153.995 22.1624 153.995 25.389C153.995 28.6156 153.464 31.4246 152.401 33.8161C151.376 36.1696 149.895 38.0106 147.959 39.3392C146.061 40.6299 143.803 41.2752 141.184 41.2752ZM139.532 35.3534C141.62 35.3534 143.29 34.4804 144.543 32.7342C145.796 30.9501 146.422 28.5017 146.422 25.389C146.422 22.2383 145.796 19.7899 144.543 18.0438C143.328 16.2976 141.677 15.4245 139.589 15.4245C138.033 15.4245 136.685 15.8231 135.546 16.6203C134.446 17.3795 133.592 18.4993 132.984 19.9797C132.415 21.4601 132.13 23.2632 132.13 25.389C132.13 27.4388 132.415 29.2229 132.984 30.7413C133.592 32.2218 134.446 33.3606 135.546 34.1577C136.647 34.9549 137.976 35.3534 139.532 35.3534Z" fill="black"></path><path d="M103.361 41.2752C100.172 41.2752 97.6099 40.5539 95.6739 39.1115C93.738 37.631 92.77 35.5812 92.77 32.962C92.77 30.3427 93.5862 28.2929 95.2184 26.8125C96.8507 25.332 99.3371 24.2692 102.678 23.6238L112.756 21.631C112.756 19.4672 112.262 17.8539 111.27
15 16.7911C110.288 15.6902 108.827 15.1398 106.891 15.1398C105.145 15.1398 103.759 15.5574 102.734 16.3925C101.748 17.1896 101.064 18.3474 100.685 19.8658L93.2825 19.5242C93.8898 16.2976 95.3703 13.8302 97.7238 12.122C100.077 10.3759 103.133 9.50278 106.891 9.50278C111.219 9.50278 114.483 10.6036 116.685 12.8053C118.924 14.969 120.044 18.0817 120.044 22.1434V33.1897C120.044 33.9869 120.177 34.5373 120.443 34.841C120.746 35.1447 121.183 35.2965 121.752 35.2965H122.72V40.5919C122.493 40.6678 122.113 40.7248 121.582 40.7627C121.088 40.8007 120.576 40.8197 120.044 40.8197C118.792 40.8197 117.672 40.6299 116.685 40.2503C115.698 39.8327 114.939 39.1304 114.407 38.1435C113.876 37.1186 113.61 35.733 113.61 33.9869L114.236 34.4424C113.933 35.771 113.268 36.9667 112.243 38.0296C111.256 39.0545 110.004 39.8517 108.485 40.4211C106.967 40.9905 105.259 41.2752 103.361 41.2752ZM104.841 35.9798C106.474 35.9798 107.878 35.6571 109.055 35.0118C110.232 34.3665 111.143 33.4744 111.788 32.3356C112.433 31.1968 112.756 29.8493 112.756 28.2929V26.5847L104.898 28.179C103.266 28.5207 102.089 29.0331 101.368 29.7164C100.685 30.3617 100.343 31.2158 100.343 32.2787C100.343 33.4554 100.723 34.3665 101.482 35.0118C102.279 35.6571 103.399 35.9798 104.841 35.9798Z" fill="black"></path><path d="M64.0186 40.5919V0.164627L71.4207 0.164627V38.3143L67.378 34.1577H90.6094V40.5919H64.0186Z" fill="black"></path></svg><svg aria-hidden="true" class="hidden dark:block" fill="none" focusable="false" height="18" viewBox="0 0 183 42" width="78.42857142857143" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M23.5092 0L47.0185 41.44H0L23.5092 0Z" fill="white" fill-rule="evenodd"></path><path d="M169.729 41.2752C166.731 41.2752 164.206 40.8386 162.156 39.9656C160.145 39.0925 158.588 37.8778 157.487 36.3214C156.387 34.7651 155.76 32.9999 155.608 31.026L163.068 30.6844C163.333 32.2787 163.998 33.5124 165.06 34.3855C166.123 35.2585 167.699 35.6951 169.786 35.6951C171.495 35.6951 172.823 35.4294 173.772 34.8979C174.759 34.3285 175.253 33.4554 175.253 32.2787C175.253 31.5954 175.082 31.026 174.74 30.5705C174.399 30.115 173.753 29.7164 172.804 29.3748C171.855 29.0331 170.451 28.6915 168.591 28.3498C165.478 27.8184 163.03 27.1731 161.245 26.4139C159.461 25.6167 158.19 24.6298 157.43 23.453C156.709 22.2763 156.349 20.8148 156.349 19.0687C156.349 16.2217 157.43 13.9251 159.594 12.1789C161.796 10.3948 165.003 9.50278 169.217 9.50278C171.95 9.50278 174.247 9.95829 176.107 10.8693C177.967 11.7424 179.409 12.9571 180.434 14.5135C181.497 16.0319 182.161 17.778 182.427 19.7519L175.082 20.0936C174.892 19.0687 174.55 18.1766 174.057 17.4174C173.563 16.6582 172.899 16.0888 172.064 15.7092C171.229 15.2917 170.242 15.0829 169.103 15.0829C167.395 15.0829 166.104 15.4245 165.231 16.1078C164.358 16.7911 163.922 17.7021 163.922 18.8409C163.922 19.6381 164.111 20.3024 164.491 20.8338C164.909 21.3652 165.573 21.8018 166.484 22.1434C167.395 22.4471 168.61 22.7318 170.128 22.9975C173.317 23.491 175.822 24.1363 177.644 24.9335C179.504 25.6927 180.814 26.6796 181.573 27.8943C182.37 29.0711 182.769 30.4946 182.769 32.1648C182.769 34.1008 182.218 35.752 181.117 37.1186C180.055 38.4851 178.536 39.529 176.562 40.2503C174.626 40.9335 172.349 41.2752 169.729 41.2752Z" fill="white"></path><path d="M141.184 41.2752C139.058 41.2752 137.198 40.8197 135.603 39.9086C134.047 38.9976 132.832 37.7259 131.959 36.0937L131.788 40.5919H124.842V0.164642L132.13 0.164642V14.5135C132.965 13.109 134.161 11.9322 135.717 10.9832C137.274 9.99625 139.096 9.50277 141.184 9.50277C143.803 9.50277 146.061 10.1671 147.959 11.4957C149.895 12.7863 151.376 14.6273 152.401 17.0188C153.464 19.3723 153.995 22.1624 153.995 25.389C153.995 28.6156 153.464 31.4246 152.401 33.8161C151.376 36.1696 149.895 38.0106 147.959 39.3392C146.061 40.6299 143.803 41.2752 141.184 41.2752ZM139.532 35.3534C141.62 35.3534 143.29 34.4804 144.543 32.7342C145.796 30.9501 146.422 28.5017 146.422 25.389C146.422 22.2383 145.796 19.7899 144.543 18.0437C143.328 16.2976 141.677 15.4245 139.589 15.4245C138.033 15.4245 136.685 15.8231 135.546 16.6202C134.446 17.3794 133.592 18.4993 132.984 19.9797C132.415 21.4601 132.13 23.2632 132.13 25.389C132.13 27.4388 132.415 29.2229 132.984 30.7413C133.592 32.2217 134.446 33.3605 135.546 34.1577C136.647 34.9549 137.976 35.3534 139.532 35.3534Z" fill="white"></path><path d="M103.361 41.2752C100.172 41.2752 97.6099 40.5539 95.6739 39.1115C93.738 37.631 92.77 35.5812 92.77 32.962C92.77 30.3427 93.5862 28.2929 95.2184 26.8125C96.8507 25.332 99.3371 24.2692 102.678 23.6238L112.756 21.631C112.756 19.4672 112.262 17.8539 111.27
15 16.7911C110.288 15.6902 108.827 15.1398 106.891 15.1398C105.145 15.1398 103.759 15.5574 102.734 16.3925C101.748 17.1896 101.064 18.3474 100.685 19.8658L93.2825 19.5242C93.8898 16.2976 95.3703 13.8302 97.7238 12.122C100.077 10.3759 103.133 9.50278 106.891 9.50278C111.219 9.50278 114.483 10.6036 116.685 12.8053C118.924 14.969 120.044 18.0817 120.044 22.1434V33.1897C120.044 33.9869 120.177 34.5373 120.443 34.841C120.746 35.1447 121.183 35.2965 121.752 35.2965H122.72V40.5919C122.493 40.6678 122.113 40.7248 121.582 40.7627C121.088 40.8007 120.576 40.8197 120.044 40.8197C118.792 40.8197 117.672 40.6299 116.685 40.2503C115.698 39.8327 114.939 39.1304 114.407 38.1435C113.876 37.1186 113.61 35.733 113.61 33.9869L114.236 34.4424C113.933 35.771 113.268 36.9667 112.243 38.0296C111.256 39.0545 110.004 39.8517 108.485 40.4211C106.967 40.9905 105.259 41.2752 103.361 41.2752ZM104.841 35.9798C106.474 35.9798 107.878 35.6571 109.055 35.0118C110.232 34.3665 111.143 33.4744 111.788 32.3356C112.433 31.1968 112.756 29.8493 112.756 28.2929V26.5847L104.898 28.179C103.266 28.5207 102.089 29.0331 101.368 29.7164C100.685 30.3617 100.343 31.2158 100.343 32.2787C100.343 33.4554 100.723 34.3665 101.482 35.0118C102.279 35.6571 103.399 35.9798 104.841 35.9798Z" fill="white"></path><path d="M64.0186 40.5919V0.164612L71.4207 0.164612V38.3143L67.378 34.1577H90.6094V40.5919H64.0186Z" fill="white"></path></svg></a><div class="w-5 text-center text-gray-alpha-400 text-lg dark:text-gray-600"><svg data-slot="geist-icon" height="20" style="color:currentColor" viewBox="0 0 16 16" width="20"><path clip-rule="evenodd" d="m4.02 15.4.3-.7 6-14 .29-.68 1.37.59-.3.69-6 14-.29.68z" fill="currentColor" fill-rule="evenodd"></path></svg></div><a class="flex @min-[1024px]:hidden items-center text-gray-1000" href="/"><span class="font-medium">json-render</span></a><div class="@min-[1024px]:contents hidden"><nav aria-label="Product navigation" data-orientation="horizontal" dir="ltr" class="group/navigation-menu relative z-10 flex max-w-max flex-1 items-center justify-center" data-slot="navigation-menu" data-viewport="false"><div style="position:relative"><ul data-orientation="horizontal" class="group flex flex-1 list-none justify-center gap-1 h-16 items-stretch" data-slot="navigation-menu-list" dir="ltr"><li class="relative -mr-3 flex h-full items-center" data-slot="navigation-menu-item"><a class="relative flex h-full items-center text-gray-1000 outline-none before:absolute before:inset-x-0 before:top-1/2 before:h-9 before:-translate-y-1/2 before:rounded-md before:content-[''] focus-visible:before:ring-2 focus-visible:before:ring-blue-700 focus-visible:before:ring-inset" href="/"><span class="font-medium">json-render</span></a><button id="radix-_R_raomdb_-trigger-oss-products" data-state="closed" aria-expanded="false" class="group gap-1 text-sm transition-colors hover:text-gray-1000 focus:text-gray-1000 focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:text-gray-1000 data-[state=open]:text-gray-1000 group relative flex h-full w-10 items-center justify-center px-1 text-gray-1000 outline-none focus-visible:ring-2 focus-visible:ring-blue-700 focus-visible:ring-inset [&_svg]:top-0 [&_svg]:-translate-x-1.5" data-slot="navigation-menu-trigger" aria-label="Open product menu" data-radix-collection-item=""><svg data-slot="geist-icon" height="16" style="color:currentColor" viewBox="0 0 16 16" width="16" aria-hidden="true" class="ease relative top-px size-3.5 text-gray-900 transition-[transform,color] duration-200 group-hover:text-gray-1000 group-data-[state=open]:rotate-180"><path clip-rule="evenodd" d="m12.06 6.75-.53.53-2.82 2.82a1 1 0 0 1-1.42 0L4.47 7.28l-.53-.53L5 5.69l.53.53L8 8.69l2.47-2.47.53-.53z" fill="currentColor" fill-rule="evenodd"></path></svg><div class="absolute inset-x-0 bottom-0 z-50 -mx-12 hidden h-[18px] group-data-[state=open]:flex"></div></button><div id="radix-_R_raomdb_-content-oss-products" aria-labelledby="radix-_R_raomdb_-trigger-oss-products" data-orientation="horizontal" data-state="closed" class="fixed inset-x-0 top-16 z-30 w-screen bg-background-200 shadow-[0_1px_0_0_var(--ds-gray-alpha-300)] before:absolute before:inset-x-0 before:-top-3 before:h-3 before:content-[''] data-[state=closed]:hidden" style="pointer-events:none" dir="ltr"><div class="mx-auto w-full max-w-[1448px] px-2"><div class="flex flex-nowrap gap-x-10 pt-4 pb-6 pl-4"><div class="flex shrink-0 flex-col"><p class="text-gray-900 text-label-14">Latest</p><div class="mt-[5px] flex flex-1 gap-x-10"><a class="block w-full text-sm outline-none transition-colors w-fit! rounded-lg no-underline outline-none focus-visible:ring-2 focus-visible:ring-blue-700 focus-visible:ring-offset-2 focus-visible:ring-offset-background-200" href="https://eve.dev/" rel="noopener noreferrer" target="_blank" data-slot="navigation-menu-link" data-radix-collection-item=""><span class="flex h-full w-[220px] flex-col gap-3 rounded-lg border border-gray-alpha-400 bg-background-100 p-4 no-underline transition-colors hover:border-gray-alpha-500"><span class="flex flex-1 items-center justify-center rounded-md bg-gray-100"><svg data-slot="geist-logo-svg" height="18" viewBox="0 0 169 53" width="57"><g><path d="M169 8.47h-51.39L81.73 53H70.36L113 0H169zM169 44.51v8.47h-45.87V44.5zM45.87 52.98H0V44.5h45.87zM38.66 30.55H0v-8.47h38.66z" fill="currentColor"></path><path d="M169 30.55h-38.66v-8.47H169zM75.52 8.47H0V0h75.52z" fill="currentColor"></path></g></svg></span><span class="text-copy-14 text-gray-900">The framework for building agents</span></span></a></div></div><div class="min-w-[180px] shrink-0"><p class="text-gray-900 text-label-14">Frameworks</p><ul class="mt-[5px] flex list-none flex-col"><li class="flex"><a class="block w-full text-sm outline-none transition-colors group/osslink inline-flex w-full no-underline outline-none" href="https://nextjs.org/" rel="noopener noreferrer" target="_blank" data-slot="navigation-menu-link" data-radix-collection-item=""><span class="inline-flex items-baseline gap-1 rounded-sm text-gray-1000 text-label-20 group-focus-visible/osslink:ring-2 group-focus-visible/osslink:ring-blue-700 group-focus-visible/osslink:ring-offset-4 group-focus-visible/osslink:ring-offset-background-200"><span class="decoration-1 underline-offset-[5px] group-hover/osslink:underline group-hover/osslink:decoration-gray-500 group-aria-[current=page]/osslink:underline group-aria-[current=page]/osslink:decoration-gray-500">Next.js</span></span></a></li><li class="flex"><a class="block w-full text-sm outline-none transition-colors group/osslink inline-flex w-full no-underline outline-none" href="https://svelte.dev/" rel="noopener noreferrer" target="_blank" data-slot="navigation-menu-link" data-radix-collection-item=""><span class="inline-flex items-baseline gap-1 rounded-sm text-gray-1000 text-label-20 group-focus-visible/osslink:ring-2 group-focus-visible/osslink:ring-blue-700 group-focus-visible/osslink:ring-offset-4 group-focus-visible/osslink:ring-offset-background-200"><span class="decoration-1 underline-offset-[5px] group-hover/osslink:underline group-hover/osslink:decoration-gray-500 group-aria-[current=page]/osslink:underline group-aria-[current=page]/osslink:decoration-gray-500">Svelte</span></span></a></li><li class="flex"><a class="block w-full text-sm outline-none transition-colors group/osslink inline-flex w-full no-underline outline-none" href="https://nuxt.com/" rel="noopener noreferrer" target="_blank" data-slot="navigation-menu-link" data-radix-collection-item=""><span class="inline-flex items-baseline gap-1 rounded-sm text-gray-1000 text-label-20 group-focus-visible/osslink:ring-2 group-focus-visible/osslink:ring-blue-700 group-focus-visible/osslink:ring-offset-4 group-focus-visible/osslink:ring-offset-background-200"><span class="decoration-1 underline-offset-[5px] group-hover/osslink:underline group-hover/osslink:decoration-gray-500 group-aria-[current=page]/osslink:underline group-aria-[current=page]/osslink:decoration-gray-500">Nuxt</span></span></a></li><li class="flex"><a class="block w-full text-sm outline-none transition-colors group/osslink inline-flex w-full no-underline outline-none" href="https://nitro.build/" rel="noopener noreferrer" target="_blank" data-slot="navigation-menu-link" data-radix-collection-item=""><span class="inline-flex items-baseline gap-1 rounded-sm text-gray-1000 text-label-20 group-focus-visible/osslink:ring-2 group-focus-visible/osslink:ring-blue-700 group-focus-visible/osslink:ring-offset-4 group-focus-visible/osslink:ring-offset-background-200"><span class="decoration-1 underline-offset-[5px] group-hover/osslink:underline group-hover/osslink:decoration-gray-500 group-aria-[current=page]/osslink:underline group-aria-[current=page]/osslink:decoration-gray-500">Nitro</span></span></a></li></ul></div><div class="min-w-[180px] shrink-0"><p class="text-gray-900 text-label-14">SDKs</p><ul class="mt-[5px] flex list-none flex-col"><li class="flex"><a class="block w-full text-sm outline-none transition-colors group/osslink inline-flex w-full no-underline outline-none" href="https://ai-sdk.dev/" rel="noopener noreferrer" target="_blank" data-slot="navigation-menu-link" data-radix-collection-item=""><span class="inline-flex items-baseline gap-1 rounded-sm text-gray-1000 text-label-20 group-focus-visible/osslink:ring-2 group-focus-visible/osslink:ring-blue-700 group-focus-visible/osslink:ring-offset-4 group-focus-visible/osslink:ring-offset-background-200"><span class="decoration-1 underline-offset-[5px] group-hover/osslink:underline group-hover/osslink:decoration-gray-500 group-aria-[current=page]/osslink:underline group-aria-[current=page]/osslink:decoration-gray-500">AI SDK</span></span></a></li><li class="flex"><a class="block w-full text-sm outline-none transition-colors group/osslink inline-flex w-full no-underline outline-none" href="https://chat-sdk.dev/" rel="noopener noreferrer" target="_blank" data-slot="navigation-menu-link" data-radix-collection-item=""><span class="inline-flex items-baseline gap-1 rounded-sm text-gray-1000 text-label-20 group-focus-visible/osslink:ring-2 group-focus-visible/osslink:ring-blue-700 group-focus-visible/osslink:ring-offset-4 group-focus-visible/osslink:ring-offset-background-200"><span class="decoration-1 underline-offset-[5px] group-hover/osslink:underline group-hover/osslink:decoration-gray-500 group-aria-[current=page]/osslink:underline group-aria-[current=page]/osslink:decoration-gray-500">Chat SDK</span></span></a></li><li class="flex"><a class="block w-full text-sm outline-none transition-colors group/osslink inline-flex w-full no-underline outline-none" href="https://flags-sdk.dev/" rel="noopener noreferrer" target="_blank" data-slot="navigation-menu-link" data-radix-collection-item=""><span class="inline-flex items-baseline gap-1 rounded-sm text-gray-1000 text-label-20 group-focus-visible/osslink:ring-2 group-focus-visible/osslink:ring-blue-700 group-focus-visible/osslink:ring-offset-4 group-focus-visible/osslink:ring-offset-background-200"><span class="decoration-1 underline-offset-[5px] group-hover/osslink:underline group-hover/osslink:decoration-gray-500 group-aria-[current=page]/osslink:underline group-aria-[current=page]/osslink:decoration-gray-500">Flags SDK</span></span></a></li><li class="flex"><a class="block w-full text-sm outline-none transition-colors group/osslink inline-flex w-full no-underline outline-none" href="https://workflow-sdk.dev/" rel="noopener noreferrer" target="_blank" data-slot="navigation-menu-link" data-radix-collection-item=""><span class="inline-flex items-baseline gap-1 rounded-sm text-gray-1000 text-label-20 group-focus-visible/osslink:ring-2 group-focus-visible/osslink:ring-blue-700 group-focus-visible/osslink:ring-offset-4 group-focus-visible/osslink:ring-offset-background-200"><span class="decoration-1 underline-offset-[5px] group-hover/osslink:underline group-hover/osslink:decoration-gray-500 group-aria-[current=page]/osslink:underline group-aria-[current=page]/osslink:decoration-gray-500">Workflow SDK</span></span></a></li></ul></div><div class="min-w-[180px] shrink-0"><p class="text-gray-900 text-label-14">Other</p><ul class="mt-[5px] flex list-none flex-col"><li class="flex"><a class="block w-full text-sm outline-none transition-colors group/osslink inline-flex w-full no-underline outline-none" href="https://turborepo.dev/" rel="noopener noreferrer" target="_blank" data-slot="navigation-menu-link" data-radix-collection-item=""><span class="inline-flex items-baseline gap-1 rounded-sm text-gray-1000 text-label-20 group-focus-visible/osslink:ring-2 group-focus-visible/osslink:ring-blue-700 group-focus-visible/osslink:ring-offset-4 group-focus-visible/osslink:ring-offset-background-200"><span class="decoration-1 underline-offset-[5px] group-hover/osslink:underline group-hover/osslink:decoration-gray-500 group-aria-[current=page]/osslink:underline group-aria-[current=page]/osslink:decoration-gray-500">Turborepo</span></span></a></li><li class="flex"><a class="block w-full text-sm outline-none transition-colors group/osslink inline-flex w-full no-underline outline-none" href="https://ui.shadcn.com/" rel="noopener noreferrer" target="_blank" data-slot="navigation-menu-link" data-radix-collection-item=""><span class="inline-flex items-baseline gap-1 rounded-sm text-gray-1000 text-label-20 group-focus-visible/osslink:ring-2 group-focus-visible/osslink:ring-blue-700 group-focus-visible/osslink:ring-offset-4 group-focus-visible/osslink:ring-offset-background-200"><span class="decoration-1 underline-offset-[5px] group-hover/osslink:underline group-hover/osslink:decoration-gray-500 group-aria-[current=page]/osslink:underline group-aria-[current=page]/osslink:decoration-gray-500">
1Shadcn</span></span></a></li><li class="flex"><a class="block w-full text-sm outline-none transition-colors group/osslink inline-flex w-full no-underline outline-none" href="https://swr.vercel.app/" rel="noopener noreferrer" target="_blank" data-slot="navigation-menu-link" data-radix-collection-item=""><span class="inline-flex items-baseline gap-1 rounded-sm text-gray-1000 text-label-20 group-focus-visible/osslink:ring-2 group-focus-visible/osslink:ring-blue-700 group-focus-visible/osslink:ring-offset-4 group-focus-visible/osslink:ring-offset-background-200"><span class="decoration-1 underline-offset-[5px] group-hover/osslink:underline group-hover/osslink:decoration-gray-500 group-aria-[current=page]/osslink:underline group-aria-[current=page]/osslink:decoration-gray-500">SWR</span></span></a></li><li class="flex"><a class="block w-full text-sm outline-none transition-colors group/osslink inline-flex w-full no-underline outline-none" href="https://justbash.dev/" rel="noopener noreferrer" target="_blank" data-slot="navigation-menu-link" data-radix-collection-item=""><span class="inline-flex items-baseline gap-1 rounded-sm text-gray-1000 text-label-20 group-focus-visible/osslink:ring-2 group-focus-visible/osslink:ring-blue-700 group-focus-visible/osslink:ring-offset-4 group-focus-visible/osslink:ring-offset-background-200"><span class="decoration-1 underline-offset-[5px] group-hover/osslink:underline group-hover/osslink:decoration-gray-500 group-aria-[current=page]/osslink:underline group-aria-[current=page]/osslink:decoration-gray-500">just-bash</span></span></a></li><li class="flex"><a class="block w-full text-sm outline-none transition-colors group/osslink inline-flex w-full no-underline outline-none" href="https://deepsec.sh/" rel="noopener noreferrer" target="_blank" data-slot="navigation-menu-link" data-radix-collection-item=""><span class="inline-flex items-baseline gap-1 rounded-sm text-gray-1000 text-label-20 group-focus-visible/osslink:ring-2 group-focus-visible/osslink:ring-blue-700 group-focus-visible/osslink:ring-offset-4 group-focus-visible/osslink:ring-offset-background-200"><span class="decoration-1 underline-offset-[5px] group-hover/osslink:underline group-hover/osslink:decoration-gray-500 group-aria-[current=page]/osslink:underline group-aria-[current=page]/osslink:decoration-gray-500">deepsec</span></span></a></li></ul></div></div></div></div></li></ul></div></nav><div aria-hidden="true" class="pointer-events-none fixed inset-x-0 top-16 bottom-0 z-0 bg-background-200/60 opacity-0"></div></div></span><nav aria-label="Primary navigation" data-orientation="horizontal" dir="ltr" class="group/navigation-menu relative z-10 flex max-w-max flex-1 items-center justify-center" data-slot="navigation-menu" data-viewport="false"><div style="position:relative"><ul data-orientation="horizontal" class="group flex-1 list-none justify-center h-16 items-stretch gap-0 @min-[1024px]:flex hidden" data-slot="navigation-menu-list" dir="ltr"><li class="relative flex" data-slot="navigation-menu-item"><a class="w-full relative flex h-full items-center px-3 text-gray-900 text-sm outline-none transition-colors duration-100 before:absolute before:top-1/2 before:right-1 before:h-9 before:-translate-y-1/2 before:rounded-md before:content-[''] hover:text-gray-1000 focus-visible:before:ring-2 focus-visible:before:ring-blue-700 focus-visible:before:ring-inset data-[active]:text-gray-1000 pl-6 before:left-4" data-slot="navigation-menu-link" data-radix-collection-item="" href="/docs">Docs</a></li><li class="relative flex" data-slot="navigation-menu-item"><a class="w-full relative flex h-full items-center px-3 text-gray-900 text-sm outline-none transition-colors duration-100 before:absolute before:top-1/2 before:right-1 before:left-1 before:h-9 before:-translate-y-1/2 before:rounded-md before:content-[''] hover:text-gray-1000 focus-visible:before:ring-2 focus-visible:before:ring-blue-700 focus-visible:before:ring-inset data-[active]:text-gray-1000" data-slot="navigation-menu-link" data-radix-collection-item="" href="/playground">Playground</a></li><li class="relative flex" data-slot="navigation-menu-item"><a data-active="" aria-current="page" class="w-full relative flex h-full items-center px-3 text-gray-900 text-sm outline-none transition-colors duration-100 before:absolute before:top-1/2 before:right-1 before:left-1 before:h-9 before:-translate-y-1/2 before:rounded-md before:content-[''] hover:text-gray-1000 focus-visible:before:ring-2 focus-visible:before:ring-blue-700 focus-visible:before:ring-inset data-[active]:text-gray-1000" data-slot="navigation-menu-link" data-radix-collection-item="" href="/examples">Examples</a></li></ul></div></nav><div aria-hidden="true" class="pointer-events-none fixed inset-x-0 top-16 bottom-0 z-0 bg-background-200/60 o
1pacity-0"></div></div><div class="mr-4 flex flex-row items-center justify-end gap-2"><button class="h-8 cursor-pointer items-center justify-between rounded-md border-0 bg-background-100 py-0 pr-1.5 pl-3.5 font-normal font-sans text-gray-1000 text-sm shadow-[0_0_0_1px_var(--ds-gray-400)] outline-none hover:bg-gray-100 focus-visible:shadow-focus-ring @min-[1024px]:flex hidden w-36" type="button"><span class="pr-6">Searchâ¦</span><kbd class="bg-[var(--ds-background-100)] font-sans! text-[var(--ds-gray-1000)] leading-[1.7em]! shadow-[0_0_0_1px_var(--ds-gray-alpha-400)] [&>span]:font-inherit ml-0.5 h-5 min-h-5 min-w-5 px-1 py-0 text-xs inline-flex items-center justify-center rounded" data-geist-kbd="" data-version="v1"><span>âK</span></kbd></button><a class="@min-[768px]:inline-flex hidden shrink-0" data-geist-button="" data-prefix="false" data-suffix="false" data-version="v1" aria-label="GitHub repository" href="https://github.com/vercel-labs/json-render" rel="noopener" target="_blank"><span class="truncate px-1.5 inline-flex shrink-0 items-center justify-center"><svg data-glyph="circular" data-slot="geist-icon" height="16" style="color:currentColor" viewBox="0 0 16 16" width="16"><g><path clip-rule="evenodd" d="M8 .13c-4.42 0-8 3.6-8 8.07 0 3.57 2.3 6.58 5.47 7.65.4.08.55-.17.55-.39L6 13.96c-2.23.49-2.7-.95-2.7-.95-.35-.94-.88-1.18-.88-1.18-.73-.5.05-.5.05-.5.8.06 1.23.84 1.23.84.72 1.22 1.87.88 2.33.66.07-.52.28-.88.5-1.08-1.77-.19-3.64-.88-3.64-3.98 0-.88.32-1.6.82-2.16-.07-.2-.35-1.03.08-2.14 0 0 .68-.21 2.2.83a7.7 7.7 0 0 1 4 0c1.53-1.
104 2.2-.83 2.2-.83.45 1.11.17 1.94.09 2.14.52.56.82 1.28.82 2.16 0 3.1-1.87 3.78-3.66 3.98.3.26.54.74.54 1.5v2.21c0 .22.14.47.54.4A8.1 8.1 0 0 0 16 8.2 8 8 0 0 0 8 .13" fill="currentColor" fill-rule="evenodd"></path></g></svg></span></a><button aria-expanded="false" aria-label="Open menu" class="relative flex @min-[1024px]:hidden size-8 items-center justify-center rounded-full border border-gray-200 transition-colors hover:bg-gray-100" data-slot="mobile-menu-toggle" type="button"><span class="flex flex-col items-center justify-center gap-[5px]"><span class="block h-[1.5px] w-3.5 bg-gray-1000 transition-transform duration-150"></span><span class="block h-[1.5px] w-3.5 bg-gray-1000 transition-transform duration-150"></span></span></button><div class="fixed inset-0 top-16 z-40 @min-[1024px]:hidden bg-background-200 pointer-events-none opacity-0"></div><div class="fixed inset-x-0 top-16 bottom-0 z-40 @min-[1024px]:hidden overflow-y-auto bg-background-200 px-2 pointer-events-none opacity-0"><div class="p-4"><button class="flex h-8 cursor-pointer items-center justify-between rounded-md border-0 bg-background-100 pr-1.5 pl-3.5 font-normal font-sans text-gray-1000 text-sm shadow-[0_0_0_1px_var(--ds-gray-400)] outline-none hover:bg-gray-100 focus-visible:shadow-focus-ring w-full py-4.5" type="button"><span class="pr-6">Searchâ¦</span><kbd class="bg-[var(--ds-background-100)] font-sans! text-[var(--ds-gray-1000)] leading-[1.7em]! shadow-[0_0_0_1px_var(--ds-gray-alpha-400)] [&>span]:font-inherit ml-0.5 h-5 min-h-5 min-w-5 px-1 py-0 text-xs inline-flex items-center justify-center rounded" data-geist-kbd="" data-version="v1"><span>âK</span></kbd></button></div><nav class="flex flex-col px-1"><a class="flex min-h-11 items-center gap-1 rounded-md px-3 font-normal text-2xl text-gray-900 no-underline outline-none transition-colors hover:bg-gray-alpha-100 hover:text-gray-1000" href="/docs"><span>Docs</span></a><a class="flex min-h-11 items-center gap-1 rounded-md px-3 font-normal text-2xl text-gray-900 no-underline outline-none transition-colors hover:bg-gray-alpha-100 hover:text-gray-1000" href="/playground"><span>Playground</span></a><a aria-current="page" class="flex min-h-11 items-center gap-1 rounded-md px-3 font-normal text-2xl no-underline outline-none transition-colors hover:bg-gray-alpha-100 hover:text-gray-1000 text-gray-1000" href="/examples"><span>Examples</span></a><a class="flex min-h-11 items-center gap-1 rounded-md px-3 font-normal text-2xl text-gray-900 no-underline outline-none transition-colors hover:bg-gray-alpha-100 hover:text-gray-1000" href="https://github.com/vercel-labs/json-render" rel="noopener noreferrer" target="_blank"><span>GitHub<svg aria-hidden="true" class="inline-block! ml-[0.25em]" fill="currentColor" role="img" style="height:1em;vertical-align:baseline;width:1em" viewBox="0 0 1000 1000"><path d="M45 853 440 457H58L137 379L576 380V820L497 898V517L103 911Z"></path></svg></span></a><details class="group flex flex-col" name="geistdocs-mobile-nav"><summary class="flex min-h-11 cursor-pointer list-none items-center justify-between rounded-md px-3 font-normal text-2xl text-gray-900 outline-none transition-colors hover:bg-gray-alpha-100 hover:text-gray-1000 [&::-webkit-details-marker]:hidden"><span>Vercel OSS<svg aria-hidden="true" class="inline-block! ml-[0.25em] mt-1" fill="currentColor" role="img" style="height:1em;vertical-align:baseline;width:1em" viewBox="0 0 1000 1000"><path d="M45 853 440 457H58L137 379L576 380V820L497 898V517L103 911Z"></path></svg></span><svg data-slot="geist-icon" height="24" style="color:currentColor" viewBox="0 0 16 16" width="24" class="relative shrink-0 text-gray-700 transition-transform duration-150 group-open:rotate-180"><path clip-rule="evenodd" d="m12.06 6.75-.53.53-2.82 2.82a1 1 0 0 1-1.42 0L4.47 7.28l-.53-.53L5 5.69l.53.53L8 8.69l2.47-2.47.53-.53z" fill="currentColor" fill-rule="evenodd"></path></svg></summary><div class="flex flex-col gap-6 px-3 py-4"><div class="flex flex-col"><p class="mb-2 font-mono text-gray-700 text-xs uppercase tracking-wider">Latest</p><ul class="-mx-3 flex list-none flex-col"><li><a class="flex items-center gap-1 rounded-md px-3 py-1.5 font-normal text-gray-1000 text-xl no-underline outline-none transition-colors hover:bg-gray-alpha-100" href="https://eve.dev/" rel="noopener noreferrer" target="_blank">eve</a></li></ul></div><div class="flex flex-col"><p class="mb-2 font-mono text-gray-700 text-xs uppercase tracking-wider">Frameworks</p><ul class="-mx-3 flex list-none flex-col"><li><a class="flex items-center gap-1 rounded-md px-3 py-1.5 font-normal text-gray-1000 text-xl no-underline outline-none transition-colors hover:bg-gray-alpha-100" href="https://nextjs.org/" rel="noopener noreferrer" target="_blank">Next.js</a></li><li><a class="flex items-center gap-1 rounded-md px-3 py-1.5 font-normal text-gray-1000 text-xl no-underline outline-none transition-colors hover:bg-gray-alpha-100" href="https://svelte.dev/" rel="noopener noreferrer" target="_blank">Svelte</a></li><li><a class="flex items-center gap-1 rounded-md px-3 py-1.5 font-normal text-gray-1000 text-xl no-underline outline-none transition-colors hover:bg-gray-alpha-100" href="https://nuxt.com/" rel="noopener noreferrer" target="_blank">Nuxt</a></li><li><a class="flex items-center gap-1 rounded-md px-3 py-1.5 font-normal text-gray-1000 text-xl no-underline outline-none transition-colors hover:bg-gray-alpha-100" href="https://nitro.build/" rel="noopener noreferrer" target="_blank">Nitro</a></li></ul></div><div class="flex flex-col"><p class="mb-2 font-mono text-gray-700 text-xs uppercase tracking-wider">SDKs</p><ul class="-mx-3 flex list-none flex-col"><li><a class="flex items-center gap-1 rounded-md px-3 py-1.5 font-normal text-gray-1000 text-xl no-underline outline-none transition-colors hover:bg-gray-alpha-100" href="https://ai-sdk.dev/" rel="noopener noreferrer" target="_blank">AI SDK</a></li><li><a class="flex items-center gap-1 rounded-md px-3 py-1.5 font-normal text-gray-1000 text-xl no-underline outline-none transition-colors hover:bg-gray-alpha-100" href="https://chat-sdk.dev/" rel="noopener noreferrer" target="_blank">
1Chat SDK</a></li><li><a class="flex items-center gap-1 rounded-md px-3 py-1.5 font-normal text-gray-1000 text-xl no-underline outline-none transition-colors hover:bg-gray-alpha-100" href="https://flags-sdk.dev/" rel="noopener noreferrer" target="_blank">Flags SDK</a></li><li><a class="flex items-center gap-1 rounded-md px-3 py-1.5 font-normal text-gray-1000 text-xl no-underline outline-none transition-colors hover:bg-gray-alpha-100" href="https://workflow-sdk.dev/" rel="noopener noreferrer" target="_blank">Workflow SDK</a></li></ul></div><div class="flex flex-col"><p class="mb-2 font-mono text-gray-700 text-xs uppercase tracking-wider">Other</p><ul class="-mx-3 flex list-none flex-col"><li><a class="flex items-center gap-1 rounded-md px-3 py-1.5 font-normal text-gray-1000 text-xl no-underline outline-none transition-colors hover:bg-gray-alpha-100" href="https://turborepo.dev/" rel="noopener noreferrer" target="_blank">Turborepo</a></li><li><a class="flex items-center gap-1 rounded-md px-3 py-1.5 font-normal text-gray-1000 text-xl no-underline outline-none transition-colors hover:bg-gray-alpha-100" href="https://ui.shadcn.com/" rel="noopener noreferrer" target="_blank">Shadcn</a></li><li><a class="flex items-center gap-1 rounded-md px-3 py-1.5 font-normal text-gray-1000 text-xl no-underline outline-none transition-colors hover:bg-gray-alpha-100" href="https://swr.vercel.app/" rel="noopener noreferrer" target="_blank">SWR</a></li><li><a class="flex items-center gap-1 rounded-md px-3 py-1.5 font-normal text-gray-1000 text-xl no-underline outline-none transition-colors hover:bg-gray-alpha-100" href="https://justbash.dev/" rel="noopener noreferrer" target="_blank">just-bash</a></li><li><a class="flex items-center gap-1 rounded-md px-3 py-1.5 font-normal text-gray-1000 text-xl no-underline outline-none transition-colors hover:bg-gray-alpha-100" href="https://deepsec.sh/" rel="noopener noreferrer" target="_blank">deepsec</a></li></ul></div></div></details></nav><div class="mt-2 flex justify-end px-4 py-4"></div></div></div></div></div></header><main class="min-h-[calc(100dvh-4rem)]"><section class="mx-auto max-w-6xl px-6 py-16"><div class="mb-10"><h1 class="text-3xl font-bold tracking-tight sm:text-4xl">Examples</h1><p class="mt-3 text-lg text-muted-foreground">Explore json-render across frameworks, renderers, and use cases.</p></div><div class="mb-8 flex flex-wrap gap-2"><button class="rounded-full border px-3 py-1 text-xs font-medium transition-colors border-foreground bg-foreground text-background">All</button><button class="rounded-full border px-3 py-1 text-xs font-medium transition-colors border-border text-muted-foreground hover:text-foreground hover:border-foreground
1/50">3D</button><button class="rounded-full border px-3 py-1 text-xs font-medium transition-colors border-border text-muted-foreground hover:text-foreground hover:border-foreground/50">AI</button><button class="rounded-full border px-3 py-1 text-xs font-medium transition-colors border-border text-muted-foreground hover:text-foreground hover:border-foreground/50">Email</button><button class="rounded-full border px-3 py-1 text-xs font-medium transition-colors border-border text-muted-foreground hover:text-foreground hover:border-foreground/50">Expo</button><button class="rounded-full border px-3 py-1 text-xs font-medium transition-colors border-border text-muted-foreground hover:text-foreground hover:border-foreground/50">Image</button><button class="rounded-full border px-3 py-1 text-xs font-medium transition-colors border-border text-muted-foreground hover:text-foreground hover:border-foreground/50">Ink</button><button class="rounded-full border px-3 py-1 text-xs font-medium transition-colors border-border text-muted-foreground hover:text-foreground hover:border-foreground
1/50">MCP</button><button class="rounded-full border px-3 py-1 text-xs font-medium transition-colors border-border text-muted-foreground hover:text-foreground hover:border-foreground/50">Next.js</button><button class="rounded-full border px-3 py-1 text-xs font-medium transition-colors border-border text-muted-foreground hover:text-foreground hover:border-foreground/50">PDF</button><button class="rounded-full border px-3 py-1 text-xs font-medium transition-colors border-border text-muted-foreground hover:text-foreground hover:border-foreground/50">React</button><button class="rounded-full border px-3 py-1 text-xs font-medium transition-colors border-border text-muted-foreground hover:text-foreground hover:border-foreground/50">React Native</button><button class="rounded-full border px-3 py-1 text-xs font-medium transition-colors border-border text-muted-foreground hover:text-foreground hover:border-foreground/50">Solid</button><button class="rounded-full border px-3 py-1 text-xs font-medium transition-colors border-border text-muted-foreground hover:text-foreground hover:border-foreground
1/50">Svelte</button><button class="rounded-full border px-3 py-1 text-xs font-medium transition-colors border-border text-muted-foreground hover:text-foreground hover:border-foreground/50">SvelteKit</button><button class="rounded-full border px-3 py-1 text-xs font-medium transition-colors border-border text-muted-foreground hover:text-foreground hover:border-foreground/50">Terminal</button><button class="rounded-full border px-3 py-1 text-xs font-medium transition-colors border-border text-muted-foreground hover:text-foreground hover:border-foreground/50">Video</button><button class="rounded-full border px-3 py-1 text-xs font-medium transition-colors border-border text-muted-foreground hover:text-foreground hover:border-foreground/50">Vite</button><button class="rounded-full border px-3 py-1 text-xs font-medium transition-colors border-border text-muted-foreground hover:text-foreground hover:border-foreground/50">Vue</button></div><div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-3"><div class="group flex flex-col rounded-xl border border-border bg-card text-card-foreground overflow-hidden transition-colors hover:border-foreground
1/25"><div class="flex flex-1 flex-col gap-3 p-5"><h3 class="font-semibold leading-none">Chat</h3><p class="text-sm text-muted-foreground leading-relaxed">AI chat app with tool calling, streaming UI, and rich components powered by the AI SDK.</p><div class="flex flex-wrap gap-1.5"><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">React</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">Next.js</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">AI</span></div><div class="mt-auto flex items-center gap-3 pt-2"><a href="https://chat-demo.json-render.dev" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-foreground hover:text-primary transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg>Live Demo</a><a href="https://github.com/vercel-labs/json-render/tree/main/examples/chat" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors"><svg viewBox="0 0 16 16" class="h-3.5 w-3.5" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>Source</a></div></div></div><div class="group flex flex-col rounded-xl border border-border bg-card text-card-foreground overflow-hidden transition-colors hover:border-foreground
1/25"><div class="flex flex-1 flex-col gap-3 p-5"><h3 class="font-semibold leading-none">Dashboard</h3><p class="text-sm text-muted-foreground leading-relaxed">AI-generated dashboard with drag-and-drop, charts, and real-time data binding.</p><div class="flex flex-wrap gap-1.5"><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">React</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">Next.js</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">AI</span></div><div class="mt-auto flex items-center gap-3 pt-2"><a href="https://dashboard-demo.json-render.dev" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-foreground hover:text-primary transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg>Live Demo</a><a href="https://github.com/vercel-labs/json-render/tree/main/examples/dashboard" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors"><svg viewBox="0 0 16 16" class="h-3.5 w-3.5" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>Source</a></div></div></div><div class="group flex flex-col rounded-xl border border-border bg-card text-card-foreground overflow-hidden transition-colors hover:border-foreground
1/25"><div class="flex flex-1 flex-col gap-3 p-5"><h3 class="font-semibold leading-none">No AI</h3><p class="text-sm text-muted-foreground leading-relaxed">Static specs rendered without any AI â forms, cards, tables, and more from hardcoded JSON.</p><div class="flex flex-wrap gap-1.5"><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">React</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">Next.js</span></div><div class="mt-auto flex items-center gap-3 pt-2"><a href="https://no-ai-demo.json-render.dev" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-foreground hover:text-primary transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg>Live Demo</a><a href="https://github.com/vercel-labs/json-render/tree/main/examples/no-ai" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors"><svg viewBox="0 0 16 16" class="h-3.5 w-3.5" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>Source</a></div></div></div><div class="group flex flex-col rounded-xl border border-border bg-card text-card-foreground overflow-hidden transition-colors hover:border-foreground
1/25"><div class="flex flex-1 flex-col gap-3 p-5"><h3 class="font-semibold leading-none">Svelte</h3><p class="text-sm text-muted-foreground leading-relaxed">Svelte renderer demo with counter, todo list, and two-way data binding.</p><div class="flex flex-wrap gap-1.5"><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">Svelte</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">Vite</span></div><div class="mt-auto flex items-center gap-3 pt-2"><a href="https://svelte-demo.json-render.dev" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-foreground hover:text-primary transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg>Live Demo</a><a href="https://github.com/vercel-labs/json-render/tree/main/examples/svelte" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors"><svg viewBox="0 0 16 16" class="h-3.5 w-3.5" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>Source</a></div></div></div><div class="group flex flex-col rounded-xl border border-border bg-card text-card-foreground overflow-hidden transition-colors hover:border-foreground
1/25"><div class="flex flex-1 flex-col gap-3 p-5"><h3 class="font-semibold leading-none">Svelte Chat</h3><p class="text-sm text-muted-foreground leading-relaxed">AI chat app built with SvelteKit and the Svelte renderer.</p><div class="flex flex-wrap gap-1.5"><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">Svelte</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">SvelteKit</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">AI</span></div><div class="mt-auto flex items-center gap-3 pt-2"><a href="https://json-render-svelte-chat-demo.labs.vercel.dev" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-foreground hover:text-primary transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg>Live Demo</a><a href="https://github.com/vercel-labs/json-render/tree/main/examples/svelte-chat" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors"><svg viewBox="0 0 16 16" class="h-3.5 w-3.5" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>Source</a></div></div></div><div class="group flex flex-col rounded-xl border border-border bg-card text-card-foreground overflow-hidden transition-colors hover:border-foreground
1/25"><div class="flex flex-1 flex-col gap-3 p-5"><h3 class="font-semibold leading-none">Vue</h3><p class="text-sm text-muted-foreground leading-relaxed">Vue renderer demo with counter, todo list, and two-way data binding.</p><div class="flex flex-wrap gap-1.5"><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">Vue</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">Vite</span></div><div class="mt-auto flex items-center gap-3 pt-2"><a href="https://vue-demo.json-render.dev" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-foreground hover:text-primary transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg>Live Demo</a><a href="https://github.com/vercel-labs/json-render/tree/main/examples/vue" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors"><svg viewBox="0 0 16 16" class="h-3.5 w-3.5" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>Source</a></div></div></div><div class="group flex flex-col rounded-xl border border-border bg-card text-card-foreground overflow-hidden transition-colors hover:border-foreground
1/25"><div class="flex flex-1 flex-col gap-3 p-5"><h3 class="font-semibold leading-none">Solid</h3><p class="text-sm text-muted-foreground leading-relaxed">Solid renderer demo with counter, todo list, and two-way data binding.</p><div class="flex flex-wrap gap-1.5"><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">Solid</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">Vite</span></div><div class="mt-auto flex items-center gap-3 pt-2"><a href="https://solid-demo.json-render.dev" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-foreground hover:text-primary transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg>Live Demo</a><a href="https://github.com/vercel-labs/json-render/tree/main/examples/solid" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors"><svg viewBox="0 0 16 16" class="h-3.5 w-3.5" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>Source</a></div></div></div><div class="group flex flex-col rounded-xl border border-border bg-card text-card-foreground overflow-hidden transition-colors hover:border-foreground
1/25"><div class="flex flex-1 flex-col gap-3 p-5"><h3 class="font-semibold leading-none">Multi-Framework Renderers</h3><p class="text-sm text-muted-foreground leading-relaxed">Same spec rendered with React, Vue, Svelte, and Solid side by side â hot-swappable at runtime.</p><div class="flex flex-wrap gap-1.5"><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">React</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">Vue</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">Svelte</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">Solid</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">Vite</span></div><div class="mt-auto flex items-center gap-3 pt-2"><a href="https://github.com/vercel-labs/json-render/tree/main/examples/vite-renderers" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors"><svg viewBox="0 0 16 16" class="h-3.5 w-3.5" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>Source</a></div></div></div><div class="group flex flex-col rounded-xl border border-border bg-card text-card-foreground overflow-hidden transition-colors hover:border-foreground
1/25"><div class="flex flex-1 flex-col gap-3 p-5"><h3 class="font-semibold leading-none">React Email</h3><p class="text-sm text-muted-foreground leading-relaxed">Generate HTML and plain-text emails from json-render specs using React Email.</p><div class="flex flex-wrap gap-1.5"><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">React</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">Email</span></div><div class="mt-auto flex items-center gap-3 pt-2"><a href="https://react-email-demo.json-render.dev" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-foreground hover:text-primary transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg>Live Demo</a><a href="https://github.com/vercel-labs/json-render/tree/main/examples/react-email" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors"><svg viewBox="0 0 16 16" class="h-3.5 w-3.5" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>Source</a></div></div></div><div class="group flex flex-col rounded-xl border border-border bg-card text-card-foreground overflow-hidden transition-colors hover:border-foreground
1/25"><div class="flex flex-1 flex-col gap-3 p-5"><h3 class="font-semibold leading-none">React PDF</h3><p class="text-sm text-muted-foreground leading-relaxed">Generate PDF documents from json-render specs with @react-pdf/renderer.</p><div class="flex flex-wrap gap-1.5"><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">React</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">PDF</span></div><div class="mt-auto flex items-center gap-3 pt-2"><a href="https://react-pdf-demo.json-render.dev" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-foreground hover:text-primary transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg>Live Demo</a><a href="https://github.com/vercel-labs/json-render/tree/main/examples/react-pdf" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors"><svg viewBox="0 0 16 16" class="h-3.5 w-3.5" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>Source</a></div></div></div><div class="group flex flex-col rounded-xl border border-border bg-card text-card-foreground overflow-hidden transition-colors hover:border-foreground
1/25"><div class="flex flex-1 flex-col gap-3 p-5"><h3 class="font-semibold leading-none">React Three Fiber</h3><p class="text-sm text-muted-foreground leading-relaxed">3D scenes generated from json-render specs using Three.js and React Three Fiber.</p><div class="flex flex-wrap gap-1.5"><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">React</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">3D</span></div><div class="mt-auto flex items-center gap-3 pt-2"><a href="https://react-three-fiber-demo.json-render.dev" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-foreground hover:text-primary transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg>Live Demo</a><a href="https://github.com/vercel-labs/json-render/tree/main/examples/react-three-fiber" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors"><svg viewBox="0 0 16 16" class="h-3.5 w-3.5" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>Source</a></div></div></div><div class="group flex flex-col rounded-xl border border-border bg-card text-card-foreground overflow-hidden transition-colors hover:border-foreground
1/25"><div class="flex flex-1 flex-col gap-3 p-5"><h3 class="font-semibold leading-none">Gaussian Splatting (experimental)</h3><p class="text-sm text-muted-foreground leading-relaxed">Experimental standalone gaussian splat viewer using gsplat.js â no Three.js dependency.</p><div class="flex flex-wrap gap-1.5"><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">React</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">3D</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">Next.js</span></div><div class="mt-auto flex items-center gap-3 pt-2"><a href="https://github.com/vercel-labs/json-render/tree/main/examples/gsplat" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors"><svg viewBox="0 0 16 16" class="h-3.5 w-3.5" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>Source</a></div></div></div><div class="group flex flex-col rounded-xl border border-border bg-card text-card-foreground overflow-hidden transition-colors hover:border-foreground
1/25"><div class="flex flex-1 flex-col gap-3 p-5"><h3 class="font-semibold leading-none">R3F + Gaussian Splatting</h3><p class="text-sm text-muted-foreground leading-relaxed">Gaussian splats composed with 3D primitives and lights in React Three Fiber scenes.</p><div class="flex flex-wrap gap-1.5"><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">React</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">3D</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">Next.js</span></div><div class="mt-auto flex items-center gap-3 pt-2"><a href="https://github.com/vercel-labs/json-render/tree/main/examples/react-three-fiber-gsplat" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors"><svg viewBox="0 0 16 16" class="h-3.5 w-3.5" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>Source</a></div></div></div><div class="group flex flex-col rounded-xl border border-border bg-card text-card-foreground overflow-hidden transition-colors hover:border-foreground
1/25"><div class="flex flex-1 flex-col gap-3 p-5"><h3 class="font-semibold leading-none">React Native</h3><p class="text-sm text-muted-foreground leading-relaxed">Mobile app rendering json-render specs with Expo and React Native.</p><div class="flex flex-wrap gap-1.5"><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">React Native</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">Expo</span></div><div class="mt-auto flex items-center gap-3 pt-2"><a href="https://github.com/vercel-labs/json-render/tree/main/examples/react-native" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors"><svg viewBox="0 0 16 16" class="h-3.5 w-3.5" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>Source</a></div></div></div><div class="group flex flex-col rounded-xl border border-border bg-card text-card-foreground overflow-hidden transition-colors hover:border-foreground
1/25"><div class="flex flex-1 flex-col gap-3 p-5"><h3 class="font-semibold leading-none">Remotion</h3><p class="text-sm text-muted-foreground leading-relaxed">Generate videos from json-render specs using Remotion.</p><div class="flex flex-wrap gap-1.5"><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">React</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">Video</span></div><div class="mt-auto flex items-center gap-3 pt-2"><a href="https://remotion-demo.json-render.dev" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-foreground hover:text-primary transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg>Live Demo</a><a href="https://github.com/vercel-labs/json-render/tree/main/examples/remotion" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors"><svg viewBox="0 0 16 16" class="h-3.5 w-3.5" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>Source</a></div></div></div><div class="group flex flex-col rounded-xl border border-border bg-card text-card-foreground overflow-hidden transition-colors hover:border-foreground
1/25"><div class="flex flex-1 flex-col gap-3 p-5"><h3 class="font-semibold leading-none">Image</h3><p class="text-sm text-muted-foreground leading-relaxed">Generate OG images and social cards from json-render specs using Satori.</p><div class="flex flex-wrap gap-1.5"><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">React</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">Image</span></div><div class="mt-auto flex items-center gap-3 pt-2"><a href="https://image-demo.json-render.dev" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-foreground hover:text-primary transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg>Live Demo</a><a href="https://github.com/vercel-labs/json-render/tree/main/examples/image" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors"><svg viewBox="0 0 16 16" class="h-3.5 w-3.5" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>Source</a></div></div></div><div class="group flex flex-col rounded-xl border border-border bg-card text-card-foreground overflow-hidden transition-colors hover:border-foreground
1/25"><div class="flex flex-1 flex-col gap-3 p-5"><h3 class="font-semibold leading-none">Ink Chat</h3><p class="text-sm text-muted-foreground leading-relaxed">Terminal chat agent that streams rich json-render UIs using Ink and the AI Gateway.</p><div class="flex flex-wrap gap-1.5"><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">Ink</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">Terminal</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">AI</span></div><div class="mt-auto flex items-center gap-3 pt-2"><a href="https://github.com/vercel-labs/json-render/tree/main/examples/ink-chat" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors"><svg viewBox="0 0 16 16" class="h-3.5 w-3.5" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>Source</a></div></div></div><div class="group flex flex-col rounded-xl border border-border bg-card text-card-foreground overflow-hidden transition-colors hover:border-foreground
1/25"><div class="flex flex-1 flex-col gap-3 p-5"><h3 class="font-semibold leading-none">MCP App</h3><p class="text-sm text-muted-foreground leading-relaxed">MCP server that serves shadcn UIs to Claude, ChatGPT, Cursor, and VS Code.</p><div class="flex flex-wrap gap-1.5"><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">React</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">MCP</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 text-[11px]">Vite</span></div><div class="mt-auto flex items-center gap-3 pt-2"><a href="https://github.com/vercel-labs/json-render/tree/main/examples/mcp" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors"><svg viewBox="0 0 16 16" class="h-3.5 w-3.5" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>Source</a></div></div></div></div></section><!--$--><!--/$--></main><footer class="mx-auto max-w-[1448px] px-6 pt-10 pb-6 text-sm"><div class="grid grid-cols-2 gap-6 md:grid-cols-3 lg:grid-cols-4 lg:gap-y-7 xl:grid-cols-6"><div><h2 class="my-3 font-medium text-gray-1000 text-label-14">Agent Stack</h2><ul class="m-0 list-none p-0"><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/ai-sdk">AI SDK</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/ai-gateway">AI Gateway</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/sandbox">Sandbox</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/workflows">Workflows</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/connect">Connect<span class="inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-full py-0.5 font-medium text-gray-1000 h-5 bg-gray-200 px-2 text-[11px]/[20px] tabular-nums tracking-[0.2px]">New</span></a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/passport">Passport<span class="inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-full py-0.5 font-medium text-gray-1000 h-5 bg-gray-200 px-2 text-[11px]/[20px] tabular-nums tracking-[0.2px]">New</span></a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/eve">eve<span class="inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-full py-0.5 font-medium text-gray-1000 h-5 bg-gray-200 px-2 text-[11px]/[20px] tabular-nums tracking-[0.2px]">New</span></a></li></ul></div><div><h2 class="my-3 font-medium text-gray-1000 text-label-14">Core Platform</h2><ul class="m-0 list-none p-0"><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/products/previews">CI/CD</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/cdn">Content Delivery</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/fluid">Fluid Compute</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/products/observability">Observability</a></li></ul></div><div><h2 class="my-3 font-medium text-gray-1000 text-label-14">Security</h2><ul class="m-0 list-none p-0"><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/security">Platform Security</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/security/web-application-firewall">WAF</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/security/bot-management">Bot Management</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/botid">Bot ID</a></li></ul></div><div><h2 class="my-3 font-medium text-gray-1000 text-label-14">Tools</h2><ul class="m-0 list-none p-0"><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/drop">Vercel Drop<span class="inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-full py-0.5 font-medium text-gray-1000 h-5 bg-gray-200 px-2 text-[11px]/[20px] tabular-nums tracking-[0.2px]">New</span></a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/agent">Vercel Agent</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/plugin">Vercel Plugin<span class="inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-full py-0.5 font-medium text-gray-1000 h-5 bg-gray-200 px-2 text-[11px]/[20px] tabular-nums tracking-[0.2px]">New</span></a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://skills.sh" rel="noopener" target="_blank">Agent Skills</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/domains">Domains</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://v0.app" rel="noopener" target="_blank">v0</a></li></ul></div><div><h2 class="my-3 font-medium text-gray-1000 text-label-14">Frameworks</h2><ul class="m-0 list-none p-0"><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://eve.dev/" rel="noopener" target="_blank">eve<span class="inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-full py-0.5 font-medium text-gray-1000 h-5 bg-gray-200 px-2 text-[11px]/[20px] tabular-nums tracking-[0.2px]">New</span></a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/frameworks/nextjs">Next.js</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/docs/frameworks/full-stack/nuxt">Nuxt</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/docs/frameworks/full-stack/sveltekit">SvelteKit</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/docs/frameworks/backend/nitro">Nitro</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/solutions/turborepo">Turborepo</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/docs/frameworks/full-stack/tanstack-start">Tanstack Start</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/docs/frameworks/backend/fastapi">FastAPI</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/docs/frameworks/backend/xmcp">xmcp</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/docs/frameworks">All frameworks</a></li></ul></div><div><h2 class="my-3 font-medium text-gray-1000 text-label-14">SDKs</h2><ul class="m-0 list-none p-0"><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/docs/rest-api/sdk">Vercel SDK</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/workflows">Workflow SDK<span class="inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-full py-0.5 font-medium text-gray-1000 h-5 bg-gray-200 px-2 text-[11px]/[20px] tabular-nums tracking-[0.2px]">New</span></a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/docs/flags/flags-sdk-reference">Flags SDK</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/chat">Chat SDK<span class="inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-full py-0.5 font-medium text-gray-1000 h-5 bg-gray-200 px-2 text-[11px]/[20px] tabular-nums tracking-[0.2px]">New</span></a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/docs/queues/sdk">Queues SDK<span class="inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-full py-0.5 font-medium text-gray-1000 h-5 bg-gray-200 px-2 text-[11px]/[20px] tabular-nums tracking-[0.2px]">New</span></a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://streamdown.ai" rel="noopener" target="_blank">Streamdown</a></li></ul></div><div><h2 class="my-3 font-medium text-gray-1000 text-label-14">Build</h2><ul class="m-0 list-none p-0"><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/solutions/ai-apps">AI Apps</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/solutions/web-apps">Web Apps</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/solutions/marketing-sites">Marketing Sites</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/solutions/multi-tenant-saas">Platforms</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/solutions/composable-commerce">Commerce</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/solutions/platform-engineering">Platform Engineers</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/solutions/design-engineering">Design Engineers</a></li></ul></div><div><h2 class="my-3 font-medium text-gray-1000 text-label-14">Learn</h2><ul class="m-0 list-none p-0"><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion
1-reduce:transition-none" href="https://vercel.com/docs">Docs</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/blog">Blog</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/changelog">Changelog</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/kb">Knowledge Base</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/academy">Academy</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/i">Articles</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://community.vercel.com" rel="noopener" target="_blank">Community</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://is-agentic.com" rel="noopener" target="_blank">Is Agentic</a></li></ul></div><div><h2 class="my-3 font-medium text-gray-1000 text-label-14">Explore</h2><ul class="m-0 list-none p-0"><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/customers">Customers</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/marketplace">Marketplace</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/templates">Templates</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/partners/solution-partners">Partner Finder</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/partners/aws">Vercel + AWS</a></li></ul></div><div><h2 class="my-3 font-medium text-gray-1000 text-label-14">Company</h2><ul class="m-0 list-none p-0"><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/about">About</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/careers">Careers</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/press">Press</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/events">Events</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/startups">Startups</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/shipped">Shipped on Vercel</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/open-source-program">Open Source Program</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/enterprise">Enterprise</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/pricing">Pricing</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/help">Help</a></li></ul></div><div><h2 class="my-3 font-medium text-gray-1000 text-label-14">Legal & Trust</h2><ul class="m-0 list-none p-0"><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/legal/privacy-policy">Privacy Policy</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/legal/terms">Terms of Service</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/legal/cookie-policy">Cookie Policy</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/legal/dpa">DPA</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/legal/acceptable-use-policy">Acceptable Use Policy</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel.com/legal">Legal</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://security.vercel.com" rel="noopener" target="_blank">Trust Center</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://vercel-status.com" rel="noopener" target="_blank">Status</a></li></ul></div><div><h2 class="my-3 font-medium text-gray-1000 text-label-14">Social</h2><ul class="m-0 list-none p-0"><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://github.com/vercel" rel="noopener" target="_blank">GitHub</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://x.com/vercel" rel="noopener" target="_blank">X</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://linkedin.com/company/vercel" rel="noopener" target="_blank">LinkedIn</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://youtube.com/@VercelHQ" rel="noopener" target="_blank">YouTube</a></li><li class="py-0.5 leading-5"><a class="-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none" href="https://www.instagram.com/vercelhq/" rel="noopener" target="_blank">Instagram</a></li></ul></div></div><div class="mt-10 flex items-center justify-between"><a aria-label="Vercel" class="inline-flex text-gray-1000" href="https://vercel.com/home" rel="noopener" target="_blank"><svg data-slot="geist-icon" height="16" style="color:currentColor" viewBox="0 0 16 16" width="16"><g><path clip-rule="evenodd" d="m8 1 8 14H0z" fill="currentColor" fill-rule="evenodd"></path></g></svg></a></div></footer>
1<section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section></div><button data-docs-chat-launcher="true" class="fixed z-30 bottom-[calc(1rem+env(safe-area-inset-bottom))] left-1/2 -translate-x-1/2 min-[640px]:left-auto min-[640px]:translate-x-0 min-[640px]:right-6 min-[640px]:bottom-[var(--chat-launcher-bottom,24px)] flex h-10 items-center gap-2 px-4 py-2 rounded-lg border border-primary bg-primary text-primary-foreground shadow-lg hover:bg-primary/90 transition-colors text-sm font-medium" aria-label="Ask AI" aria-expanded="false" aria-controls="json-render-chat-mobile" aria-keyshortcuts="Meta+I Control+I">Ask AI<kbd class="hidden min-[640px]:inline-flex items-center gap-0.5 text-xs opacity-60 font-mono"><span>â</span>I</kbd></button><aside id="json-render-chat-desktop" inert="" class="hidden sm:flex fixed top-0 right-0 bottom-0 z-40 border-l bg-background transition-transform duration-150 ease-in-out translate-x-full" style="width:min(400px, calc(100vw - 320px))" aria-hidden="true"><div class="absolute top-0 bottom-0 left-0 w-1.5 cursor-col-resize hover:bg-ring/30 active:bg-ring/50 transition-colors z-10"></div><div class="flex flex-col flex-1 min-w-0"><div class="flex items-center justify-between px-4 py-3 border-b shrink-0"><span class="text-sm font-medium">json-render Docs</span><div class="flex items-center gap-3"><button class="text-muted-foreground hover:text-foreground transition-colors" aria-label="Close panel"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button></div></div><div class="flex-1 min-h-0 flex flex-col"><div class="flex flex-wrap gap-2 p-4"><button type="button" class="text-xs px-3 py-1.5 rounded-full border bg-secondary font-medium text-muted-foreground hover:text-foreground transition-colors">What is json-render?</button><button type="button" class="text-xs px-3 py-1.5 rounded-full border bg-secondary font-medium text-muted-foreground hover:text-foreground transition-colors">How do I install it?</button><button type="button" class="text-xs px-3 py-1.5 rounded-full border bg-secondary font-medium text-muted-foreground hover:text-foreground transition-colors">How does streaming work?</button><button type="button" class="text-xs px-3 py-1.5 rounded-full border bg-secondary font-medium text-muted-foreground hover:text-foreground transition-colors">What components are available?</button><button type="button" class="text-xs px-3 py-1.5 rounded-full border bg-secondary font-medium text-muted-foreground hover:text-foreground transition-colors">How do I create a custom schema?</button></div></div><form class="flex items-end gap-2 px-4 py-3 border-t shrink-0"><textarea rows="1" enterKeyHint="send" placeholder="Ask a question..." aria-label="Ask a question" class="flex-1 bg-transparent text-base sm:text-sm text-foreground outline-none disabled:opacity-50 resize-none max-h-32 leading-relaxed placeholder:text-muted-foreground"></textarea><button type="submit" disabled="" class="bg-primary text-primary-foreground rounded-full p-1.5 hover:bg-primary/90 transition-colors disabled:opacity-30 shrink-0" aria-label="Send message"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="19" x2="12" y2="5"></line><polyline points="5 12 12 5 19 12"></polyline></svg></button></form></div></aside><!--$--><!--/$--><!--$--><!--/$-->
1<script src="/_next/static/immutable/chunks/1h-69aaxroqpw.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\"\n3:I[658154,[\"/_next/static/immutable/chunks/1ditn99od6n_c.js\",\"/_next/static/immutable/chunks/2w3ol5-i0tdeu.js\",\"/_next/static/immutable/chunks/2ujs6gxmjjukg.js\",\"/_next/static/immutable/chunks/0a83f2_0oh0vl.js\",\"/_next/static/immutable/chunks/1mzzzvrdn1-ub.js\",\"/_next/static/immutable/chunks/3xz_ucnxtkab4.js\",\"/_next/static/immutable/chunks/2ls6t6yvq968s.js\",\"/_next/static/immutable/chunks/0xlmohhil9-zd.js\",\"/_next/static/immutable/chunks/2fc3i0efc4_mh.js\",\"/_next/static/immutable/chunks/1vmgrud6jr0tg.js\",\"/_next/static/immutable/chunks/2k4pp8ikbn-76.js\",\"/_next/static/immutable/chunks/0m2u-um-7t72b.js\",\"/_next/static/immutable/chunks/1-c414ug9pclt.js\",\"/_next/static/immutable/chunks/3j73gi_0f1kf0.js\",\"/_next/static/immutable/chunks/2y2w5dx03kxir.js\"],\"default\"]\n4:I[607669,[\"/_next/static/immutable/chunks/1ditn99od6n_c.js\",\"/_next/static/immutable/chunks/2w3ol5-i0tdeu.js\",\"/_next/static/immutable/chunks/2ujs6gxmjjukg.js\",\"/_next/static/immutable/chunks/0a83f2_0oh0vl.js\",\"/_next/static/immutable/chunks/1mzzzvrdn1-ub.js\",\"/_next/static/immutable/chunks/3xz_ucnxtkab4.js\",\"/_next/static/immutable/chunks/2ls6t6yvq968s.js\",\"/_next/static/immutable/chunks/0xlmohhil9-zd.js\",\"/_next/static/immutable/chunks/2fc3i0efc4_mh.js\",\"/_next/static/immutable/chunks/1vmgrud6jr0tg.js\",\"/_next/static/immutable/chunks/2k4pp8ikbn-76.js\",\"/_next/static/immutable/chunks/0m2u-um-7t72b.js\",\"/_next/static/immutable/chunks/1-c414ug9pclt.js\",\"/_next/static/immutable/chunks/3j73gi_0f1kf0.js\",\"/_next/static/immutable/chunks/2y2w5dx03kxir.js\"],\"default\"]\n5:I[701212,[\"/_next/static/immutable/chunks/1ditn99od6n_c.js\",\"/_next/static/immutable/chunks/2w3ol5-i0tdeu.js\",\"/_next/static/immutable/chunks/2ujs6gxmjjukg.js\",\"/_next/static/immutable/chunks/0a83f2_0oh0vl.js\",\"/_next/static/immutable/chunks/1mzzzvrdn1-ub.js\",\"/_next/static/immutable/chunks/3xz_ucnxtkab4.js\",\"/_next/static/immutable/chunks/2ls6t6yvq968s.js\",\"/_next/static/immutable/chunks/0xlmohhil9-zd.js\",\"/_next/static/immutable/chunks/2fc3i0efc4_mh.js\",\"/_next/static/immutable/chunks/1vmgrud6jr0tg.js\",\"/_next/static/immutable/chunks/2k4pp8ikbn-76.js\",\"/_next/static/immutable/chunks/0m2u-um-7t72b.js\",\"/_next/static/immutable/chunks/1-c414ug9pclt.js\",\"/_next/static/immutable/chunks/3j73gi_0f1kf0.js\",\"/_next/static/immutable/chunks/2y2w5dx03kxir.js\",\"/_next/static/immutable/chunks/3ptsqlo9577x2.js\"],\"Header\"]\n6:I[84369,[\"/_next/static/immutable/chunks/1ditn99od6n_c.js\",\"/_next/static/immutable/chunks/2w3ol5-i0tdeu.js\",\"/_next/static/immutable/chunks/2ujs6gxmjjukg.js\",\"/_next/static/immutable/chunks/0a83f2_0oh0vl.js\",\"/_next/static/immutable/chunks/1mzzzvrdn1-ub.js\",\"/_next/static/immutable/chunks/3xz_ucnxtkab4.js\",\"/_next/static/immutable/chunks/2ls6t6yvq968s.js\",\"/_next/static/immutable/chunks/0xlmohhil9-zd.js\",\"/_next/static/immutable/chunks/2fc3i0efc4_mh.js\",\"/_next/static/immutable/chunks/1vmgrud6jr0tg.js\",\"/_next/static/immutable/chunks/2k4pp8ikbn-76.js\",\"/_next/static/immutable/chunks/0m2u-um-7t72b.js\",\"/_next/static/immutable/chunks/1-c414ug9pclt.js\",\"/_next/static/immutable/chunks/3j73gi_0f1kf0.js\",\"/_next/static/immutable/chunks/2y2w5dx03kxir.js\",\"/_next/static/immutable/chunks/3ptsqlo9577x2.js\"],\"\"]\n7:I[722757,[\"/_next/static/immutable/chunks/1ditn99od6n_c.js\",\"/_next/static/immutable/chunks/2w3ol5-i0tdeu.js\",\"/_next/static/immutable/chunks/2ujs6gxmjjukg.js\",\"/_next/static/immutable/chunks/0a83f2_0oh0vl.js\",\"/_next/static/immutable/chunks/1mzzzvrdn1-ub.js\",\"/_next/static/immutable/chunks/3xz_ucnxtkab4.js\",\"/_next/static/immutable/chunks/2ls6t6yvq968s.js\",\"/_next/static/immutable/chunks/0xlmohhil9-zd.js\",\"/_next/static/immutable/chunks/2fc3i0efc4_mh.js\",\"/_next/static/immutable/chunks/1vmgrud6jr0tg.js\",\"/_next/static/immutable/chunks/2k4pp8ikbn-76.js\",\"/_next/static/immutable/chunks/0m2u-um-7t72b.js\",\"/_next/static/immutable/chunks/1-c414ug9pclt.js\",\"/_next/static/immutable/chunks/3j73gi_0f
11kf0.js\",\"/_next/static/immutable/chunks/2y2w5dx03kxir.js\"],\"ClientPageRoot\"]\n8:I[10794,[\"/_next/static/immutable/chunks/1ditn99od6n_c.js\",\"/_next/static/immutable/chunks/2w3ol5-i0tdeu.js\",\"/_next/static/immutable/chunks/2ujs6gxmjjukg.js\",\"/_next/static/immutable/chunks/0a83f2_0oh0vl.js\",\"/_next/static/immutable/chunks/1mzzzvrdn1-ub.js\",\"/_next/static/immutable/chunks/3xz_ucnxtkab4.js\",\"/_next/static/immutable/chunks/2ls6t6yvq968s.js\",\"/_next/static/immutable/chunks/0xlmohhil9-zd.js\",\"/_next/static/immutable/chunks/2fc3i0efc4_mh.js\",\"/_next/static/immutable/chunks/1vmgrud6jr0tg.js\",\"/_next/static/immutable/chunks/2k4pp8ikbn-76.js\",\"/_next/static/immutable/chunks/0m2u-um-7t72b.js\",\"/_next/static/immutable/chunks/1-c414ug9pclt.js\",\"/_next/static/immutable/chunks/3j73gi_0f1kf0.js\",\"/_next/static/immutable/chunks/2y2w5dx03kxir.js\",\"/_next/static/immutable/chunks/1dj74wi3_qk6h.js\"],\"default\"]\n9:I[697208,[\"/_next/static/immutable/chunks/1ditn99od6n_c.js\",\"/_next/static/immutable/chunks/2w3ol5-i0tdeu.js\",\"/_next/static/immutable/chunks/2ujs6gxmjjukg.js\",\"/_next/static/immutable/chunks/0a83f2_0oh0vl.js\",\"/_next/static/immutable/chunks/1mzzzvrdn1-ub.js\",\"/_next/static/immutable/chunks/3xz_ucnxtkab4.js\",\"/_next/static/immutable/chunks/2ls6t6yvq968s.js\",\"/_next/static/immutable/chunks/0xlmohhil9-zd.js\",\"/_next/static/immutable/chunks/2fc3i0efc4_mh.js\",\"/_next/static/immutable/chunks/1vmgrud6jr0tg.js\",\"/_next/static/immutable/chunks/2k4pp8ikbn-76.js\",\"/_next/static/immutable/chunks/0m2u-um-7t72b.js\",\"/_next/static/immutable/chunks/1-c414ug9pclt.js\",\"/_next/static/immutable/chunks/3j73gi_0f1kf0.js\",\"/_next/static/immutable/chunks/2y2w5dx03kxir.js\"],\"OutletBoundary\"]\na:\"$Sreact.suspense\"\nc:I[697208,[\"/_next/static/immutable/chunks/1ditn99od6n_c.js\",\"/_next/static/immutable/chunks/2w3ol5-i0tdeu.js\",\"/_next/static/immutable/chunks/2ujs6gxmjjukg.js\",\"/_next/static/immutable/chunks/0a83f2_0oh0vl.js\",\"/_next/static/immutable/chunks/1mzzzvrdn1-ub.js\",\"/_next/static/immutable/chunks/3xz_ucnxtkab4.js\",\"/_next/static/immutable/chunks/2ls6t6yvq968s.js\",\"/_next/static/immutable/chunks/0xlmohhil9-zd.js\",\"/_next/static/immutable/chunks/2fc3i0efc4_mh.js\",\"/_next/static/immutable/chunks/1vmgrud6jr0tg.js\",\"/_next/static/immutable/chunks/2k4pp8ikbn-76.js\",\"/_next/static/immutable/chunks/0m2u-um-7t72b.js\",\"/_next/static/immutable/chunks/1-c414ug9pclt.js\",\"/_next/static/immutable/chunks/3j73gi_0f1kf0.js\",\"/_next/static/immutable/chunks/2y2w5dx03kxir.js\"],\"ViewportBoundary\"]\ne:I[697208,[\"/_next/static/immutable/chunks/1ditn99od6n_c.js\",\"/_next/static/immutable/chunks/2w3ol5-i0tdeu.js\",\"/_next/static/immutable/chunks/2ujs6gxmjjukg.js\",\"/_next/static/immutable/chunks/0a83f2_0oh0vl.js\",\"/_next/static/immutable/chunks/1mzzzvrdn1-ub.js\",\"/_next/static/immutable/chunks/3xz_ucnxtkab4.js\",\"/_next/static/immutable/chunks/2ls6t6yvq968s.js\",\"/_next/static/immutable/chunks/0xlmohhil9-zd.js\",\"/_next/static/immutable/chunks/2fc3i0efc4_mh.js\",\"/_next/static/immutable/chunks/1vmgrud6jr0tg.js\",\"/_next/static/immutable/chunks/2k4pp8ikbn-76.js\",\"/_next/static/immutable/chunks/0m2u-um-7t72b.js\",\"/_next/static/immutable/chunks/1-c414ug9pclt.js\",\"/_next/static/immutable/chunks/3j73gi_0f1kf0.js\",\"/_next/static/immutable/chunks/2y2w5dx03kxir.js\"],\"MetadataBoundary\"]\n10:I[843448,[\"/_next/static/immutable/chunks/1ditn99od6n_c.js\",\"/_next/static/immutable/chunks/2w3ol5-i0tdeu.js\",\"/_next/static/immutable/chunks/2ujs6gxmjjukg.js\",\"/_next/static/immutable/chunks/0a83f2_0oh0vl.js\",\"/_next/static/immutable/chunks/1mzzzvrdn1-ub.js\",\"/_next/static/immutable/chunks/3xz_ucnxtkab4.js\",\"/_next/static/immutable/chunks/2ls6t6yvq968s.js\",\"/_next/static/immutable/chunks/0xlmohhil9-zd.js\",\"/_next/static/immutable/chunks/2fc3i0efc4_mh.js\",\"/_next/static/immutable/chunks/1vmgrud6jr0tg.js\",\"/_next/static/immutable/chunks/2k4pp8ikbn-76.js\",\"/_next/static/immutable/chunks/0m2u-um-7t72b.js\",\"/_next/static/immutable/chunks/1-c414ug9pclt.js\",\"/_next/static/immutable/chunks/3j73gi_0f
11kf0.js\",\"/_next/static/immutable/chunks/2y2w5dx03kxir.js\"],\"default\",1]\n:HL[\"/_next/static/immutable/chunks/3fx9mtrij128f.css\",\"style\"]\n:HL[\"/_next/static/immutable/chunks/2dms222jcjcu0.css\",\"style\"]\n:HL[\"/_next/static/immutable/media/GeistMonoVF-s.p.0kq4e1146y5_w.woff\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff\"}]\n:HL[\"/_next/static/immutable/media/GeistPixel_Circle.p.02sdg_xnptuk7.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/immutable/media/GeistPixel_Grid.p.3dz_gw55w4gbf.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/immutable/media/GeistPixel_Line.p.2bmehf89j9vyj.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/immutable/media/GeistPixel_Square.p.33q_xcn23jal9.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/immutable/media/GeistPixel_Triangle.p.2xhobsdltgpc6.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/immutable/media/GeistVF-s.p.40fv_8nktjm_5.woff\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff\"}]\n0:{\"P\":null,\"c\":[\"\",\"examples\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"(main)\",{\"children\":[\"examples\",{\"children\":[\"__PAGE__\",{},\"$undefined\",\"$undefined\",4096]},\"$undefined\",\"$undefined\",4096]},\"$undefined\",\"$undefined\",4096]},\"$undefined\",\"$undefined\",4112],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/immutable/chunks/3fx9mtrij128f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/immutable/chunks/2dms222jcjcu0.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/immutable/chunks/1ditn99od6n_c.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/immutable/chunks/2w3ol5-i0tdeu.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/immutable/chunks/2ujs6gxmjjukg.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/immutable/chunks/0a83f2_0oh0vl.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/immutable/chunks/1mzzzvrdn1-ub.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/immutable/chunks/3xz_ucnxtkab4.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-6\",{\"src\":\"/_next/static/immutable/chunks/2ls6t6yvq968s.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-7\",{\"src\":\"/_next/static/immutable/chunks/0xlmohhil9-zd.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-8\",{\"src\":\"/_next/static/immutable/chunks/2fc3i0efc4_mh.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-9\",{\"src\":\"/_next/static/immutable/chunks/1vmgrud6jr0tg.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-10\",{\"src\":\"/_next/static/immutable/chunks/2k4pp8ikbn-76.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-11\",{\"src\":\"/_next/static/immutable/chunks/0m2u-um-7t72b.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-12\",{\"src\":\"/_next/static/immutable/chunks/1-c414ug9pclt.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-13\",{\"src\":\"/_next/static/immutable/chunks/3j73gi_0f1kf0.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-14\",{\"src\":\"/_next/static/immutable/chunks/2y2w5dx03kxir.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L2\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"main\",null,{\"className\":\"min-h-[calc(100dvh-4rem)]\",\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"flex min-h-screen flex-col\",\"children\":[[\"$\",\"$L5\",null,{}],[\"$\",\"main\",null,{\"className\":\"flex flex-1 flex-col items-center justify-center gap-4 px-4 text-center\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-6xl font-bold tracking-tight\",\"children\":\"404\"}],[\"$\",\"p\",null,{\"className\":\"text-lg text-muted-foreground\",\"children\":\"This page could not be found.\"}],[\"$\",\"$L6\",null,{\"href\":\"/\",\"className\":\"mt-2 inline-flex items-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors\",\"children\":\"Go home\"}]]}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L7\",null,{\"Component\":\"$8\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":null}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/immutable/chunks/1dj74wi3_qk6h.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L9\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@b\"}]}]]}],{}
1,null,false,null]},null,false,null]},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Le\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Lf\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$10\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/immutable/chunks/3fx9mtrij128f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/immutable/chunks/2dms222jcjcu0.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":false,\"h\":null,\"r\":\"$undefined\",\"s\":\"$undefined\",\"a\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\"}\n11:I[405625,[\"/_next/static/immutable/chunks/1ditn99od6n_c.js\",\"/_next/static/immutable/chunks/2w3ol5-i0tdeu.js\",\"/_next/static/immutable/chunks/2ujs6gxmjjukg.js\",\"/_next/static/immutable/chunks/0a83f2_0oh0vl.js\",\"/_next/static/immutable/chunks/1mzzzvrdn1-ub.js\",\"/_next/static/immutable/chunks/3xz_ucnxtkab4.js\",\"/_next/static/immutable/chunks/2ls6t6yvq968s.js\",\"/_next/static/immutable/chunks/0xlmohhil9-zd.js\",\"/_next/static/immutable/chunks/2fc3i0efc4_mh.js\",\"/_next/static/immutable/chunks/1vmgrud6jr0tg.js\",\"/_next/static/immutable/chunks/2k4pp8ikbn-76.js\",\"/_next/static/immutable/chunks/0m2u-um-7t72b.js\",\"/_next/static/immutable/chunks/1-c414ug9pclt.js\",\"/_next/static/immutable/chunks/3j73gi_0f1kf0.js\",\"/_next/static/immutable/chunks/2y2w5dx03kxir.js\"],\"ThemeProvider\"]\n12:I[495542,[\"/_next/static/immutable/chunks/1ditn99od6n_c.js\",\"/_next/static/immutable/chunks/2w3ol5-i0tdeu.js\",\"/_next/static/immutable/chunks/2ujs6gxmjjukg.js\",\"/_next/static/immutable/chunks/0a83f2_0oh0vl.js\",\"/_next/static/immutable/chunks/1mzzzvrdn1-ub.js\",\"/_next/static/immutable/chunks/3xz_ucnxtkab4.js\",\"/_next/static/immutable/chunks/2ls6t6yvq968s.js\",\"/_next/static/immutable/chunks/0xlmohhil9-zd.js\",\"/_next/static/immutable/chunks/2fc3i0efc4_mh.js\",\"/_next/static/immutable/chunks/1vmgrud6jr0tg.js\",\"/_next/static/immutable/chunks/2k4pp8ikbn-76.js\",\"/_next/static/immutable/chunks/0m2u-um-7t72b.js\",\"/_next/static/immutable/chunks/1-c414ug9pclt.js\",\"/_next/static/immutable/chunks/3j73gi_0f1kf0.js\",\"/_next/static/immutable/chunks/2y2w5dx03kxir.js\"],\"DocsProvider\"]\n13:I[309960,[\"/_next/static/immutable/chunks/1ditn99od6n_c.js\",\"/_next/static/immutable/chunks/2w3ol5-i0tdeu.js\",\"/_next/static/immutable/chunks/2ujs6gxmjjukg.js\",\"/_next/static/immutable/chunks/0a83f2_0oh0vl.js\",\"/_next/static/immutable/chunks/1mzzzvrdn1-ub.js\",\"/_next/static/immutable/chunks/3xz_ucnxtkab4.js\",\"/_next/static/immutable/chunks/2ls6t6yvq968s.js\",\"/_next/static/immutable/chunks/0xlmohhil9-zd.js\",\"/_next/static/immutable/chunks/2fc3i0efc4_mh.js\",\"/_next/static/immutable/chunks/1vmgrud6jr0tg.js\",\"/_next/static/immutable/chunks/2k4pp8ikbn-76.js\",\"/_next/static/immutable/chunks/0m2u-um-7t72b.js\",\"/_next/static/immutable/chunks/1-c414ug9pclt.js\",\"/_next/static/immutable/chunks/3j73gi_0f1kf0.js\",\"/_next/static/immutable/chunks/2y2w5dx03kxir.js\"],\"NavbarShell\"]\n14:I[270770,[\"/_next/static/immutable/chunks/1ditn99od6n_c.js\",\"/_next/static/immutable/chunks/2w3ol5-i0tdeu.js\",\"/_next/static/immutable/chunks/2ujs6gxmjjukg.js\",\"/_next/static/immutable/chunks/0a83f2_0oh0vl.js\",\"/_next/static/immutable/chunks/1mzzzvrdn1-ub.js\",\"/_next/static/immutable/chunks/3xz_ucnxtkab4.js\",\"/_next/static/immutable/chunks/2ls6t6yvq968s.js\",\"/_next/static/immutable/chunks/0xlmohhil9-zd.js\",\"/_next/static/immutable/chunks/2fc3i0efc4_mh.js\",\"/_next/static/immutable/chunks/1vmgrud6jr0tg.js\",\"/_next/static/immutable/chunks/2k4pp8ikbn-76.js\",\"/_next/static/immutable/chunks/0m2u-um-7t72b.js\",\"/_next/static/immutable/chunks/1-c414ug9pclt.js\",\"/_next/static/immutable/chunks/3j73gi_0f
11kf0.js\",\"/_next/static/immutable/chunks/2y2w5dx03kxir.js\"],\"NavbarLogo\"]\n15:I[975593,[\"/_next/static/immutable/chunks/1ditn99od6n_c.js\",\"/_next/static/immutable/chunks/2w3ol5-i0tdeu.js\",\"/_next/static/immutable/chunks/2ujs6gxmjjukg.js\",\"/_next/static/immutable/chunks/0a83f2_0oh0vl.js\",\"/_next/static/immutable/chunks/1mzzzvrdn1-ub.js\",\"/_next/static/immutable/chunks/3xz_ucnxtkab4.js\",\"/_next/static/immutable/chunks/2ls6t6yvq968s.js\",\"/_next/static/immutable/chunks/0xlmohhil9-zd.js\",\"/_next/static/immutable/chunks/2fc3i0efc4_mh.js\",\"/_next/static/immutable/chunks/1vmgrud6jr0tg.js\",\"/_next/static/immutable/chunks/2k4pp8ikbn-76.js\",\"/_next/static/immutable/chunks/0m2u-um-7t72b.js\",\"/_next/static/immutable/chunks/1-c414ug9pclt.js\",\"/_next/static/immutable/chunks/3j73gi_0f1kf0.js\",\"/_next/static/immutable/chunks/2y2w5dx03kxir.js\"],\"DesktopMenu\"]\n16:I[81523,[\"/_next/static/immutable/chunks/1ditn99od6n_c.js\",\"/_next/static/immutable/chunks/2w3ol5-i0tdeu.js\",\"/_next/static/immutable/chunks/2ujs6gxmjjukg.js\",\"/_next/static/immutable/chunks/0a83f2_0oh0vl.js\",\"/_next/static/immutable/chunks/1mzzzvrdn1-ub.js\",\"/_next/static/immutable/chunks/3xz_ucnxtkab4.js\",\"/_next/static/immutable/chunks/2ls6t6yvq968s.js\",\"/_next/static/immutable/chunks/0xlmohhil9-zd.js\",\"/_next/static/immutable/chunks/2fc3i0efc4_mh.js\",\"/_next/static/immutable/chunks/1vmgrud6jr0tg.js\",\"/_next/static/immutable/chunks/2k4pp8ikbn-76.js\",\"/_next/static/immutable/chunks/0m2u-um-7t72b.js\",\"/_next/static/immutable/chunks/1-c414ug9pclt.js\",\"/_next/static/immutable/chunks/3j73gi_0f1kf0.js\",\"/_next/static/immutable/chunks/2y2w5dx03kxir.js\"],\"SearchButton\"]\n17:I[81523,[\"/_next/static/immutable/chunks/1ditn99od6n_c.js\",\"/_next/static/immutable/chunks/2w3ol5-i0tdeu.js\",\"/_next/static/immutable/chunks/2ujs6gxmjjukg.js\",\"/_next/static/immutable/chunks/0a83f2_0oh0vl.js\",\"/_next/static/immutable/chunks/1mzzzvrdn1-ub.js\",\"/_next/static/immutable/chunks/3xz_ucnxtkab4.js\",\"/_next/static/immutable/chunks/2ls6t6yvq968s.js\",\"/_next/static/immutable/chunks/0xlmohhil9-zd.js\",\"/_next/static/immutable/chunks/2fc3i0efc4_mh.js\",\"/_next/static/immutable/chunks/1vmgrud6jr0tg.js\",\"/_next/static/immutable/chunks/2k4pp8ikbn-76.js\",\"/_next/static/immutable/chunks/0m2u-um-7t72b.js\",\"/_next/static/immutable/chunks/1-c414ug9pclt.js\",\"/_next/static/immutable/chunks/3j73gi_0f1kf0.js\",\"/_next/static/immutable/chunks/2y2w5dx03kxir.js\"],\"AskAIButton\"]\n18:I[721812,[\"/_next/static/immutable/chunks/1ditn99od6n_c.js\",\"/_next/static/immutable/chunks/2w3ol5-i0tdeu.js\",\"/_next/static/immutable/chunks/2ujs6gxmjjukg.js\",\"/_next/static/immutable/chunks/0a83f2_0oh0vl.js\",\"/_next/static/immutable/chunks/1mzzzvrdn1-ub.js\",\"/_next/static/immutable/chunks/3xz_ucnxtkab4.js\",\"/_next/static/immutable/chunks/2ls6t6yvq968s.js\",\"/_next/static/immutable/chunks/0xlmohhil9-zd.js\",\"/_next/static/immutable/chunks/2fc3i0efc4_mh.js\",\"/_next/static/immutable/chunks/1vmgrud6jr0tg.js\",\"/_next/static/immutable/chunks/2k4pp8ikbn-76.js\",\"/_next/static/immutable/chunks/0m2u-um-7t72b.js\",\"/_next/static/immutable/chunks/1-c414ug9pclt.js\",\"/_next/static/immutable/chunks/3j73gi_0f1kf0.js\",\"/_next/static/immutable/chunks/2y2w5dx03kxir.js\"],\"MobileMenu\"]\n2:[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"name\\\":\\\"json-render\\\",\\\"url\\\":\\\"https://json-render.dev\\\",\\\"description\\\":\\\"The Generative UI framework. Generate dashboards, widgets, and apps from prompts â safely constrained to components you define.\\\"}\"}}],false]}],[\"$\",\"body\",null,{\"className\":\"geistsans_d025f23b-module__btTCTG__variable geistmono_df95d851-module__CWPfka__variable geistpixelsquare_cf225766-module__hcLBzq__variable\",\"children\":[[\"$\",\"$L11\",null,{\"children\":[[\"$\",\"$L12\",null,{\"children\":[[\"$\",\"$L13\",null,{\"children\":[\"$\",\"div\",null,{\"className\":\"@container mx-auto flex w-full max-w-[1448px] justify-between px-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex select-none flex-row items-center\",\"children\":[[\"$\",\"$L14\",null,{\"activeProduct\":\"json-render\",\"brand\":\"labs\",\"className\":\"ml-4\",\"href\":\"$undefined\",\"logo\":[\"$\",\"span\",null,{\"className\":\"font-medium\",\"children\":\"json-render\"}],\"ossProducts\":\"$undefined\",\"variant\":\"oss\"}],[\"$\",\"$L15\",null,{\"className\":\"@min-[1024px]:flex hidden\",\"items\":[{\"label\":\"Docs\",\"href\":\"/docs\"},{\"label\":\"Playground\",\"href\":\"/playground\"},{\"label\":\"Examples\",\"href\":\"/examples\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"mr-4 flex flex-row items-center justify-end gap-2\",\"children\":[[\"$\",\"$L16\",null,{\"className\":\"@min-[1024px]:flex hidden w-36\"}],[\"$\",\"$L17\",null,{\"className\":\"@min-[768px]:flex hidden shrink-0\",\"size\":\"small\",\"variant\":\"secondary\"}],[\"$\",\"$L17\",null,{\"className\":\"@min-[768px]:hidden\",\"size\":\"small\",\"variant\":\"secondary\"}],[\"$\",\"a\",null,{\"aria-busy\":\"$undefined\",\"className\":\"@min-[768px]:inline-flex hidden shrink-0\",\"data-geist-button\":\"\",\"data-prefix\":\"false\",\"data-suffix\":\"false\",\"data-version\":\"v1\",\"disabled\":\"$undefined\",\"type\":\"$undefined\",\"aria-label\":\"GitHub repository\",\"href\":\"https://github.com/vercel-labs/json-render\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"truncate px-1.5 inline-flex shrink-0 items-center justify-center\",\"children\":[\"$\",\"svg\",null,{\"data-glyph\":\"circular\",\"data-slot\":\"geist-icon\",\"height\"
1:16,\"style\":{\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16,\"children\":[\"$\",\"g\",null,{\"children\":[\"$\",\"path\",null,{\"clipRule\":\"evenodd\",\"d\":\"M8 .13c-4.42 0-8 3.6-8 8.07 0 3.57 2.3 6.58 5.47 7.65.4.08.55-.17.55-.39L6 13.96c-2.23.49-2.7-.95-2.7-.95-.35-.94-.88-1.18-.88-1.18-.73-.5.05-.5.05-.5.8.06 1.23.84 1.23.84.72 1.22 1.87.88 2.33.66.07-.52.28-.88.5-1.08-1.77-.19-3.64-.88-3.64-3.98 0-.88.32-1.6.82-2.16-.07-.2-.35-1.03.08-2.14 0 0 .68-.21 2.2.83a7.7 7.7 0 0 1 4 0c1.53-1.04 2.2-.83 2.2-.83.45 1.11.17 1.94.09 2.14.52.56.82 1.28.82 2.16 0 3.1-1.87 3.78-3.66 3.98.3.26.54.74.54 1.5v2.21c0 .22.14.47.54.4A8.1 8.1 0 0 0 16 8.2 8 8 0 0 0 8 .13\",\"fill\":\"currentColor\",\"fillRule\":\"evenodd\"}]}]}]}],null]}],[\"$\",\"$L18\",null,{\"activeProduct\":\"json-render\",\"githubUrl\":\"https://github.com/vercel-labs/json-render\",\"nav\":\"$2:props:children:1:props:children:0:props:children:0:props:children:0:props:children:props:children:0:props:children:1:props:items\",\"ossProducts\":\"$undefined\",\"showOss\":true}]]}]]}]}],[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"flex min-h-screen flex-col\",\"children\":[[\"$\",\"$L5\",null,{}],[\"$\",\"main\",null,{\"className\":\"flex flex-1 flex-col items-center justify-center gap-4 px-4 text-center\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-6xl font-bold tracking-tight\",\"children\":\"404\"}],[\"$\",\"p\",null,{\"className\":\"text-lg text-muted-foreground\",\"children\":\"This page could not be found.\"}],[\"$\",\"$L6\",null,{\"href\":\"/\",\"className\":\"mt-2 inline-flex items-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors\",\"children\":\"Go home\"}]]}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"footer\",null,{\"className\":\"mx-auto max-w-[1448px] px-6 pt-10 pb-6 text-sm\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-cols-2 gap-6 md:grid-cols-3 lg:grid-cols-4 lg:gap-y-7 xl:grid-cols-6\",\"children\":[[[\"$\",\"div\",\"Agent Stack\",{\"children\":[[\"$\",\"h2\",null,{\"className\":\"my-3 font-medium text-gray-1000 text-label-14\",\"children\":\"Agent Stack\"}],\"$L19\"]}],\"$L1a\",\"$L1b\",\"$L1c\",\"$L1d\",\"$L1e\",\"$L1f\",\"$L20\",\"$L21\",\"$L22\",\"$L23\"],\"$L24\"]}],\"$L25\"]}]]}],\"$L26\"]}],\"$L27\",\"$L28\"]}]]}]\n29:I[498271,[\"/_next/static/immutable/chunks/1ditn99od6n_c.js\",\"/_next/static/immutable/chunks/2w3ol5-i0tdeu.js\",\"/_next/static/immutable/chunks/2ujs6gxmjjukg.js\",\"/_next/static/immutable/chunks/0a83f2_0oh0vl.js\",\"/_next/static/immutable/chunks/1mzzzvrdn1-ub.js\",\"/_next/static/immutable/chunks/3xz_ucnxtkab4.js\",\"/_next/static/immutable/chunks/2ls6t6yvq968s.js\",\"/_next/static/immutable/chunks/0xlmohhil9-zd.js\",\"/_next/static/immutable/chunks/2fc3i0efc4_mh.js\",\"/_next/static/immutable/chunks/1vmgrud6jr0tg.js\",\"/_next/static/immutable/chunks/2k4pp8ikbn-76.js\",\"/_next/static/immutable/chunks/0m2u-um-7t72b.js\",\"/_next/static/immutable/chunks/1-c414ug9pclt.js\",\"/_next/static/immutable/chunks/3j73gi_0f1kf0.js\",\"/_next/static/immutable/chunks/2y2w5dx03kxir.js\"],\"ThemeSwitcher\"]\n2a:I[214735,[\"/_next/static/immutable/chunks/1ditn99od6n_c.js\",\"/_next/static/immutable/chunks/2w3ol5-i0tdeu.js\",\"/_next/static/immutable/chunks/2ujs6gxmjjukg.js\",\"/_next/static/immutable/chunks/0a83f2_0oh0vl.js\",\"/_next/static/immutable/chunks/1mzzzvrdn1-ub.js\",\"/_next/static/immutable/chunks/3xz_ucnxtkab4.js\",\"/_next/static/immutable/chunks/2ls6t6yvq968s.js\",\"/_next/static/immutable/chunks/0xlmohhil9-zd.js\",\"/_next/static/immutable/chunks/2fc3i0efc4_mh.js\",\"/_next/static/immutable/chunks/1vmgrud6jr0tg.js\",\"/_next/static/immutable/chunks/2k4pp8ikbn-76.js\",\"/_next/static/immutable/chunks/0m2u-um-7t72b.js\",\"/_next/static/immutable/chunks/1-c414ug9pclt.js\",\"/_next/static/immutable/chunks/3j73gi_0f
11kf0.js\",\"/_next/static/immutable/chunks/2y2w5dx03kxir.js\"],\"DocsChat\"]\n2b:I[933217,[\"/_next/static/immutable/chunks/1ditn99od6n_c.js\",\"/_next/static/immutable/chunks/2w3ol5-i0tdeu.js\",\"/_next/static/immutable/chunks/2ujs6gxmjjukg.js\",\"/_next/static/immutable/chunks/0a83f2_0oh0vl.js\",\"/_next/static/immutable/chunks/1mzzzvrdn1-ub.js\",\"/_next/static/immutable/chunks/3xz_ucnxtkab4.js\",\"/_next/static/immutable/chunks/2ls6t6yvq968s.js\",\"/_next/static/immutable/chunks/0xlmohhil9-zd.js\",\"/_next/static/immutable/chunks/2fc3i0efc4_mh.js\",\"/_next/static/immutable/chunks/1vmgrud6jr0tg.js\",\"/_next/static/immutable/chunks/2k4pp8ikbn-76.js\",\"/_next/static/immutable/chunks/0m2u-um-7t72b.js\",\"/_next/static/immutable/chunks/1-c414ug9pclt.js\",\"/_next/static/immutable/chunks/3j73gi_0f1kf0.js\",\"/_next/static/immutable/chunks/2y2w5dx03kxir.js\"],\"Analytics\"]\n2c:I[383090,[\"/_next/static/immutable/chunks/1ditn99od6n_c.js\",\"/_next/static/immutable/chunks/2w3ol5-i0tdeu.js\",\"/_next/static/immutable/chunks/2ujs6gxmjjukg.js\",\"/_next/static/immutable/chunks/0a83f2_0oh0vl.js\",\"/_next/static/immutable/chunks/1mzzzvrdn1-ub.js\",\"/_next/static/immutable/chunks/3xz_ucnxtkab4.js\",\"/_next/static/immutable/chunks/2ls6t6yvq968s.js\",\"/_next/static/immutable/chunks/0xlmohhil9-zd.js\",\"/_next/static/immutable/chunks/2fc3i0efc4_mh.js\",\"/_next/static/immutable/chunks/1vmgrud6jr0tg.js\",\"/_next/static/immutable/chunks/2k4pp8ikbn-76.js\",\"/_next/static/immutable/chunks/0m2u-um-7t72b.js\",\"/_next/static/immutable/chunks/1-c414ug9pclt.js\",\"/_next/static/immutable/chunks/3j73gi_0f1kf0.js\",\"/_next/static/immutable/chunks/2y2w5dx03kxir.js\"],\"SpeedInsights\"]\n19:[\"$\",\"ul\",null,{\"className\":\"m-0 list-none p-0\",\"children\":[[\"$\",\"li\",\"/ai-sdkAI SDK\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/ai-sdk\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"AI SDK\",null]}]}],[\"$\",\"li\",\"/ai-gatewayAI Gateway\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/ai-gateway\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"AI Gateway\",null]}]}],[\"$\",\"li\",\"/sandboxSandbox\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/sandbox\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Sandbox\",null]}]}],[\"$\",\"li\",\"/workflowsWorkflows\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/workflows\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Workflows\",null]}]}],[\"$\",\"li\",\"/connectConnect\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/connect\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Connect\",[\"$\",\"span\",null,{\"className\":\"inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-full py-0.5 font-medium text-gray-1000 h-5 bg-gray-200 px-2 text-[11px]/[20px] tabular-nums tracking-[0.2px]\",\"children\":\"New\"}]]}]}],[\"$\",\"li\",\"/passportPassport\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/passport\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Passport\",[\"$\",\"span\",null,{\"className\":\"inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-full py-0.5 font-medium text-gray-1000 h-5 bg-gray-200 px-2 text-[11px]/[20px] tabular-nums tracking-[0.2px]\",\"children\":\"New\"}]]}]}],[\"$\",\"li\",\"/eveeve\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/eve\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"eve\",[\"$\",\"span\",null,{\"className\":\"inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-full py-0.5 font-medium text-gray-1000 h-5 bg-gray-200 px-2 text-[11px]/[20px] tabular-nums tracking-[0.2px]\",\"children\":\"New\"}]]}]}]]}]\n1a:[\"$\",\"div\",\"Core Platform\",{\"children\":[[\"$\",\"h2\",null,{\"className\":\"my-3 font-medium text-gray-1000 text-label-14\",\"children\":\"Core Platform\"}],[\"$\",\"ul\",null,{\"className\":\"m-0 list-none p-0\",\"children\":[[\"$\",\"li\",\"/products/previewsCI/CD\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/products/previews\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"CI/CD\",null]}]}],[\"$\",\"li\",\"/cdnContent Delivery\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/cdn\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Content Delivery\",null]}]}],[\"$\",\"li\",\"/fluidFluid Compute\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/fluid\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Fluid Compute\",null]}]}],[\"$\",\"li\",\"/products/observabilityObservability\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/products/observability\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Observability\",null]}]}]]}]]}]\n1b:[\"$\",\"div\",\"Security\",{\"children\":[[\"$\",\"h2\",null,{\"className\":\"my-3 font-medium text-gray-1000 text-label-14\",\"children\":\"Security\"}],[\"$\",\"ul\",null,{\"className\":\"m-0 list-none p-0\",\"children\":[[\"$\",\"li\",\"/securityPlatform Security\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/security\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Platform Security\",null]}]}],[\"$\",\"li\",\"/security/web-application-firewallWAF\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/security/web-application-firewall\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"WAF\",null]}]}],[\"$\",\"li\",\"/security/bot-managementBot Management\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/security/bot-management\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Bot Management\",null]}]}],[\"$\",\"li\",\"/botidBot ID\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/botid\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Bot ID\",null]}]}]]}]]}]\n1c:[\"$\",\"div\",\"Tools\",{\"children\":[[\"$\",\"h2\",null,{\"className\":\"my-3 font-medium text-gray-1000 text-label-14\",\"children\":\"Tools\"}],[\"$\",\"ul\",null,{\"className\":\"m-0 list-none p-0\",\"children\":[[\"$\",\"li\",\"/dropVercel Drop\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/drop\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Vercel Drop\",[\"$\",\"span\",null,{\"className\":\"inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-full py-0.5 font-medium text-gray-1000 h-5 bg-gray-200 px-2 text-[11px]/[20px] tabular-nums tracking-[0.2px]\",\"children\":\"New\"}]]}]}],[\"$\",\"li\",\"/agentVercel Agent\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/agent\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Vercel Agent\",null]}]}],[\"$\",\"li\",\"/pluginVercel Plugin\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/plugin\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Vercel Plugin\",[\"$\",\"span\",null,{\"className\":\"inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-full py-0.5 font-medium text-gray-1000 h-5 bg-gray-200 px-2 text-[11px]/[20px] tabular-nums tracking-[0.2px]\",\"children\":\"New\"}]]}]}],[\"$\",\"li\",\"https://skills.shAgent Skills\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://skills.sh\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":[\"Agent Skills\",null]}]}],[\"$\",\"li\",\"/domainsDomains\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/domains\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Domains\",null]}]}],[\"$\",\"li\",\"https://v0.appv0\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://v0.app\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":[\"v0\",null]}]}]]}]]}]\n1d:[\"$\",\"div\",\"Frameworks\",{\"children\":[[\"$\",\"h2\",null,{\"className\":\"my-3 font-medium text-gray-1000 text-label-14\",\"children\":\"Frameworks\"}],[\"$\",\"ul\",null,{\"className\":\"m-0 list-none p-0\",\"children\":[[\"$\",\"li\",\"https://eve.dev/eve\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://eve.dev/\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":[\"eve\",[\"$\",\"span\",null,{\"className\":\"inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-full py-0.5 font-medium text-gray-1000 h-5 bg-gray-200 px-2 text-[11px]/[20px] tabular-nums tracking-[0.2px]\",\"children\":\"New\"}]]}]}],[\"$\",\"li\",\"/frameworks/nextjsNext.js\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/frameworks/nextjs\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Next.js\",null]}]}],[\"$\",\"li\",\"/docs/frameworks/full-stack/nuxtNuxt\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/docs/frameworks/full-stack/nuxt\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Nuxt\",null]}]}],[\"$\",\"li\",\"/docs/frameworks/full-stack/sveltekitSvelteKit\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/docs/frameworks/full-stack/sveltekit\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"SvelteKit\",null]}]}],[\"$\",\"li\",\"/docs/frameworks/backend/nitroNitro\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/docs/frameworks/backend/nitro\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Nitro\",null]}]}],[\"$\",\"li\",\"/solutions/turborepoTurborepo\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/solutions/turborepo\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Turborepo\",null]}]}],[\"$\",\"li\",\"/docs/frameworks/full-stack/tanstack-startTanstack Start\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/docs/frameworks/full-stack/tanstack-start\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Tanstack Start\",null]}]}],[\"$\",\"li\",\"/docs/frameworks/backend/fastapiFastAPI\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/docs/frameworks/backend/fastapi\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"FastAPI\",null]}]}],[\"$\",\"li\",\"/docs/frameworks/backend/xmcpxmcp\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/docs/frameworks/backend/xmcp\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"xmcp\",null]}]}],[\"$\",\"li\",\"/docs/frameworksAll frameworks\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/docs/frameworks\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"All frameworks\
1",null]}]}]]}]]}]\n1e:[\"$\",\"div\",\"SDKs\",{\"children\":[[\"$\",\"h2\",null,{\"className\":\"my-3 font-medium text-gray-1000 text-label-14\",\"children\":\"SDKs\"}],[\"$\",\"ul\",null,{\"className\":\"m-0 list-none p-0\",\"children\":[[\"$\",\"li\",\"/docs/rest-api/sdkVercel SDK\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/docs/rest-api/sdk\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Vercel SDK\",null]}]}],[\"$\",\"li\",\"/workflowsWorkflow SDK\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/workflows\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Workflow SDK\",[\"$\",\"span\",null,{\"className\":\"inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-full py-0.5 font-medium text-gray-1000 h-5 bg-gray-200 px-2 text-[11px]/[20px] tabular-nums tracking-[0.2px]\",\"children\":\"New\"}]]}]}],[\"$\",\"li\",\"/docs/flags/flags-sdk-referenceFlags SDK\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/docs/flags/flags-sdk-reference\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Flags SDK\",null]}]}],[\"$\",\"li\",\"/chatChat SDK\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/chat\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Chat SDK\",[\"$\",\"span\",null,{\"className\":\"inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-full py-0.5 font-medium text-gray-1000 h-5 bg-gray-200 px-2 text-[11px]/[20px] tabular-nums tracking-[0.2px]\",\"children\":\"New\"}]]}]}],[\"$\",\"li\",\"/docs/queues/sdkQueues SDK\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/docs/queues/sdk\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Queues SDK\",[\"$\",\"span\",null,{\"className\":\"inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-full py-0.5 font-medium text-gray-1000 h-5 bg-gray-200 px-2 text-[11px]/[20px] tabular-nums tracking-[0.2px]\",\"children\":\"New\"}]]}]}],[\"$\",\"li\",\"https://streamdown.aiStreamdown\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://streamdown.ai\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":[\"Streamdown\",null]}]}]]}]]}]\n1f:[\"$\",\"div\",\"Build\",{\"children\":[[\"$\",\"h2\",null,{\"className\":\"my-3 font-medium text-gray-1000 text-label-14\",\"children\":\"Build\"}],[\"$\",\"ul\",null,{\"className\":\"m-0 list-none p-0\",\"children\":[[\"$\",\"li\",\"/solutions/ai-appsAI Apps\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/solutions/ai-apps\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"AI Apps\",null]}]}],[\"$\",\"li\",\"/solutions/web-appsWeb Apps\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/solutions/web-apps\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Web Apps\",null]}]}],[\"$\",\"li\",\"/solutions/marketing-sitesMarketing Sites\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/solutions/marketing-sites\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Marketing Sites\",null]}]}],[\"$\",\"li\",\"/solutions/multi-tenant-saasPlatforms\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/solutions/multi-tenant-saas\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Platforms\",null]}]}],[\"$\",\"li\",\"/solutions/composable-commerceCommerce\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/solutions/composable-commerce\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Commerce\",null]}]}],[\"$\",\"li\",\"/solutions/platform-engineeringPlatform Engineers\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/solutions/platform-engineering\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Platform Engineers\",null]}]}],[\"$\",\"li\",\"/solutions/design-engineeringDesign Engineers\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/solutions/design-engineering\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Design Engineers\",null]}]}]]}]]}]\n20:[\"$\",\"div\",\"Learn\",{\"children\":[[\"$\",\"h2\",null,{\"className\":\"my-3 font-medium text-gray-1000 text-label-14\",\"children\":\"Learn\"}],[\"$\",\"ul\",null,{\"className\":\"m-0 list-none p-0\",\"children\":[[\"$\",\"li\",\"/docsDocs\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/docs\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Docs\",null]}]}],[\"$\",\"li\",\"/blogBlog\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/blog\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Blog\",null]}]}],[\"$\",\"li\",\"/changelogChangelog\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/changelog\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Changelog\",null]}]}],[\"$\",\"li\",\"/kbKnowledge Base\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/kb\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Knowledge Base\",null]}]}],[\"$\",\"li\",\"/academyAcademy\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/academy\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Academy\",null]}]}],[\"$\",\"li\",\"/iArticles\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/i\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Articles\",null]}]}],[\"$\",\"li\",\"https://community.vercel.comCommunity\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://community.vercel.com\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":[\"Community\",null]}]}],[\"$\",\"li\",\"https://is-agentic.comIs Agentic\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://is-agentic.com\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":[\"Is Agentic\",null]}]}]]}]]}]\n21:[\"$\",\"div\",\"Explore\",{\"children\":[[\"$\",\"h2\",null,{\"className\":\"my-3 font-medium text-gray-1000 text-label-14\",\"children\":\"Explore\"}],[\"$\",\"ul\",null,{\"className\":\"m-0 list-none p-0\",\"children\":[[\"$\",\"li\",\"/customersCustomers\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/customers\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Customers\",null]}]}],[\"$\",\"li\",\"/marketplaceMarketplace\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/marketplace\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Marketplace\",null]}]}],[\"$\",\"li\",\"/templatesTemplates\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/templates\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Templates\",null]}]}],[\"$\",\"li\",\"/partners/solution-partnersPartner Finder\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/partners/solution-partners\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Partner Finder\",null]}]}],[\"$\",\"li\",\"/partners/awsVercel + AWS\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/partners/aws\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Vercel + AWS\",null]}]}]]}]]}]\n22:[\"$\",\"div\",\"Company\",{\"children\":[[\"$\",\"h2\",null,{\"className\":\"my-3 font-medium text-gray-1000 text-label-14\",\"children\":\"Company\"}],[\"$\",\"ul\",null,{\"className\":\"m-0 list-none p-0\",\"children\":[[\"$\",\"li\",\"/aboutAbout\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/about\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"About\",null]}]}],[\"$\",\"li\",\"/careersCareers\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/careers\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Careers\",null]}]}],[\"$\",\"li\",\"/pressPress\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/press\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Press\",null]}]}],[\"$\",\"li\",\"/eventsEvents\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/events\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Events\",null]}]}],[\"$\",\"li\",\"/startupsStartups\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/startups\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Startups\",null]}]}],[\"$\",\"li\",\"/shippedShipped on Vercel\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/shipped\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Shipped on Vercel\",null]}]}],[\"$\",\"li\",\"/open-source-programOpen Source Program\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/open-source-program\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Open Source Program\",null]}]}],[\"$\",\"li\",\"/enterpriseEnterprise\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/enterprise\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Enterprise\",null]}]}],[\"$\",\"li\",\"/pricingPricing\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/pricing\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Pricing\",null]}]}],[\"$\",\"li\",\"/helpHelp\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/help\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Help\",null]}]}]]}]]}]\n23:[\"$\",\"div\",\"Legal \u0026 Trust\",{\"children\":[[\"$\",\"h2\",null,{\"className\":\"my-3 font-medium text-gray-1000 text-label-14\",\"children\":\"Legal \u0026 Trust\"}],[\"$\",\"ul\",null,{\"className\":\"m-0 list-none p-0\",\"children\":[[\"$\",\"li\",\"/legal/privacy-policyPrivacy Policy\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5
1flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/legal/privacy-policy\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Privacy Policy\",null]}]}],[\"$\",\"li\",\"/legal/termsTerms of Service\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/legal/terms\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Terms of Service\",null]}]}],[\"$\",\"li\",\"/legal/cookie-policyCookie Policy\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/legal/cookie-policy\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Cookie Policy\",null]}]}],[\"$\",\"li\",\"/legal/dpaDPA\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/legal/dpa\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"DPA\",null]}]}],[\"$\",\"li\",\"/legal/acceptable-use-policyAcceptable Use Policy\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/legal/acceptable-use-policy\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Acceptable Use Policy\",null]}]}],[\"$\",\"li\",\"/legalLegal\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel.com/legal\",\"rel\":\"$undefined\",\"target\":\"$undefined\",\"children\":[\"Legal\",null]}]}],[\"$\",\"li\",\"https://security.vercel.comTrust Center\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://security.vercel.com\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":[\"Trust Center\",null]}]}],[\"$\",\"li\",\"https://vercel-status.comStatus\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://vercel-status.com\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":[\"Status\",null]}]}]]}]]}]\n24:[\"$\",\"div\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"my-3 font-medium text-gray-1000 text-label-14\",\"children\":\"Social\"}],[\"$\",\"ul\",null,{\"className\":\"m-0 list-none p-0\",\"children\":[[\"$\",\"li\",\"GitHub\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://github.com/vercel\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":[\"GitHub\",null]}]}],[\"$\",\"li\",\"X\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://x.com/vercel\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":[\"X\",null]}]}],[\"$\",\"li\",\"LinkedIn\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://linkedin.com/company/vercel\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":[\"LinkedIn\",null]}]}],[\"$\",\"li\",\"YouTube\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://youtube.com/@VercelHQ\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":[\"YouTube\",null]}]}],[\"$\",\"li\",\"Instagram\",{\"className\":\"py-0.5 leading-5\",\"children\":[\"$\",\"a\",null,{\"className\":\"-ml-0.5 flex w-fit items-center gap-1.5 p-0.5 text-gray-900 transition-colors hover:text-gray-1000 motion-reduce:transition-none\",\"href\":\"https://www.instagram.com/vercelhq/\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":[\"Instagram\",null]}]}]]}]]}]\n25:[\"$\",\"div\",null,{\"className\":\"mt-10 flex items-center justify-between\",\"children\":[[\"$\",\"a\",null,{\"aria-label\":\"Vercel\",\"className\":\"inline-flex text-gray-1000\",\"href\":\"https://vercel.com/home\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":[\"$\",\"svg\",null,{\"data-glyph\":\"$undefined\",\"data-slot\":\"geist-icon\",\"height\"
1:16,\"style\":{\"color\":\"currentColor\"},\"viewBox\":\"0 0 16 16\",\"width\":16,\"children\":[\"$\",\"g\",null,{\"children\":[\"$\",\"path\",null,{\"clipRule\":\"evenodd\",\"d\":\"m8 1 8 14H0z\",\"fill\":\"currentColor\",\"fillRule\":\"evenodd\"}]}]}]}],[\"$\",\"$L29\",null,{\"small\":true}]]}]\n26:[\"$\",\"$L2a\",null,{\"defaultOpen\":false,\"defaultWidth\":400}]\n27:[\"$\",\"$L2b\",null,{}]\n28:[\"$\",\"$L2c\",null,{}]\nd:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n2d:I[975666,[\"/_next/static/immutable/chunks/1ditn99od6n_c.js\",\"/_next/static/immutable/chunks/2w3ol5-i0tdeu.js\",\"/_next/static/immutable/chunks/2ujs6gxmjjukg.js\",\"/_next/static/immutable/chunks/0a83f2_0oh0vl.js\",\"/_next/static/immutable/chunks/1mzzzvrdn1-ub.js\",\"/_next/static/immutable/chunks/3xz_ucnxtkab4.js\",\"/_next/static/immutable/chunks/2ls6t6yvq968s.js\",\"/_next/static/immutable/chunks/0xlmohhil9-zd.js\",\"/_next/static/immutable/chunks/2fc3i0efc4_mh.js\",\"/_next/static/immutable/chunks/1vmgrud6jr0tg.js\",\"/_next/static/immutable/chunks/2k4pp8ikbn-76.js\",\"/_next/static/immutable/chunks/0m2u-um-7t72b.js\",\"/_next/static/immutable/chunks/1-c414ug9pclt.js\",\"/_next/static/immutable/chunks/3j73gi_0f1kf0.js\",\"/_next/static/immutable/chunks/2y2w5dx03kxir.js\"],\"IconMark\"]\nb:null\nf:[[\"$\",\"title\",\"0\",{\"children\":\"Examples | json-render\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"The Generative UI framework. Generate dashboards, widgets, and apps from prompts â safely constrained to components you define.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"Vercel Labs\"}],[\"$\",\"meta\",\"3\",{\"name\":\"keywords\",\"content\":\"json-render,generative UI,AI UI generation,user-generated interfaces,React components,React Native,guardrails,structured output,dashboard builder\"}],[\"$\",\"meta\",\"4\",{\"name\":\"creator\",\"content\":\"Vercel Labs\"}],[\"$\",\"meta\",\"5\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"6\",{\"rel\":\"canonical\",\"href\":\"https://json-render.dev/examples\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:title\",\"content\":\"Examples | json-render\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:description\",\"content\":\"The Generative UI framework. Generate dashboards, widgets, and apps from prompts â safely constrained to components you define.\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:url\",\"content\":\"https://json-render.dev/examples\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:site_name\",\"content\":\"json-render\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image\",\"content\":\"https://json-render.dev/og/examples\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image:alt\",\"content\":\"Examples - json-render\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:title\",\"content\":\"Examples | json-render\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:description\",\"content\":\"The Generative UI framework. Generate dashboards, widgets, and apps from prompts â safely constrained to components you define.\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:image\",\"content\":\"https://json-render.dev/og/examples\"}],[\"$\",\"link\",\"21\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.3fpu2ql9ns1a0.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"22\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"$L2d\",\"23\",{}]]\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.