PageSourceSearch

https://reactui-templates.vercel.app/expo-ui

html reactui-templates.vercel.app collected 2026-10-03 07:35:21 UTC 90,665 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/css/244df255260e032e.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/d3e21b62404387e9.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-94234709a94d5065.js"/>
1<script src="/_next/static/chunks/df4cbf25-70ad58448fab0244.js" async=""></script>
1<script src="/_next/static/chunks/9541-21ed61d5a1fd16cb.js" async=""></script>
1<script src="/_next/static/chunks/main-app-4e0d2379148334ec.js" async=""></script>
1<script src="/_next/static/chunks/7322-c9f99936df66abf9.js" async=""></script>
1<script src="/_next/static/chunks/app/(ui)/expo-ui/page-1e4e11c7f75c8457.js" async=""></script>
1<script src="/_next/static/chunks/3313-65539b3bc7462427.js" async=""></script>
1<script src="/_next/static/chunks/app/(ui)/expo-ui/layout-5338eb4a6dd6dabf.js" async=""></script>
1<script src="/_next/static/chunks/15bf73b2-ead874a97dfa7138.js" async=""></script>
1<script src="/_next/static/chunks/9140-aebc6bc65c97efe4.js" async=""></script>
1<script src="/_next/static/chunks/2544-8f19f6c8b474f945.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-b8bb3ec6edb2534d.js" async=""></script>
1<script src="/_next/static/chunks/4003-f609b25b822d0300.js" async=""></script>
1<script src="/_next/static/chunks/app/not-found-09d81da298d6989a.js" async=""></script>
1<script src="/_next/static/chunks/app/loading-9ac727cef2736f45.js" async=""></script>
1<script src="/_next/static/chunks/ca9a4ea3-a55e91ee77faebc6.js" async=""></script>
1<script src="/_next/static/chunks/9354-bb5c4bf0e80a8d88.js" async=""></script>
1<script src="/_next/static/chunks/5502-bff522b3a85f7b1f.js" async=""></script>
1<script src="/_next/static/chunks/4074-6d8ed2c93020fdba.js" async=""></script>
1<script src="/_next/static/chunks/9953-f43650487d39e180.js" async=""></script>
1<script src="/_next/static/chunks/1895-38962eed21983c9f.js" async=""></script>
1<script src="/_next/static/chunks/7998-fbcd8ad79fdce1fd.js" async=""></script>
1<script src="/_next/static/chunks/8676-6ec79de272340b83.js" async=""></script>
1<script src="/_next/static/chunks/6549-8ea56fee54461da1.js" async=""></script>
1<script src="/_next/static/chunks/app/(ui)/layout-fd060c9fdf5ba570.js" async=""></script>
1<title>Create Next App</title><meta name="description" content="Generated by create next app"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="16x16"/><meta name="next-size-adjust"/>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1<script>globalThis.__UPLOADTHING = [{"slug":"categoryImage","config":{"image":{"maxFileSize":"1MB","maxFileCount":1,"minFileCount":1,"contentDisposition":"inline"}}},{"slug":"templateThumbnail","config":{"image":{"maxFileSize":"1MB","maxFileCount":1,"minFileCount":1,"contentDisposition":"inline"}}},{"slug":"screenShots","config":{"image":{"maxFileSize":"1MB","maxFileCount":3,"minFileCount":1,"contentDisposition":"inline"}}},{"slug":"templateZipFile","config":{"application/zip":{"maxFileSize":"1MB","maxFileCount":1,"minFileCount":1,"contentDisposition":"inline"}}}];</script>
1</head><body class="__className_3a0388">
1<script>!function(){try{var d=document.documentElement,c=d.classList;c.remove('light','dark');var e=localStorage.getItem('theme');if('system'===e||(!e&&true)){var t='(prefers-color-scheme: dark)',m=window.matchMedia(t);if(m.media!==t||m.matches){d.style.colorScheme = 'dark';c.add('dark')}else{d.style.colorScheme = 'light';c.add('light')}}else if(e){c.add(e|| '')}if(e==='light'||e==='dark')d.style.colorScheme=e}catch(e){}}()</script>
1<div id="_rht_toaster" style="position:fixed;z-index:9999;top:16px;left:16px;right:16px;bottom:16px;pointer-events:none"></div><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><!--$--><div class="bg-background"><header class="fixed top-0 left-0 right-0 z-50 border-b border-border/60 bg-background/80 backdrop-blur supports-[backdrop-filter]:bg-background/60 text-foreground"><div class="container mx-auto px-4 h-16 flex items-center justify-between"><a class="flex flex-col leading-none" href="/"><span class="text-lg font-semibold tracking-tight">React UI</span><span class="text-muted-foreground -mt-0.5 text-[10px] tracking-[0.2em] uppercase">Templates</span></a><nav class="hidden md:flex items-center gap-1 text-sm"><a class="rounded-md px-3 py-2 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground" href="/">Templates</a><a class="rounded-md px-3 py-2 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground" href="/simple-ui">Simple UI</a><a class="inline-flex items-center gap-1.5 rounded-md px-3 py-2 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground" href="/expo-ui">Expo UI<span class="rounded-full border px-1.5 py-0.5 text-[10px] font-medium leading-none text-foreground">New</span></a></nav><div class="hidden lg:flex items-center space-x-4"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10" type="button" id="radix-:R5mfekq:" aria-haspopup="menu" aria-expanded="false" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-moon absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path></svg><span class="sr-only">Toggle theme</span></button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3"><a href="/login">Login</a></button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 h-9 rounded-md px-3"><a href="/register">Sign up</a></button></div><div class="flex lg:hidden items-center space-x-4"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10" type="button" id="radix-:R66fekq:" aria-haspopup="menu" aria-expanded="false" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-moon absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path></svg><span class="sr-only">Toggle theme</span></button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3"><a href="/login">Login</a></button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 h-9 rounded-md px-3"><a href="/register">Sign up</a></button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-10 w-10 ml-2" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-:Re6fekq:" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-6 w-6"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg><span class="sr-only">
1Toggle menu</span></button></div></div></header><div class="pt-16"><div class="mx-auto max-w-7xl px-4 py-6 lg:py-10"><div class="lg:flex lg:gap-10"><nav aria-label="Expo UI categories" class="lg:sticky lg:top-6 lg:h-[calc(100vh-3rem)] lg:w-60 lg:shrink-0"><a class="hidden lg:flex items-center gap-2 px-3 pb-4 mb-2 border-b" href="/expo-ui"><span class="flex h-8 w-8 items-center justify-center rounded-lg bg-foreground text-background"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smartphone h-4 w-4"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg></span><span class="flex flex-col leading-tight"><span class="text-sm font-semibold">Expo UI</span><span class="text-[11px] text-muted-foreground">78<!-- --> components</span></span></a><ul class="flex gap-1 overflow-x-auto pb-2 lg:flex-col lg:gap-0.5 lg:overflow-visible lg:pb-0"><li class="shrink-0"><a class="group flex items-center gap-2.5 rounded-md px-3 py-2 text-sm transition-colors whitespace-nowrap text-muted-foreground hover:bg-muted/60 hover:text-foreground" href="/expo-ui/auth"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-log-in h-4 w-4 shrink-0 text-muted-foreground"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path><polyline points="10 17 15 12 10 7"></polyline><line x1="15" x2="3" y1="12" y2="12"></line></svg><span class="flex-1">Auth &amp; Onboarding</span><span class="hidden lg:inline text-xs tabular-nums text-muted-foreground/60">6</span></a></li><li class="shrink-0"><a class="group flex items-center gap-2.5 rounded-md px-3 py-2 text-sm transition-colors whitespace-nowrap text-muted-foreground hover:bg-muted/60 hover:text-foreground" href="/expo-ui/shop"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-store h-4 w-4 shrink-0 text-muted-foreground"><path d="m2 7 4.41-4.41A2 2 0 0 1 7.83 2h8.34a2 2 0 0 1 1.42.59L22 7"></path><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"></path><path d="M15 22v-4a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v4"></path><path d="M2 7h20"></path><path d="M22 7v3a2 2 0 0 1-2 2a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 16 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 12 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 8 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 4 12a2 2 0 0 1-2-2V7"></path></svg><span class="flex-1">Shop Screens</span><span class="hidden lg:inline text-xs tabular-nums text-muted-foreground/60">5</span></a></li><li class="shrink-0"><a class="group flex items-center gap-2.5 rounded-md px-3 py-2 text-sm transition-colors whitespace-nowrap text-muted-foreground hover:bg-muted/60 hover:text-foreground" href="/expo-ui/checkout"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-credit-card h-4 w-4 shrink-0 text-muted-foreground"><rect width="20" height="14" x="2" y="5" rx="2"></rect><line x1="2" x2="22" y1="10" y2="10"></line></svg><span class="flex-1">Checkout</span><span class="hidden lg:inline text-xs tabular-nums text-muted-foreground/60">5</span></a></li><li class="shrink-0"><a class="group flex items-center gap-2.5 rounded-md px-3 py-2 text-sm transition-colors whitespace-nowrap text-muted-foreground hover:bg-muted/60 hover:text-foreground" href="/expo-ui/account"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-round h-4 w-4 shrink-0 text-muted-foreground"><circle cx="12" cy="8" r="5"></circle><path d="M20 21a8 8 0 0 0-16 0"></path></svg><span class="flex-1">Account</span><span class="hidden lg:inline text-xs tabular-nums text-muted-foreground
1/60">4</span></a></li><li class="shrink-0"><a class="group flex items-center gap-2.5 rounded-md px-3 py-2 text-sm transition-colors whitespace-nowrap text-muted-foreground hover:bg-muted/60 hover:text-foreground" href="/expo-ui/dashboard"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-dashboard h-4 w-4 shrink-0 text-muted-foreground"><rect width="7" height="9" x="3" y="3" rx="1"></rect><rect width="7" height="5" x="14" y="3" rx="1"></rect><rect width="7" height="9" x="14" y="12" rx="1"></rect><rect width="7" height="5" x="3" y="16" rx="1"></rect></svg><span class="flex-1">Dashboard &amp; Charts</span><span class="hidden lg:inline text-xs tabular-nums text-muted-foreground/60">6</span></a></li><li class="shrink-0"><a class="group flex items-center gap-2.5 rounded-md px-3 py-2 text-sm transition-colors whitespace-nowrap text-muted-foreground hover:bg-muted/60 hover:text-foreground" href="/expo-ui/ui"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-grid h-4 w-4 shrink-0 text-muted-foreground"><rect width="7" height="7" x="3" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="14" rx="1"></rect><rect width="7" height="7" x="3" y="14" rx="1"></rect></svg><span class="flex-1">UI Primitives</span><span class="hidden lg:inline text-xs tabular-nums text-muted-foreground/60">16</span></a></li><li class="shrink-0"><a class="group flex items-center gap-2.5 rounded-md px-3 py-2 text-sm transition-colors whitespace-nowrap text-muted-foreground hover:bg-muted/60 hover:text-foreground" href="/expo-ui/product"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-4 w-4 shrink-0 text-muted-foreground"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"></path><path d="M3 6h18"></path><path d="M16 10a4 4 0 0 1-8 0"></path></svg><span class="flex-1">Product</span><span class="hidden lg:inline text-xs tabular-nums text-muted-foreground/60">7</span></a></li><li class="shrink-0"><a class="group flex items-center gap-2.5 rounded-md px-3 py-2 text-sm transition-colors whitespace-nowrap text-muted-foreground hover:bg-muted/60 hover:text-foreground" href="/expo-ui/home"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house h-4 w-4 shrink-0 text-muted-foreground"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg><span class="flex-1">Home</span><span class="hidden lg:inline text-xs tabular-nums text-muted-foreground/60">11</span></a></li><li class="shrink-0"><a class="group flex items-center gap-2.5 rounded-md px-3 py-2 text-sm transition-colors whitespace-nowrap text-muted-foreground hover:bg-muted/60 hover:text-foreground" href="/expo-ui/category"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grid3x3 h-4 w-4 shrink-0 text-muted-foreground"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M3 15h18"></path><path d="M9 3v18"></path><path d="M15 3v18"></path></svg><span class="flex-1">Category</span><span class="hidden lg:inline text-xs tabular-nums text-muted-foreground/60">2</span></a></li><li class="shrink-0"><a class="group flex items-center gap-2.5 rounded-md px-3 py-2 text-sm transition-colors whitespace-nowrap text-muted-foreground hover:bg-muted/60 hover:text-foreground" href="/expo-ui/navigation"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-panel-top h-4 w-4 shrink-0 text-muted-foreground"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path></svg><span class="flex-1">Navigation</span><span class="hidden lg:inline text-xs tabular-nums text-muted-foreground
1/60">3</span></a></li><li class="shrink-0"><a class="group flex items-center gap-2.5 rounded-md px-3 py-2 text-sm transition-colors whitespace-nowrap text-muted-foreground hover:bg-muted/60 hover:text-foreground" href="/expo-ui/cart"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-cart h-4 w-4 shrink-0 text-muted-foreground"><circle cx="8" cy="21" r="1"></circle><circle cx="19" cy="21" r="1"></circle><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"></path></svg><span class="flex-1">Cart</span><span class="hidden lg:inline text-xs tabular-nums text-muted-foreground/60">2</span></a></li><li class="shrink-0"><a class="group flex items-center gap-2.5 rounded-md px-3 py-2 text-sm transition-colors whitespace-nowrap text-muted-foreground hover:bg-muted/60 hover:text-foreground" href="/expo-ui/order"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-package h-4 w-4 shrink-0 text-muted-foreground"><path d="m7.5 4.27 9 5.15"></path><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"></path><path d="m3.3 7 8.7 5 8.7-5"></path><path d="M12 22V12"></path></svg><span class="flex-1">Orders</span><span class="hidden lg:inline text-xs tabular-nums text-muted-foreground/60">2</span></a></li><li class="shrink-0"><a class="group flex items-center gap-2.5 rounded-md px-3 py-2 text-sm transition-colors whitespace-nowrap text-muted-foreground hover:bg-muted/60 hover:text-foreground" href="/expo-ui/rewards"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gift h-4 w-4 shrink-0 text-muted-foreground"><rect x="3" y="8" width="18" height="4" rx="1"></rect><path d="M12 8v13"></path><path d="M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7"></path><path d="M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5"></path></svg><span class="flex-1">Rewards</span><span class="hidden lg:inline text-xs tabular-nums text-muted-foreground/60">3</span></a></li><li class="shrink-0"><a class="group flex items-center gap-2.5 rounded-md px-3 py-2 text-sm transition-colors whitespace-nowrap text-muted-foreground hover:bg-muted/60 hover:text-foreground" href="/expo-ui/chat"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-messages-square h-4 w-4 shrink-0 text-muted-foreground"><path d="M14 9a2 2 0 0 1-2 2H6l-4 4V4c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2z"></path><path d="M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1"></path></svg><span class="flex-1">Chat</span><span class="hidden lg:inline text-xs tabular-nums text-muted-foreground/60">2</span></a></li><li class="shrink-0"><a class="group flex items-center gap-2.5 rounded-md px-3 py-2 text-sm transition-colors whitespace-nowrap text-muted-foreground hover:bg-muted/60 hover:text-foreground" href="/expo-ui/shared"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-4 w-4 shrink-0 text-muted-foreground"><path d="m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z"></path><path d="m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65"></path><path d="m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65"></path></svg><span class="flex-1">Shared</span><span class="hidden lg:inline text-xs tabular-nums text-muted-foreground/60">4</span></a></li></ul></nav><div class="min-w-0 flex-1"><div><div class="border-b pb-10"><span class="inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-xs font-medium text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smartphone h-3.5 w-3.5"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg> React Native · Expo · NativeWind</span><h1 class="mt-5 text-4xl font-semibold tracking-tight sm:text-5xl">Expo UI</h1><p class="mt-4 max-w-xl text-[15px] leading-relaxed text-muted-foreground">78<!-- --> production-ready React Native components, rendered live in your browser and copy-pasteable as real mobile source. Drop them straight into your Expo app.</p><div class="mt-6 flex flex-wrap items-center gap-x-6 gap-y-2 text-sm text-muted-foreground"><span class="inline-flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap h-4 w-4"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg> Live previews</span><span class="inline-flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy h-4 w-4"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg> Copy the real source</span><span class="inline-flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smartphone h-4 w-4"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg> <!-- -->15<!-- --> categories</span></div></div><div class="mt-8 grid grid-cols-1 gap-3 sm:grid-cols-2">
1<a class="group flex items-center gap-4 rounded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40" href="/expo-ui/auth"><div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-log-in h-[18px] w-[18px]"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path><polyline points="10 17 15 12 10 7"></polyline><line x1="15" x2="3" y1="12" y2="12"></line></svg></div><div class="min-w-0 flex-1"><div class="flex items-baseline gap-2"><h3 class="text-sm font-medium">Auth &amp; Onboarding</h3><span class="text-xs tabular-nums text-muted-foreground">6</span></div><p class="truncate text-[13px] text-muted-foreground">Full onboarding, login, register, OTP &amp; password screens.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a>
1<a class="group flex items-center gap-4 rounded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40" href="/expo-ui/shop"><div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-store h-[18px] w-[18px]"><path d="m2 7 4.41-4.41A2 2 0 0 1 7.83 2h8.34a2 2 0 0 1 1.42.59L22 7"></path><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"></path><path d="M15 22v-4a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v4"></path><path d="M2 7h20"></path><path d="M22 7v3a2 2 0 0 1-2 2a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 16 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 12 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 8 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 4 12a2 2 0 0 1-2-2V7"></path></svg></div><div class="min-w-0 flex-1"><div class="flex items-baseline gap-2"><h3 class="text-sm font-medium">Shop Screens</h3><span class="text-xs tabular-nums text-muted-foreground">5</span></div><p class="truncate text-[13px] text-muted-foreground">Home feed, product detail, cart, wishlist, search screens.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a>
1<a class="group flex items-center gap-4 rounded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40" href="/expo-ui/checkout"><div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-credit-card h-[18px] w-[18px]"><rect width="20" height="14" x="2" y="5" rx="2"></rect><line x1="2" x2="22" y1="10" y2="10"></line></svg></div><div class="min-w-0 flex-1"><div class="flex items-baseline gap-2"><h3 class="text-sm font-medium">Checkout</h3><span class="text-xs tabular-nums text-muted-foreground">5</span></div><p class="truncate text-[13px] text-muted-foreground">Full checkout flow: address, payment, review, success.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a>
1<a class="group flex items-center gap-4 rounded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40" href="/expo-ui/account"><div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-round h-[18px] w-[18px]"><circle cx="12" cy="8" r="5"></circle><path d="M20 21a8 8 0 0 0-16 0"></path></svg></div><div class="min-w-0 flex-1"><div class="flex items-baseline gap-2"><h3 class="text-sm font-medium">Account</h3><span class="text-xs tabular-nums text-muted-foreground">4</span></div><p class="truncate text-[13px] text-muted-foreground">Profile, orders, wallet and edit-profile screens.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a>
1<a class="group flex items-center gap-4 rounded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40" href="/expo-ui/dashboard"><div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-dashboard h-[18px] w-[18px]"><rect width="7" height="9" x="3" y="3" rx="1"></rect><rect width="7" height="5" x="14" y="3" rx="1"></rect><rect width="7" height="9" x="14" y="12" rx="1"></rect><rect width="7" height="5" x="3" y="16" rx="1"></rect></svg></div><div class="min-w-0 flex-1"><div class="flex items-baseline gap-2"><h3 class="text-sm font-medium">Dashboard &amp; Charts</h3><span class="text-xs tabular-nums text-muted-foreground">6</span></div><p class="truncate text-[13px] text-muted-foreground">Stat cards, bar/line/donut charts, data tables, dashboard.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a>
1<a class="group flex items-center gap-4 rounded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40" href="/expo-ui/ui"><div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-grid h-[18px] w-[18px]"><rect width="7" height="7" x="3" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="14" rx="1"></rect><rect width="7" height="7" x="3" y="14" rx="1"></rect></svg></div><div class="min-w-0 flex-1"><div class="flex items-baseline gap-2"><h3 class="text-sm font-medium">UI Primitives</h3><span class="text-xs tabular-nums text-muted-foreground">16</span></div><p class="truncate text-[13px] text-muted-foreground">Buttons, inputs, badges, avatars, cards, sheets, timers.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a>
1<a class="group flex items-center gap-4 rounded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40" href="/expo-ui/product"><div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-[18px] w-[18px]"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"></path><path d="M3 6h18"></path><path d="M16 10a4 4 0 0 1-8 0"></path></svg></div><div class="min-w-0 flex-1"><div class="flex items-baseline gap-2"><h3 class="text-sm font-medium">Product</h3><span class="text-xs tabular-nums text-muted-foreground">7</span></div><p class="truncate text-[13px] text-muted-foreground">Cards, galleries, size &amp; color selectors, add-to-cart.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a>
1<a class="group flex items-center gap-4 rounded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40" href="/expo-ui/home"><div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house h-[18px] w-[18px]"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg></div><div class="min-w-0 flex-1"><div class="flex items-baseline gap-2"><h3 class="text-sm font-medium">Home</h3><span class="text-xs tabular-nums text-muted-foreground">11</span></div><p class="truncate text-[13px] text-muted-foreground">Hero banners, promos, category circles, coupons.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a>
1<a class="group flex items-center gap-4 rounded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40" href="/expo-ui/category"><div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grid3x3 h-[18px] w-[18px]"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M3 15h18"></path><path d="M9 3v18"></path><path d="M15 3v18"></path></svg></div><div class="min-w-0 flex-1"><div class="flex items-baseline gap-2"><h3 class="text-sm font-medium">Category</h3><span class="text-xs tabular-nums text-muted-foreground">2</span></div><p class="truncate text-[13px] text-muted-foreground">Subcategory grids and sidebar menus.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a>
1<a class="group flex items-center gap-4 rounded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40" href="/expo-ui/navigation"><div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-panel-top h-[18px] w-[18px]"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path></svg></div><div class="min-w-0 flex-1"><div class="flex items-baseline gap-2"><h3 class="text-sm font-medium">Navigation</h3><span class="text-xs tabular-nums text-muted-foreground">3</span></div><p class="truncate text-[13px] text-muted-foreground">Filter/sort bars, product headers, filter sheets.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a>
1<a class="group flex items-center gap-4 rounded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40" href="/expo-ui/cart"><div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-cart h-[18px] w-[18px]"><circle cx="8" cy="21" r="1"></circle><circle cx="19" cy="21" r="1"></circle><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"></path></svg></div><div class="min-w-0 flex-1"><div class="flex items-baseline gap-2"><h3 class="text-sm font-medium">Cart</h3><span class="text-xs tabular-nums text-muted-foreground">2</span></div><p class="truncate text-[13px] text-muted-foreground">Cart items and remove-item sheets.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a>
1<a class="group flex items-center gap-4 rounded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40" href="/expo-ui/order"><div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-package h-[18px] w-[18px]"><path d="m7.5 4.27 9 5.15"></path><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"></path><path d="m3.3 7 8.7 5 8.7-5"></path><path d="M12 22V12"></path></svg></div><div class="min-w-0 flex-1"><div class="flex items-baseline gap-2"><h3 class="text-sm font-medium">Orders</h3><span class="text-xs tabular-nums text-muted-foreground">2</span></div><p class="truncate text-[13px] text-muted-foreground">Order cards and delivery timelines.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a>
1<a class="group flex items-center gap-4 rounded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40" href="/expo-ui/rewards"><div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gift h-[18px] w-[18px]"><rect x="3" y="8" width="18" height="4" rx="1"></rect><path d="M12 8v13"></path><path d="M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7"></path><path d="M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5"></path></svg></div><div class="min-w-0 flex-1"><div class="flex items-baseline gap-2"><h3 class="text-sm font-medium">Rewards</h3><span class="text-xs tabular-nums text-muted-foreground">3</span></div><p class="truncate text-[13px] text-muted-foreground">Points cards, tier progress, referral codes.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a>
1<a class="group flex items-center gap-4 rounded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40" href="/expo-ui/chat"><div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-messages-square h-[18px] w-[18px]"><path d="M14 9a2 2 0 0 1-2 2H6l-4 4V4c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2z"></path><path d="M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1"></path></svg></div><div class="min-w-0 flex-1"><div class="flex items-baseline gap-2"><h3 class="text-sm font-medium">Chat</h3><span class="text-xs tabular-nums text-muted-foreground">2</span></div><p class="truncate text-[13px] text-muted-foreground">Chat bubbles and voice messages.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a>
1<a class="group flex items-center gap-4 rounded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40" href="/expo-ui/shared"><div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-[18px] w-[18px]"><path d="m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z"></path><path d="m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65"></path><path d="m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65"></path></svg></div><div class="min-w-0 flex-1"><div class="flex items-baseline gap-2"><h3 class="text-sm font-medium">Shared</h3><span class="text-xs tabular-nums text-muted-foreground">4</span></div><p class="truncate text-[13px] text-muted-foreground">Screen headers, price displays, OTP inputs.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div></div></div></div><!--/$-->
1<script src="/_next/static/chunks/webpack-94234709a94d5065.js" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script>
1<script>self.__next_f.push([1,"1:HL[\"/_next/static/media/e11418ac562b8ac1-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:HL[\"/_next/static/css/244df255260e032e.css\",\"style\"]\n4:HL[\"/_next/static/css/d3e21b62404387e9.css\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"5:I[24379,[],\"\"]\n7:I[77322,[\"7322\",\"static/chunks/7322-c9f99936df66abf9.js\",\"431\",\"static/chunks/app/(ui)/expo-ui/page-1e4e11c7f75c8457.js\"],\"\"]\n8:I[75123,[\"3313\",\"static/chunks/3313-65539b3bc7462427.js\",\"7322\",\"static/chunks/7322-c9f99936df66abf9.js\",\"2771\",\"static/chunks/app/(ui)/expo-ui/layout-5338eb4a6dd6dabf.js\"],\"default\"]\n9:I[41424,[],\"\"]\na:I[56555,[],\"\"]\nc:I[52031,[\"5282\",\"static/chunks/15bf73b2-ead874a97dfa7138.js\",\"9140\",\"static/chunks/9140-aebc6bc65c97efe4.js\",\"2544\",\"static/chunks/2544-8f19f6c8b474f945.js\",\"3185\",\"static/chunks/app/layout-b8bb3ec6edb2534d.js\"],\"PHProvider\"]\nd:I[33324,[\"5282\",\"static/chunks/15bf73b2-ead874a97dfa7138.js\",\"9140\",\"static/chunks/9140-aebc6bc65c97efe4.js\",\"2544\",\"static/chunks/2544-8f19f6c8b474f945.js\",\"3185\",\"static/chunks/app/layout-b8bb3ec6edb2534d.js\"],\"NextSSRPlugin\"]\ne:I[94938,[\"5282\",\"static/chunks/15bf73b2-ead874a97dfa7138.js\",\"9140\",\"static/chunks/9140-aebc6bc65c97efe4.js\",\"2544\",\"static/chunks/2544-8f19f6c8b474f945.js\",\"3185\",\"static/chunks/app/layout-b8bb3ec6edb2534d.js\"],\"ThemeProvider\"]\nf:I[69520,[\"5282\",\"static/chunks/15bf73b2-ead874a97dfa7138.js\",\"9140\",\"static/chunks/9140-aebc6bc65c97efe4.js\",\"2544\",\"static/chunks/2544-8f19f6c8b474f945.js\",\"3185\",\"static/chunks/app/layout-b8bb3ec6edb2534d.js\"],\"default\"]\n10:I[49140,[\"5282\",\"static/chunks/15bf73b2-ead874a97dfa7138.js\",\"9140\",\"static/chunks/9140-aebc6bc65c97efe4.js\",\"2544\",\"static/chunks/2544-8f19f6c8b474f945.js\",\"3185\",\"static/chunks/app/layout-b8bb3ec6edb2534d.js\"],\"Toaster\"]\n11:\"$Sreact.suspense\"\n12:I[16866,[\"5282\",\"static/chunks/15bf73b2-ead874a97dfa7138.js\",\"9140\",\"static/chunks/9140-aebc6bc65c97efe4.js\",\"2544\",\"static/chunks/2544-8f19f6c8b474f945.js\",\"3185\",\"static/chunks/app/layout-b8bb3ec6edb2534d.js\"],\"BailoutToCSR\"]\n13:I[97242,[\"5282\",\"static/chunks/15bf73b2-ead874a97dfa7138.js\",\"9140\",\"static/chunks/9140-aebc6bc65c97efe4.js\",\"2544\",\"static/chunks/2544-8f19f6c8b474f945.js\",\"3185\",\"static/chunks/app/layout-b8bb3ec6edb2534d.js\"],\"default\"]\n14:I[94003,[\"7322\",\"static/chunks/7322-c9f99936df66abf9.js\",\"40"])</script>
1<script>self.__next_f.push([1,"03\",\"static/chunks/4003-f609b25b822d0300.js\",\"9160\",\"static/chunks/app/not-found-09d81da298d6989a.js\"],\"Image\"]\n15:I[9844,[\"5282\",\"static/chunks/15bf73b2-ead874a97dfa7138.js\",\"9140\",\"static/chunks/9140-aebc6bc65c97efe4.js\",\"2544\",\"static/chunks/2544-8f19f6c8b474f945.js\",\"3185\",\"static/chunks/app/layout-b8bb3ec6edb2534d.js\"],\"Analytics\"]\n16:I[32171,[\"8555\",\"static/chunks/app/loading-9ac727cef2736f45.js\"],\"default\"]\n18:I[2751,[],\"\"]\n19:[]\n"])</script>
1<script>self.__next_f.push([1,"0:[\"$\",\"$L5\",null,{\"buildId\":\"_-0C6EIFLagbwGut7u52n\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"expo-ui\"],\"initialTree\":[\"\",{\"children\":[\"(ui)\",{\"children\":[\"expo-ui\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"(ui)\",{\"children\":[\"expo-ui\",{\"children\":[\"__PAGE__\",{},[[\"$L6\",[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"border-b pb-10\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-xs font-medium text-muted-foreground\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-smartphone h-3.5 w-3.5\",\"children\":[[\"$\",\"rect\",\"1yt0o3\",{\"width\":\"14\",\"height\":\"20\",\"x\":\"5\",\"y\":\"2\",\"rx\":\"2\",\"ry\":\"2\"}],[\"$\",\"path\",\"mhygvu\",{\"d\":\"M12 18h.01\"}],\"$undefined\"]}],\" React Native · Expo · NativeWind\"]}],[\"$\",\"h1\",null,{\"className\":\"mt-5 text-4xl font-semibold tracking-tight sm:text-5xl\",\"children\":\"Expo UI\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 max-w-xl text-[15px] leading-relaxed text-muted-foreground\",\"children\":[78,\" production-ready React Native components, rendered live in your browser and copy-pasteable as real mobile source. Drop them straight into your Expo app.\"]}],[\"$\",\"div\",null,{\"className\":\"mt-6 flex flex-wrap items-center gap-x-6 gap-y-2 text-sm text-muted-foreground\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1.5\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-zap h-4 w-4\",\"children\":[[\"$\",\"path\",\"1xq2db\",{\"d\":\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\"}],\"$undefined\"]}],\" Live previews\"]}],[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1.5\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-copy h-4 w-4\",\"children\":[[\"$\",\"rect\",\"17jyea\",{\"width\":\"14\",\"height\":\"14\",\"x\":\"8\",\"y\":\"8\",\"rx\":\"2\",\"ry\":\"2\"}],[\"$\",\"path\",\"zix9uf\",{\"d\":\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"}],\"$undefined\"]}],\" Copy the real source\"]}],[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1.5\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-smartphone h-4 w-4\",\"children\":[[\"$\",\"rect\",\"1yt0o3\",{\"width\":\"14\",\"height\":\"20\",\"x\":\"5\",\"y\":\"2\",\"rx\":\"2\",\"ry\":\"2\"}],[\"$\",\"path\",\"mhygvu\",{\"d\":\"M12 18h.01\"}],\"$undefined\"]}],\" \",15,\" categories\"]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-8 grid grid-cols-1 gap-3 sm:grid-cols-2\",\"children\":[[\"$\",\"$L7\",\"auth\",{\"href\":\"/expo-ui/auth\",\"className\":\"group flex items-center gap-4 roun
1ded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-log-in h-[18px] w-[18px]\",\"children\":[[\"$\",\"path\",\"u53s6r\",{\"d\":\"M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4\"}],[\"$\",\"polyline\",\"1ail0h\",{\"points\":\"10 17 15 12 10 7\"}],[\"$\",\"line\",\"v6grx8\",{\"x1\":\"15\",\"x2\":\"3\",\"y1\":\"12\",\"y2\":\"12\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline gap-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-sm font-medium\",\"children\":\"Auth \u0026 Onboarding\"}],[\"$\",\"span\",null,{\"className\":\"text-xs tabular-nums text-muted-foreground\",\"children\":6}]]}],[\"$\",\"p\",null,{\"className\":\"truncate text-[13px] text-muted-foreground\",\"children\":\"Full onboarding, login, register, OTP \u0026 password screens.\"}]]}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}],[\"$\",\"$L7\",\"shop\",{\"href\":\"/expo-ui/shop\",\"className\":\"group flex items-center gap-4 roun
1ded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-store h-[18px] w-[18px]\",\"children\":[[\"$\",\"path\",\"ztvudi\",{\"d\":\"m2 7 4.41-4.41A2 2 0 0 1 7.83 2h8.34a2 2 0 0 1 1.42.59L22 7\"}],[\"$\",\"path\",\"1b2hhj\",{\"d\":\"M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8\"}],[\"$\",\"path\",\"2ebpfo\",{\"d\":\"M15 22v-4a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v4\"}],[\"$\",\"path\",\"1fcdvo\",{\"d\":\"M2 7h20\"}],[\"$\",\"path\",\"6c3vgh\",{\"d\":\"M22 7v3a2 2 0 0 1-2 2a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 16 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 12 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 8 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 4 12a2 2 0 0 1-2-2V7\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline gap-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-sm font-medium\",\"children\":\"Shop Screens\"}],[\"$\",\"span\",null,{\"className\":\"text-xs tabular-nums text-muted-foreground\",\"children\":5}]]}],[\"$\",\"p\",null,{\"className\":\"truncate text-[13px] text-muted-foreground\",\"children\":\"Home feed, product detail, cart, wishlist, search screens.\"}]]}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}],[\"$\",\"$L7\",\"checkout\",{\"href\":\"/expo-ui/checkout\",\"className\":\"group flex items-center gap-4 roun
1ded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-credit-card h-[18px] w-[18px]\",\"children\":[[\"$\",\"rect\",\"ynyp8z\",{\"width\":\"20\",\"height\":\"14\",\"x\":\"2\",\"y\":\"5\",\"rx\":\"2\"}],[\"$\",\"line\",\"1b3vmo\",{\"x1\":\"2\",\"x2\":\"22\",\"y1\":\"10\",\"y2\":\"10\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline gap-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-sm font-medium\",\"children\":\"Checkout\"}],[\"$\",\"span\",null,{\"className\":\"text-xs tabular-nums text-muted-foreground\",\"children\":5}]]}],[\"$\",\"p\",null,{\"className\":\"truncate text-[13px] text-muted-foreground\",\"children\":\"Full checkout flow: address, payment, review, success.\"}]]}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}],[\"$\",\"$L7\",\"account\",{\"href\":\"/expo-ui/account\",\"className\":\"group flex items-center gap-4 roun
1ded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-user-round h-[18px] w-[18px]\",\"children\":[[\"$\",\"circle\",\"1hypcn\",{\"cx\":\"12\",\"cy\":\"8\",\"r\":\"5\"}],[\"$\",\"path\",\"rfgkzh\",{\"d\":\"M20 21a8 8 0 0 0-16 0\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline gap-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-sm font-medium\",\"children\":\"Account\"}],[\"$\",\"span\",null,{\"className\":\"text-xs tabular-nums text-muted-foreground\",\"children\":4}]]}],[\"$\",\"p\",null,{\"className\":\"truncate text-[13px] text-muted-foreground\",\"children\":\"Profile, orders, wallet and edit-profile screens.\"}]]}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}],[\"$\",\"$L7\",\"dashboard\",{\"href\":\"/expo-ui/dashboard\",\"className\":\"group flex items-center gap-4 roun
1ded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-layout-dashboard h-[18px] w-[18px]\",\"children\":[[\"$\",\"rect\",\"10lvy0\",{\"width\":\"7\",\"height\":\"9\",\"x\":\"3\",\"y\":\"3\",\"rx\":\"1\"}],[\"$\",\"rect\",\"16une8\",{\"width\":\"7\",\"height\":\"5\",\"x\":\"14\",\"y\":\"3\",\"rx\":\"1\"}],[\"$\",\"rect\",\"1hutg5\",{\"width\":\"7\",\"height\":\"9\",\"x\":\"14\",\"y\":\"12\",\"rx\":\"1\"}],[\"$\",\"rect\",\"ldoo1y\",{\"width\":\"7\",\"height\":\"5\",\"x\":\"3\",\"y\":\"16\",\"rx\":\"1\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline gap-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-sm font-medium\",\"children\":\"Dashboard \u0026 Charts\"}],[\"$\",\"span\",null,{\"className\":\"text-xs tabular-nums text-muted-foreground\",\"children\":6}]]}],[\"$\",\"p\",null,{\"className\":\"truncate text-[13px] text-muted-foreground\",\"children\":\"Stat cards, bar/line/donut charts, data tables, dashboard.\"}]]}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}],[\"$\",\"$L7\",\"ui\",{\"href\":\"/expo-ui/ui\",\"className\":\"group flex items-center gap-4 roun
1ded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-layout-grid h-[18px] w-[18px]\",\"children\":[[\"$\",\"rect\",\"1g98yp\",{\"width\":\"7\",\"height\":\"7\",\"x\":\"3\",\"y\":\"3\",\"rx\":\"1\"}],[\"$\",\"rect\",\"6d4xhi\",{\"width\":\"7\",\"height\":\"7\",\"x\":\"14\",\"y\":\"3\",\"rx\":\"1\"}],[\"$\",\"rect\",\"nxv5o0\",{\"width\":\"7\",\"height\":\"7\",\"x\":\"14\",\"y\":\"14\",\"rx\":\"1\"}],[\"$\",\"rect\",\"1bb6yr\",{\"width\":\"7\",\"height\":\"7\",\"x\":\"3\",\"y\":\"14\",\"rx\":\"1\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline gap-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-sm font-medium\",\"children\":\"UI Primitives\"}],[\"$\",\"span\",null,{\"className\":\"text-xs tabular-nums text-muted-foreground\",\"children\":16}]]}],[\"$\",\"p\",null,{\"className\":\"truncate text-[13px] text-muted-foreground\",\"children\":\"Buttons, inputs, badges, avatars, cards, sheets, timers.\"}]]}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}],[\"$\",\"$L7\",\"product\",{\"href\":\"/expo-ui/product\",\"className\":\"group flex items-center gap-4 roun
1ded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-shopping-bag h-[18px] w-[18px]\",\"children\":[[\"$\",\"path\",\"hou9p0\",{\"d\":\"M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z\"}],[\"$\",\"path\",\"d0wm0j\",{\"d\":\"M3 6h18\"}],[\"$\",\"path\",\"1ltviw\",{\"d\":\"M16 10a4 4 0 0 1-8 0\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline gap-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-sm font-medium\",\"children\":\"Product\"}],[\"$\",\"span\",null,{\"className\":\"text-xs tabular-nums text-muted-foreground\",\"children\":7}]]}],[\"$\",\"p\",null,{\"className\":\"truncate text-[13px] text-muted-foreground\",\"children\":\"Cards, galleries, size \u0026 color selectors, add-to-cart.\"}]]}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}],[\"$\",\"$L7\",\"home\",{\"href\":\"/expo-ui/home\",\"className\":\"group flex items-center gap-4 roun
1ded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-house h-[18px] w-[18px]\",\"children\":[[\"$\",\"path\",\"5wwlr5\",{\"d\":\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"}],[\"$\",\"path\",\"1d0kgt\",{\"d\":\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline gap-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-sm font-medium\",\"children\":\"Home\"}],[\"$\",\"span\",null,{\"className\":\"text-xs tabular-nums text-muted-foreground\",\"children\":11}]]}],[\"$\",\"p\",null,{\"className\":\"truncate text-[13px] text-muted-foreground\",\"children\":\"Hero banners, promos, category circles, coupons.\"}]]}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}],[\"$\",\"$L7\",\"category\",{\"href\":\"/expo-ui/category\",\"className\":\"group flex items-center gap-4 roun
1ded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-grid3x3 h-[18px] w-[18px]\",\"children\":[[\"$\",\"rect\",\"afitv7\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"3\",\"rx\":\"2\"}],[\"$\",\"path\",\"1pudct\",{\"d\":\"M3 9h18\"}],[\"$\",\"path\",\"5xshup\",{\"d\":\"M3 15h18\"}],[\"$\",\"path\",\"fh3hqa\",{\"d\":\"M9 3v18\"}],[\"$\",\"path\",\"14nvp0\",{\"d\":\"M15 3v18\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline gap-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-sm font-medium\",\"children\":\"Category\"}],[\"$\",\"span\",null,{\"className\":\"text-xs tabular-nums text-muted-foreground\",\"children\":2}]]}],[\"$\",\"p\",null,{\"className\":\"truncate text-[13px] text-muted-foreground\",\"children\":\"Subcategory grids and sidebar menus.\"}]]}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}],[\"$\",\"$L7\",\"navigation\",{\"href\":\"/expo-ui/navigation\",\"className\":\"group flex items-center gap-4 roun
1ded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-panel-top h-[18px] w-[18px]\",\"children\":[[\"$\",\"rect\",\"afitv7\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"3\",\"rx\":\"2\"}],[\"$\",\"path\",\"1pudct\",{\"d\":\"M3 9h18\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline gap-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-sm font-medium\",\"children\":\"Navigation\"}],[\"$\",\"span\",null,{\"className\":\"text-xs tabular-nums text-muted-foreground\",\"children\":3}]]}],[\"$\",\"p\",null,{\"className\":\"truncate text-[13px] text-muted-foreground\",\"children\":\"Filter/sort bars, product headers, filter sheets.\"}]]}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}],[\"$\",\"$L7\",\"cart\",{\"href\":\"/expo-ui/cart\",\"className\":\"group flex items-center gap-4 roun
1ded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-shopping-cart h-[18px] w-[18px]\",\"children\":[[\"$\",\"circle\",\"jimo8o\",{\"cx\":\"8\",\"cy\":\"21\",\"r\":\"1\"}],[\"$\",\"circle\",\"13723u\",{\"cx\":\"19\",\"cy\":\"21\",\"r\":\"1\"}],[\"$\",\"path\",\"9zh506\",{\"d\":\"M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline gap-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-sm font-medium\",\"children\":\"Cart\"}],[\"$\",\"span\",null,{\"className\":\"text-xs tabular-nums text-muted-foreground\",\"children\":2}]]}],[\"$\",\"p\",null,{\"className\":\"truncate text-[13px] text-muted-foreground\",\"children\":\"Cart items and remove-item sheets.\"}]]}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}],[\"$\",\"$L7\",\"order\",{\"href\":\"/expo-ui/order\",\"className\":\"group flex items-center gap-4 roun
1ded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-package h-[18px] w-[18px]\",\"children\":[[\"$\",\"path\",\"1c824w\",{\"d\":\"m7.5 4.27 9 5.15\"}],[\"$\",\"path\",\"hh9hay\",{\"d\":\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"}],[\"$\",\"path\",\"g66t2b\",{\"d\":\"m3.3 7 8.7 5 8.7-5\"}],[\"$\",\"path\",\"d0xqtd\",{\"d\":\"M12 22V12\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline gap-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-sm font-medium\",\"children\":\"Orders\"}],[\"$\",\"span\",null,{\"className\":\"text-xs tabular-nums text-muted-foreground\",\"children\":2}]]}],[\"$\",\"p\",null,{\"className\":\"truncate text-[13px] text-muted-foreground\",\"children\":\"Order cards and delivery timelines.\"}]]}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}],[\"$\",\"$L7\",\"rewards\",{\"href\":\"/expo-ui/rewards\",\"className\":\"group flex items-center gap-4 roun
1ded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-gift h-[18px] w-[18px]\",\"children\":[[\"$\",\"rect\",\"bkv52\",{\"x\":\"3\",\"y\":\"8\",\"width\":\"18\",\"height\":\"4\",\"rx\":\"1\"}],[\"$\",\"path\",\"1c76mn\",{\"d\":\"M12 8v13\"}],[\"$\",\"path\",\"6wjy6b\",{\"d\":\"M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7\"}],[\"$\",\"path\",\"1ihvrl\",{\"d\":\"M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline gap-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-sm font-medium\",\"children\":\"Rewards\"}],[\"$\",\"span\",null,{\"className\":\"text-xs tabular-nums text-muted-foreground\",\"children\":3}]]}],[\"$\",\"p\",null,{\"className\":\"truncate text-[13px] text-muted-foreground\",\"children\":\"Points cards, tier progress, referral codes.\"}]]}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}],[\"$\",\"$L7\",\"chat\",{\"href\":\"/expo-ui/chat\",\"className\":\"group flex items-center gap-4 roun
1ded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-messages-square h-[18px] w-[18px]\",\"children\":[[\"$\",\"path\",\"jj09z8\",{\"d\":\"M14 9a2 2 0 0 1-2 2H6l-4 4V4c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2z\"}],[\"$\",\"path\",\"1cx29u\",{\"d\":\"M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline gap-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-sm font-medium\",\"children\":\"Chat\"}],[\"$\",\"span\",null,{\"className\":\"text-xs tabular-nums text-muted-foreground\",\"children\":2}]]}],[\"$\",\"p\",null,{\"className\":\"truncate text-[13px] text-muted-foreground\",\"children\":\"Chat bubbles and voice messages.\"}]]}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}],[\"$\",\"$L7\",\"shared\",{\"href\":\"/expo-ui/shared\",\"className\":\"group flex items-center gap-4 roun
1ded-xl border bg-card p-4 transition-colors hover:border-foreground/20 hover:bg-muted/40\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border bg-background text-foreground\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-layers h-[18px] w-[18px]\",\"children\":[[\"$\",\"path\",\"8b97xw\",{\"d\":\"m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z\"}],[\"$\",\"path\",\"dd6zsq\",{\"d\":\"m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65\"}],[\"$\",\"path\",\"ep9fru\",{\"d\":\"m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline gap-2\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-sm font-medium\",\"children\":\"Shared\"}],[\"$\",\"span\",null,{\"className\":\"text-xs tabular-nums text-muted-foreground\",\"children\":4}]]}],[\"$\",\"p\",null,{\"className\":\"truncate text-[13px] text-muted-foreground\",\"children\":\"Screen headers, price displays, OTP inputs.\"}]]}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 shrink-0 text-muted-foreground/40 transition-transform group-hover:translate-x-0.5 group-hover:text-foreground\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]]}]]}],null],null],null]},[[null,[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-7xl px-4 py-6 lg:py-10\",\"children\":[\"$\",\"div\",null,{\"className\":\"lg:flex lg:gap-10\",\"children\":[[\"$\",\"$L8\",null,{}],[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\",\"children\":[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(ui)\",\"children\",\"expo-ui\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$La\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]}]]}]}]],null],null]},[[null,\"$Lb\"],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/244df255260e032e.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/d3e21b62404387e9.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"__className_3a0388\",\"children\":[\"$\",\"$Lc\",null,{\"children\":[[\"$\",\"$Ld\",null,{\"routerConfig\":[{\"slug\":\"categoryImage\",\"config\":{\"image\":{\"maxFileSize\":\"1MB\",\"maxFileCount\":1,\"minFileCount\":1,\"contentDisposition\":\"inline\"}}},{\"slug\":\"templateThumbnail\",\"config\":{\"image\":{\"maxFileSize\":\"1MB\",\"maxFileCount\":1,\"minFileCount\":1,\"contentDisposition\":\"inline\"}}},{\"slug\":\"screenShots\",\"config\":{\"image\":{\"maxFileSize\":\"1MB\",\"maxFileCount\":3,\"minFileCount\":1,\"contentDisposition\":\"inline\"}}},{\"slug\":\"templateZipFile\",\"config\":{\"application/zip\":{\"maxFileSize\":\"1MB\",\"maxFileCount\":1,\"minFileCount\":1,\"contentDisposition\":\"inline\"}}}]}],[\"$\",\"$Le\",null,{\"attribute\":\"class\",\"defaultTheme\":\"system\",\"enableSystem\":true,\"disableTransitionOnChange\":true,\"children\":[\"$\",\"$Lf\",null,{\"children\":[[\"$\",\"$L10\",null,{\"position\":\"top-center\",\"reverseOrder\":false}],[\"$\",\"$11\",null,{\"fallback\":null,\"children\":[\"$\",\"$L12\",null,{\"reason\":\"next/dynamic\",\"children\":[\"$\",\"$L13\",null,{}]}]}],[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$La\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$\",\"div\",null,{\"className\":\"max-w-3xl mx-auto 
1space-y-3 flex flex-col justify-center items-center py-8\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl\",\"children\":\"Page Not Found\"}],[\"$\",\"div\",null,{\"className\":\"\",\"children\":[\"$\",\"h2\",null,{\"className\":\"scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0 text-balance\",\"children\":\"The page your looking for does not exist\"}]}],[\"$\",\"p\",null,{\"className\":\"max-w-xl\",\"children\":[\"You must have typed in a wrong address or the page was removed, in the meantime try again or\",\" \",[\"$\",\"$L7\",null,{\"href\":\"/\",\"className\":\"text-blue-600\",\"children\":\"return to the home page\"}]]}],[\"$\",\"$L14\",null,{\"className\":\"w-96\",\"src\":\"/404.jpg\",\"width\":740,\"height\":740,\"alt\":\"404\"}]]}],\"notFoundStyles\":[]}],[\"$\",\"$L15\",null,{}]]}]}]]}]}]}]],null],[[\"$\",\"$L16\",null,{}],[],[]]],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L17\"],\"globalErrorComponent\":\"$18\",\"missingSlots\":\"$W19\"}]\n"])</script>
1<script>self.__next_f.push([1,"1a:I[86549,[\"8014\",\"static/chunks/ca9a4ea3-a55e91ee77faebc6.js\",\"3313\",\"static/chunks/3313-65539b3bc7462427.js\",\"7322\",\"static/chunks/7322-c9f99936df66abf9.js\",\"9354\",\"static/chunks/9354-bb5c4bf0e80a8d88.js\",\"5502\",\"static/chunks/5502-bff522b3a85f7b1f.js\",\"4074\",\"static/chunks/4074-6d8ed2c93020fdba.js\",\"9953\",\"static/chunks/9953-f43650487d39e180.js\",\"1895\",\"static/chunks/1895-38962eed21983c9f.js\",\"7998\",\"static/chunks/7998-fbcd8ad79fdce1fd.js\",\"2544\",\"static/chunks/2544-8f19f6c8b474f945.js\",\"8676\",\"static/chunks/8676-6ec79de272340b83.js\",\"6549\",\"static/chunks/6549-8ea56fee54461da1.js\",\"9270\",\"static/chunks/app/(ui)/layout-fd060c9fdf5ba570.js\"],\"default\"]\nb:[\"$\",\"div\",null,{\"className\":\"bg-background\",\"children\":[[\"$\",\"$L1a\",null,{\"session\":null}],[\"$\",\"div\",null,{\"className\":\"pt-16\",\"children\":[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(ui)\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$La\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]}]]}]\n17:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"Create Next App\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Generated by create next app\"}],[\"$\",\"link\",\"4\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"16x16\"}],[\"$\",\"meta\",\"5\",{\"name\":\"next-size-adjust\"}]]\n6:null\n"])</script>
1</body></html>
1<script>globalThis.__UPLOADTHING = [{"slug":"categoryImage","config":{"image":{"maxFileSize":"1MB","maxFileCount":1,"minFileCount":1,"contentDisposition":"inline"}}},{"slug":"templateThumbnail","config":{"image":{"maxFileSize":"1MB","maxFileCount":1,"minFileCount":1,"contentDisposition":"inline"}}},{"slug":"screenShots","config":{"image":{"maxFileSize":"1MB","maxFileCount":3,"minFileCount":1,"contentDisposition":"inline"}}},{"slug":"templateZipFile","config":{"application/zip":{"maxFileSize":"1MB","maxFileCount":1,"minFileCount":1,"contentDisposition":"inline"}}}];</script>

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.