https://supabase.com/

ID de exploración:
0f872f29-e889-4967-9b98-2dbf196954e7Finalizado
URL enviada:
https://supabase.co/Redireccionado
Informe finalizado:

Enlaces: 32 encontrados

Los enlaces salientes identificados en la página

EnlaceTEXTO
https://github.com/supabase/supabase73.4K
https://github.com/supabase/supabase/tree/master/examplesOfficial GitHub library
https://github.com/vercel/nextjs-subscription-paymentsNext.js logoStripe logoVercel logoStripe Subscriptions StarterThe all-in-one subscription starter kit for high-performance SaaS applications, powered by Stripe, Supabase, and Vercel.View Template
https://github.com/vercel/next.js/tree/canary/examples/with-supabaseNext.js logoVercel logoNext.js StarterA Next.js App Router template configured with cookie-based auth using Supabase, TypeScript and Tailwind CSS.View Template
https://github.com/supabase-community/vercel-ai-chatbotNext.js logoOpenAI logoVercel logoAI ChatbotAn open-source AI chatbot app template built with Next.js, the Vercel AI SDK, OpenAI, and Supabase.View Template
https://github.com/langchain-ai/langchain-nextjs-templateLangChain logoNext.js logoLangChain + Next.js StarterStarter template and example use-cases for LangChain projects in Next.js, including chat, agents, and retrieval.View Template
https://github.com/supabase/supabase/tree/master/examples/user-management/flutter-user-managementFlutter logoFlutter User ManagementGet started with Supabase and Flutter by building a user management app with auth, file storage, and database.View Template
https://github.com/supabase-community/create-t3-turboExpo logoExpo React Native StarterAn extended version of create-t3-turbo implementing authentication on both the web and mobile applications.View Template
https://github.com/supabase/supabase/discussionsGitHub discussions
https://twitter.com/thatguy_tex/status/1497602628410388480@thatguy_tex"Working with @supabase has been one of the best dev experiences I've had lately. Incredibly easy to set up, great documentation, and so many fewer hoops to jump through than the competition. I definitely plan to use it on any and all future projects."

Variables JavaScript: 14 encontradas

Las variables JavaScript globales cargadas en el objeto de ventana de una página son variables declaradas fuera de las funciones y a las que se puede acceder desde cualquier lugar del código en el ámbito actual

NombreTipo
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
webpackChunk_N_Eobject
__next_set_public_path__function
nextobject
__NEXT_DATA__object
__SSG_MANIFEST_CBfunction
__NEXT_Pobject
_N_Eobject

Mensajes de registro de la consola: 1 encontrados

Mensajes registrados en la consola web

TipoCategoríaRegistrar
warningother
URL
https://supabase.com/_next/static/chunks/pages/_app-01553e406fd40b30.js
TEXTO
Multiple GoTrueClient instances detected in the same browser context. It is not an error, but this should be avoided as it may produce undefined behavior when used concurrently under the same storage key.

HTML

El cuerpo HTML sin procesar de la página

<!DOCTYPE html><html lang="en" data-theme="dark" style="color-scheme: dark;"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="apple-touch-icon-precomposed" sizes="57x57" href="/favicon/apple-icon-57x57.png"><link rel="apple-touch-icon-precomposed" sizes="60x60" href="/favicon/apple-icon-60x60.png"><link rel="apple-touch-icon-precomposed" sizes="72x72" href="/favicon/apple-icon-72x72.png"><link rel="apple-touch-icon-precomposed" sizes="76x76" href="/favicon/apple-icon-76x76.png"><link rel="apple-touch-icon-precomposed" sizes="114x114" href="/favicon/apple-icon-114x114.png"><link rel="apple-touch-icon-precomposed" sizes="120x120" href="/favicon/apple-icon-120x120.png"><link rel="apple-touch-icon-precomposed" sizes="144x144" href="/favicon/apple-icon-144x144.png"><link rel="apple-touch-icon-precomposed" sizes="152x152" href="/favicon/apple-icon-152x152.png"><link rel="icon" type="image/png" href="/favicon/favicon-16x16.png" sizes="16x16"><link rel="icon" type="image/png" href="/favicon/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/favicon/favicon-48x48.png" sizes="48x48"><link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96"><link rel="icon" type="image/png" href="/favicon/favicon-128.png" sizes="128x128"><link rel="icon" type="image/png" href="/favicon/favicon-180x180.png" sizes="180x180"><link rel="icon" type="image/png" href="/favicon/favicon-196x196.png" sizes="196x196"><meta name="application-name" content="Supabase"><meta name="msapplication-TileColor" content="#1E1E1E"><meta name="msapplication-TileImage" content="/favicon/mstile-144x144.png"><meta name="msapplication-square70x70logo" content="/favicon/mstile-70x70.png"><meta name="msapplication-square150x150logo" content="/favicon/mstile-150x150.png"><meta name="msapplication-wide310x150logo" content="/favicon/mstile-310x150.png"><meta name="msapplication-square310x310logo" content="/favicon/mstile-310x310.png"><meta name="theme-color" content="#1E1E1E"><link rel="shortcut icon" href="/favicon/favicon.ico"><link rel="icon" type="image/x-icon" href="/favicon/favicon.ico"><link rel="apple-touch-icon" href="/favicon/favicon.ico"><link rel="alternate" type="application/rss+xml" href="/feed.xml"><link rel="manifest" href="/favicon/manifest.json"><meta name="msapplication-config" content="/favicon/browserconfig.xml"><title>Supabase | The Open Source Firebase Alternative</title><meta name="robots" content="index,follow"><meta name="description" content="Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free."><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@supabase"><meta name="twitter:creator" content="@supabase"><meta property="og:title" content="Supabase | The Open Source Firebase Alternative"><meta property="og:description" content="Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free."><meta property="og:url" content="https://supabase.com/"><meta property="og:type" content="website"><meta property="og:image" content="https://supabase.com/images/og/supabase-og.png"><meta property="og:image:alt" content="Supabase Og Image"><meta property="og:image:width" content="800"><meta property="og:image:height" content="600"><meta property="og:site_name" content="Supabase"><link rel="preload" as="image" imagesrcset="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--light.daaeffd3.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--light.daaeffd3.png&amp;w=256&amp;q=75 2x" fetchpriority="high"><link rel="preload" as="image" imagesrcset="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--dark.b36ebb5f.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--dark.b36ebb5f.png&amp;w=256&amp;q=75 2x" fetchpriority="high"><link rel="preload" as="image" imagesrcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=3840&amp;q=100 3840w" imagesizes="100%" fetchpriority="high"><link rel="preload" as="image" imagesrcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=3840&amp;q=100 3840w" imagesizes="100%" fetchpriority="high"><link rel="preload" as="image" imagesrcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=3840&amp;q=100 3840w" imagesizes="100%" fetchpriority="high"><link rel="preload" as="image" imagesrcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=3840&amp;q=100 3840w" imagesizes="100%" fetchpriority="high"><link rel="preload" as="image" imagesrcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=3840&amp;q=100 3840w" imagesizes="100%" fetchpriority="high"><link rel="preload" as="image" imagesrcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=3840&amp;q=100 3840w" imagesizes="100%" fetchpriority="high"><link rel="preload" as="image" imagesrcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fquivr.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fquivr.png&amp;w=640&amp;q=75 2x" fetchpriority="high"><link rel="preload" as="image" imagesrcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Ftinloof.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Ftinloof.png&amp;w=640&amp;q=75 2x" fetchpriority="high"><link rel="preload" as="image" imagesrcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2F1password.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2F1password.png&amp;w=640&amp;q=75 2x" fetchpriority="high"><link rel="preload" as="image" imagesrcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fnext-door-lending.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fnext-door-lending.png&amp;w=640&amp;q=75 2x" fetchpriority="high"><link rel="preload" as="image" imagesrcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fshotgun.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fshotgun.png&amp;w=640&amp;q=75 2x" fetchpriority="high"><link rel="preload" as="image" imagesrcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmozilla.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmozilla.png&amp;w=640&amp;q=75 2x" fetchpriority="high"><link rel="preload" as="image" imagesrcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmobbin.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmobbin.png&amp;w=640&amp;q=75 2x" fetchpriority="high"><link rel="preload" as="image" imagesrcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fhappyteams.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fhappyteams.png&amp;w=640&amp;q=75 2x" fetchpriority="high"><link rel="preload" as="image" imagesrcset="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--light.daaeffd3.png&amp;w=256&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--light.daaeffd3.png&amp;w=384&amp;q=75 2x" fetchpriority="high"><link rel="preload" as="image" imagesrcset="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--dark.b36ebb5f.png&amp;w=256&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--dark.b36ebb5f.png&amp;w=384&amp;q=75 2x" fetchpriority="high"><link rel="preload" as="image" imagesrcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=3840&amp;q=75 3840w" imagesizes="100%" fetchpriority="high"><link rel="preload" as="image" imagesrcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=3840&amp;q=75 3840w" imagesizes="100%" fetchpriority="high"><link rel="preload" as="image" imagesrcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=3840&amp;q=75 3840w" imagesizes="100%" fetchpriority="high"><meta name="next-head-count" content="67"><link data-next-font="" rel="preconnect" href="/" crossorigin="anonymous"><link rel="preload" href="/_next/static/css/9e790f7dbf67131a.css" as="style"><link rel="stylesheet" href="/_next/static/css/9e790f7dbf67131a.css" data-n-g=""><link rel="preload" href="/_next/static/css/46d2f1b70d0e73f2.css" as="style"><link rel="stylesheet" href="/_next/static/css/46d2f1b70d0e73f2.css"><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script defer="" src="/_next/static/chunks/5126-29671ec9eb0f2bd8.js"></script><script defer="" src="/_next/static/chunks/9303.d08fba6806134652.js"></script><script defer="" src="/_next/static/chunks/2121.dddef83ec2d1fb33.js"></script><script defer="" src="/_next/static/chunks/8290.2f0fb55d93df7a6a.js"></script><script defer="" src="/_next/static/chunks/1401-efc8b06ccfa5f713.js"></script><script defer="" src="/_next/static/chunks/336.8959ed88710bf284.js"></script><script defer="" src="/_next/static/chunks/9667.3cebc418fb7fc9f6.js"></script><script defer="" src="/_next/static/chunks/1553-062e0f365b5d341e.js"></script><script defer="" src="/_next/static/chunks/5004.2b42e2dd9747ba87.js"></script><script defer="" src="/_next/static/chunks/2253.4c40a558a4ae708e.js"></script><script defer="" src="/_next/static/chunks/3055.e2b73348e4eea732.js"></script><script defer="" src="/_next/static/chunks/7042.d9c4ef07e3ba7439.js"></script><script src="/_next/static/chunks/webpack-432d57c6c89b3615.js" defer=""></script><script src="/_next/static/chunks/framework-7446c5d9123b6df6.js" defer=""></script><script src="/_next/static/chunks/main-9e231f7043387f47.js" defer=""></script><script src="/_next/static/chunks/pages/_app-01553e406fd40b30.js" defer=""></script><script src="/_next/static/chunks/120-4fdff9d4ecdda7af.js" defer=""></script><script src="/_next/static/chunks/6577-185cf487124a4be3.js" defer=""></script><script src="/_next/static/chunks/6407-533efdc2ca2d88ac.js" defer=""></script><script src="/_next/static/chunks/977-a6176846a4c4fb36.js" defer=""></script><script src="/_next/static/chunks/6653-c0f6409275779984.js" defer=""></script><script src="/_next/static/chunks/4488-cfb488417879b1aa.js" defer=""></script><script src="/_next/static/chunks/pages/index-c811df7b2d974fc4.js" defer=""></script><script src="/_next/static/gpjAHHpAmN1rtOVCZSvHP/_buildManifest.js" defer=""></script><script src="/_next/static/gpjAHHpAmN1rtOVCZSvHP/_ssgManifest.js" defer=""></script><style type="text/css">:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999}:where([data-sonner-toaster][data-x-position="right"]){right:max(var(--offset),env(safe-area-inset-right))}:where([data-sonner-toaster][data-x-position="left"]){left:max(var(--offset),env(safe-area-inset-left))}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:max(var(--offset),env(safe-area-inset-top))}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:max(var(--offset),env(safe-area-inset-bottom))}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;background:var(--gray1);color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:0;right:0;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount, 0px));transition:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation:swipe-out .2s ease-out forwards}@keyframes swipe-out{0%{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount)));opacity:1}to{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount) + var(--lift) * -100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;--mobile-offset: 16px;right:var(--mobile-offset);left:var(--mobile-offset);width:100%}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset)}[data-sonner-toaster][data-y-position=bottom]{bottom:20px}[data-sonner-toaster][data-y-position=top]{top:20px}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset);right:var(--mobile-offset);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
</style><link as="script" rel="prefetch" href="/_next/static/chunks/4729-181aee9a70a152bc.js"><link as="script" rel="prefetch" href="/_next/static/chunks/pages/contact/sales-5f8fc4c7ebf7c0b8.js"><link as="script" rel="prefetch" href="/_next/static/chunks/2943-9af357c7243ef913.js"><link as="script" rel="prefetch" href="/_next/static/chunks/pages/database-ce3c8f9e5531b472.js"><style data-react-tooltip="true">.__react_component_tooltip {
  border-radius: 3px;
  display: inline-block;
  font-size: 13px;
  left: -999em;
  opacity: 0;
  position: fixed;
  pointer-events: none;
  transition: opacity 0.3s ease-out;
  top: -999em;
  visibility: hidden;
  z-index: 999;
}
.__react_component_tooltip.allow_hover, .__react_component_tooltip.allow_click {
  pointer-events: auto;
}
.__react_component_tooltip::before, .__react_component_tooltip::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
}
.__react_component_tooltip.show {
  opacity: 0.9;
  margin-top: 0;
  margin-left: 0;
  visibility: visible;
}
.__react_component_tooltip.place-top::before {
  bottom: 0;
  left: 50%;
  margin-left: -11px;
}
.__react_component_tooltip.place-bottom::before {
  top: 0;
  left: 50%;
  margin-left: -11px;
}
.__react_component_tooltip.place-left::before {
  right: 0;
  top: 50%;
  margin-top: -9px;
}
.__react_component_tooltip.place-right::before {
  left: 0;
  top: 50%;
  margin-top: -9px;
}
.__react_component_tooltip .multi-line {
  display: block;
  padding: 2px 0;
  text-align: center;
}</style></head><body style="overflow: auto;"><div id="__next"><script>!function(){try{var d=document.documentElement,n='data-theme',s='setAttribute';var e=localStorage.getItem('theme');if('system'===e||(!e&&false)){var t='(prefers-color-scheme: dark)',m=window.matchMedia(t);if(m.media!==t||m.matches){d.style.colorScheme = 'dark';d[s](n,'dark')}else{d.style.colorScheme = 'light';d[s](n,'light')}}else if(e){d[s](n,e|| '')}else{d[s](n,'dark')}if(e==='light'||e==='dark'||!e)d.style.colorScheme=e||'dark'}catch(e){}}()</script><section aria-label="Notifications alt+T" tabindex="-1"><ol dir="ltr" tabindex="-1" class="toaster group pointer-events-auto" data-sonner-toaster="true" data-theme="dark" data-y-position="top" data-x-position="right" style="--front-toast-height: 112px; --offset: 32px; --width: 356px; --gap: 14px; font-family: inherit;"></ol><ol dir="ltr" tabindex="-1" class="toaster group pointer-events-auto" data-sonner-toaster="true" data-theme="dark" data-y-position="bottom" data-x-position="right" style="--front-toast-height: 112px; --offset: 32px; --width: 356px; --gap: 14px; font-family: inherit;"><li aria-live="polite" aria-atomic="true" role="status" tabindex="0" class="!w-screen !fixed !border-t !h-auto !left-0 !bottom-0 !top-auto !right-0 !rounded-none !max-w-none !bg-overlay !text sm:!w-full sm:!max-w-[356px] sm:!left-auto sm:!right-8 sm:!bottom-8 sm:!rounded-lg sm:border group toast w-full rounded-md py-3 px-5 flex gap-2 items-start font-normal text-sm group-[.toaster]:bg-overlay group-[.toaster]:text-foreground group-[.toaster]:border group-[.toaster]:border-overlay group-[.toaster]:shadow-lg" data-sonner-toast="" data-styled="false" data-mounted="true" data-promise="false" data-removed="false" data-visible="true" data-y-position="bottom" data-x-position="right" data-index="0" data-front="true" data-swiping="false" data-dismissible="false" data-swipe-out="false" data-expanded="false" style="--index: 0; --toasts-before: 0; --z-index: 1; --offset: 0px; --initial-height: 112px;"><div class="py-1 flex flex-col gap-y-3 w-full"><div><p class="text-sm text-foreground">We use first-party cookies to improve our services. <a target="_blank" rel="noreferrer noopener" href="https://supabase.com/privacy#8-cookies-and-similar-technologies-used-on-our-european-services" class="hidden sm:inline underline underline-offset-2 decoration-foreground-lighter hover:decoration-foreground-light transition-all">Learn more</a> </p><div class="flex items-center justify-start gap-x-2 sm:hidden"><a target="_blank" rel="noreferrer noopener" href="https://supabase.com/privacy#8-cookies-and-similar-technologies-used-on-our-european-services" class="underline underline-offset-2 text-foreground-light hover:decoration-foreground-light transition-all">Learn more</a><span class="text-foreground-lighter text-xs">•</span><button class="underline underline-offset-2 inline text-light">Privacy settings</button></div></div><div class="flex items-center space-x-2"><button data-size="tiny" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border text-foreground bg-alternative dark:bg-muted hover:bg-selection border-strong hover:border-stronger focus-visible:outline-brand-600 data-[state=open]:bg-selection data-[state=open]:outline-brand-600 data-[state=open]:border-button-hover text-xs px-2.5 py-1 h-[26px]"> <span class="truncate">Accept</span> </button><button data-size="tiny" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border text-foreground hover:bg-surface-300 shadow-none focus-visible:outline-border-strong data-[state=open]:bg-surface-300 data-[state=open]:outline-border-strong border-transparent text-xs px-2.5 py-1 h-[26px]"> <span class="truncate">Opt out</span> </button><button data-size="tiny" type="button" class="relative justify-center cursor-pointer items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border hover:bg-surface-300 shadow-none focus-visible:outline-border-strong data-[state=open]:bg-surface-300 data-[state=open]:outline-border-strong border-transparent text-xs px-2.5 py-1 h-[26px] hidden sm:block text-light hover:text-foreground"><span class="truncate">Privacy settings</span></button></div></div></li></ol></section><div class="sticky top-0 z-40 transform" style="transform:translate3d(0,0,999px)"><div class="absolute inset-0 h-full w-full bg-background/90 dark:bg-background/95 !opacity-100 transition-opacity"></div><nav class="relative z-40 border-default border-b backdrop-blur-sm transition-opacity"><div class="relative flex justify-between h-16 mx-auto lg:container lg:px-16 xl:px-20"><div class="flex items-center px-6 lg:px-0 flex-1 sm:items-stretch justify-between"><div class="flex items-center"><div class="flex items-center flex-shrink-0"><a class="block w-auto h-6 focus-visible:ring-2 focus-visible:outline-none focus-visible:ring-foreground-lighter focus-visible:ring-offset-4 focus-visible:ring-offset-background-alternative focus-visible:rounded-sm" type="button" id="radix-:Ramda6:" aria-haspopup="menu" aria-expanded="false" data-state="closed" href="/"><img alt="Supabase Logo" fetchpriority="high" width="124" height="24" decoding="async" data-nimg="1" class="dark:hidden" style="color:transparent" srcset="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--light.daaeffd3.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--light.daaeffd3.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--light.daaeffd3.png&amp;w=256&amp;q=75"><img alt="Supabase Logo" fetchpriority="high" width="124" height="24" decoding="async" data-nimg="1" class="hidden dark:block" style="color:transparent" srcset="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--dark.b36ebb5f.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--dark.b36ebb5f.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--dark.b36ebb5f.png&amp;w=256&amp;q=75"></a></div><nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="relative z-10 flex-1 items-center justify-center hidden pl-8 sm:space-x-4 lg:flex h-16"><div style="position:relative"><ul data-orientation="horizontal" class="group flex flex-1 list-none items-center justify-center space-x-1" dir="ltr"><li class="text-sm font-medium"><button id="radix-:Rimda6:-trigger-radix-:Rbimda6:" data-state="closed" aria-expanded="false" aria-controls="radix-:Rimda6:-content-radix-:Rbimda6:" class="group relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border text-foreground hover:bg-surface-300 shadow-none focus-visible:outline-border-strong data-[state=open]:bg-surface-300 data-[state=open]:outline-border-strong border-transparent text-sm leading-4 py-2 !bg-transparent hover:text-brand-link data-[state=open]:!text-brand-link data-[radix-collection-item]:focus-visible:ring-2 data-[radix-collection-item]:focus-visible:ring-foreground-lighter data-[radix-collection-item]:focus-visible:text-foreground px-2 h-auto" data-radix-collection-item="">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-chevron-down relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></li><li class="text-sm font-medium"><button id="radix-:Rimda6:-trigger-radix-:Rjimda6:" data-state="closed" aria-expanded="false" aria-controls="radix-:Rimda6:-content-radix-:Rjimda6:" class="group relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border text-foreground hover:bg-surface-300 shadow-none focus-visible:outline-border-strong data-[state=open]:bg-surface-300 data-[state=open]:outline-border-strong border-transparent text-sm leading-4 py-2 !bg-transparent hover:text-brand-link data-[state=open]:!text-brand-link data-[radix-collection-item]:focus-visible:ring-2 data-[radix-collection-item]:focus-visible:ring-foreground-lighter data-[radix-collection-item]:focus-visible:text-foreground px-2 h-auto" data-radix-collection-item="">Developers<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></li><li class="text-sm font-medium"><a class="group/menu-item flex items-center text-sm hover:text-foreground select-none gap-3 rounded-md p-2 leading-none no-underline outline-none focus-visible:ring-2 focus-visible:ring-foreground-lighter group-hover:bg-transparent text-foreground focus-visible:text-brand-link" data-radix-collection-item="" href="/enterprise"><div class="flex flex-col justify-center"><div class="flex items-center gap-1"><p class="leading-snug text-foreground group-hover/menu-item:text-brand-link">Enterprise</p></div></div></a></li><li class="text-sm font-medium"><a class="group/menu-item flex items-center text-sm hover:text-foreground select-none gap-3 rounded-md p-2 leading-none no-underline outline-none focus-visible:ring-2 focus-visible:ring-foreground-lighter group-hover:bg-transparent text-foreground focus-visible:text-brand-link" data-radix-collection-item="" href="/pricing"><div class="flex flex-col justify-center"><div class="flex items-center gap-1"><p class="leading-snug text-foreground group-hover/menu-item:text-brand-link">Pricing</p></div></div></a></li><li class="text-sm font-medium"><a class="group/menu-item flex items-center text-sm hover:text-foreground select-none gap-3 rounded-md p-2 leading-none no-underline outline-none focus-visible:ring-2 focus-visible:ring-foreground-lighter group-hover:bg-transparent text-foreground focus-visible:text-brand-link" data-radix-collection-item="" href="/docs"><div class="flex flex-col justify-center"><div class="flex items-center gap-1"><p class="leading-snug text-foreground group-hover/menu-item:text-brand-link">Docs</p></div></div></a></li><li class="text-sm font-medium"><a class="group/menu-item flex items-center text-sm hover:text-foreground select-none gap-3 rounded-md p-2 leading-none no-underline outline-none focus-visible:ring-2 focus-visible:ring-foreground-lighter group-hover:bg-transparent text-foreground focus-visible:text-brand-link" data-radix-collection-item="" href="/blog"><div class="flex flex-col justify-center"><div class="flex items-center gap-1"><p class="leading-snug text-foreground group-hover/menu-item:text-brand-link">Blog</p></div></div></a></li></ul></div><div class="absolute left-0 top-full flex justify-center"></div></nav></div><div class="flex items-center gap-2 opacity-0 animate-fade-in !scale-100 delay-300"><a href="https://github.com/supabase/supabase" target="_blank" data-size="tiny" class="relative justify-center cursor-pointer items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border hover:bg-surface-300 shadow-none focus-visible:outline-border-strong data-[state=open]:bg-surface-300 data-[state=open]:outline-border-strong border-transparent text-xs px-2.5 py-1 h-[26px] hidden group lg:flex text-foreground-light hover:text-foreground"><span class="truncate"><span class="flex items-center gap-1"><svg class="w-6 h-6" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 2.22168C5.23312 2.22168 2.58496 4.87398 2.58496 8.14677C2.58496 10.7642 4.27962 12.9853 6.63026 13.7684C6.92601 13.8228 7.03366 13.6401 7.03366 13.4827C7.03366 13.3425 7.02893 12.9693 7.02597 12.4754C5.38041 12.8333 5.0332 11.681 5.0332 11.681C4.76465 10.996 4.37663 10.8139 4.37663 10.8139C3.83954 10.4471 4.41744 10.4542 4.41744 10.4542C5.01072 10.4956 5.32303 11.0647 5.32303 11.0647C5.85065 11.9697 6.70774 11.7082 7.04431 11.5568C7.09873 11.1741 7.25134 10.9132 7.42051 10.7654C6.10737 10.6157 4.72621 10.107 4.72621 7.83683C4.72621 7.19031 4.95689 6.66092 5.33486 6.24686C5.27394 6.09721 5.07105 5.49447 5.39283 4.67938C5.39283 4.67938 5.88969 4.51967 7.01947 5.28626C7.502 5.15466 7.99985 5.08763 8.5 5.08692C9.00278 5.08929 9.50851 5.15495 9.98113 5.28626C11.1103 4.51967 11.606 4.67879 11.606 4.67879C11.9289 5.49447 11.7255 6.09721 11.6651 6.24686C12.0437 6.66092 12.2732 7.19031 12.2732 7.83683C12.2732 10.1129 10.8897 10.6139 9.5724 10.7606C9.78475 10.9434 9.97344 11.3048 9.97344 11.8579C9.97344 12.6493 9.96634 13.2887 9.96634 13.4827C9.96634 13.6413 10.0728 13.8258 10.3733 13.7678C11.5512 13.3728 12.5751 12.6175 13.3003 11.6089C14.0256 10.6002 14.4155 9.38912 14.415 8.14677C14.415 4.87398 11.7663 2.22168 8.5 2.22168Z" fill="currentColor"></path></svg>73.4<!-- -->K</span></span></a><a data-size="tiny" type="button" class="relative justify-center cursor-pointer items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border text-foreground bg-alternative dark:bg-muted hover:bg-selection border-strong hover:border-stronger focus-visible:outline-brand-600 data-[state=open]:bg-selection data-[state=open]:outline-brand-600 data-[state=open]:border-button-hover text-xs px-2.5 py-1 h-[26px] hidden lg:block" href="https://supabase.com/dashboard"><span class="truncate">Sign in</span></a><a data-size="tiny" type="button" class="relative justify-center cursor-pointer items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border bg-brand-400 dark:bg-brand-500 hover:bg-brand/80 dark:hover:bg-brand/50 text-foreground border-brand-500/75 dark:border-brand/30 hover:border-brand-600 dark:hover:border-brand focus-visible:outline-brand-600 data-[state=open]:bg-brand-400/80 dark:data-[state=open]:bg-brand-500/80 data-[state=open]:outline-brand-600 text-xs px-2.5 py-1 h-[26px] hidden lg:block" href="https://supabase.com/dashboard"><span class="truncate">Start your project</span></a></div></div><div class="inset-y-0 flex mr-2 items-center px-4 lg:hidden"><button class="text-foreground-lighter focus:ring-brand bg-transparent hover:text-foreground-light transition-colors hover:bg-overlay inline-flex items-center justify-center rounded-md p-2 focus:outline-none focus:ring-2 focus:ring-inset" aria-expanded="false"><span class="sr-only">Open main menu</span><svg class="block w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg><svg class="hidden w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></button></div></div></nav></div><main class="relative min-h-screen"><div class="relative -mt-[65px]"><div class="sm:py-18 container relative mx-auto px-6 py-16 md:py-24 lg:px-16 lg:py-24 xl:px-20 pt-8 pb-10 md:pt-16 overflow-hidden"><div class="relative"><div class="mx-auto"><div class="mx-auto max-w-2xl lg:col-span-6 lg:flex lg:items-center justify-center text-center"><div class="relative z-10 lg:h-auto pt-[90px] lg:pt-[90px] lg:min-h-[300px] flex flex-col items-center justify-center sm:mx-auto md:w-3/4 lg:mx-0 lg:w-full gap-4 lg:gap-8"><div class="flex flex-col items-center"><h1 class="text-foreground text-4xl sm:text-5xl sm:leading-none lg:text-7xl"><span class="block text-foreground">Build in a weekend</span><span class="text-brand block md:ml-0">Scale to millions</span></h1><p class="pt-2 text-foreground my-3 text-sm sm:mt-5 lg:mb-0 sm:text-base lg:text-lg">Supabase is an open source Firebase alternative.<!-- --> <br class="hidden md:block">Start your project with a Postgres database, Authentication, instant APIs, Edge Functions, Realtime subscriptions, Storage, and Vector embeddings.</p></div><div class="flex items-center gap-2"><a data-size="medium" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border bg-brand-400 dark:bg-brand-500 hover:bg-brand/80 dark:hover:bg-brand/50 text-foreground border-brand-500/75 dark:border-brand/30 hover:border-brand-600 dark:hover:border-brand focus-visible:outline-brand-600 data-[state=open]:bg-brand-400/80 dark:data-[state=open]:bg-brand-500/80 data-[state=open]:outline-brand-600 text-sm px-4 py-2 h-[38px]" href="https://supabase.com/dashboard"><span class="truncate">Start your project</span></a><a data-size="medium" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border text-foreground bg-alternative dark:bg-muted hover:bg-selection border-strong hover:border-stronger focus-visible:outline-brand-600 data-[state=open]:bg-selection data-[state=open]:outline-brand-600 data-[state=open]:border-button-hover text-sm px-4 py-2 h-[38px]" href="/contact/sales"><span class="truncate">Request a demo</span></a></div></div></div></div></div></div></div><div class="pb-14 md:pb-24"><div class="max-w-md md:max-w-lg lg:max-w-2xl mx-auto"><div class="relative w-full mx-auto max-w-4xl opacity-90 dark:opacity-70 overflow-hidden before:content[''] before:absolute before:inset-0 before:w-full before:bg-[linear-gradient(to_right,hsl(var(--background-default))_0%,transparent_10%,transparent_90%,hsl(var(--background-default))_100%)] before:z-10 flex flex-nowrap px-5 lg:px-12 justify-center gap-4 lg:gap-8"><div class="gap-4 lg:gap-8 flex flex-nowrap w-fit animate-[marquee_90000ms_linear_both_infinite] will-change-transform motion-reduce:animate-none motion-reduce:will-change-none"><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/mozilla.svg" alt="mozilla" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/github.svg" alt="github" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/1password.svg" alt="1password" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/pwc.svg" alt="pwc" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/pika.svg" alt="pika" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/humata.svg" alt="humata" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/krea.svg" alt="krea" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/udio.svg" alt="udio" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/langchain.svg" alt="langchain" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/resend.svg" alt="resend" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/loops.svg" alt="loops" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/mobbin.svg" alt="mobbin" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/gopuff.svg" alt="gopuff" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/chatbase.svg" alt="chatbase" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/betashares.svg" alt="betashares" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div></div><div class="gap-4 lg:gap-8 flex flex-nowrap w-fit animate-[marquee_90000ms_linear_both_infinite] will-change-transform motion-reduce:animate-none motion-reduce:will-change-none"><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/mozilla.svg" alt="mozilla" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/github.svg" alt="github" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/1password.svg" alt="1password" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/pwc.svg" alt="pwc" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/pika.svg" alt="pika" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/humata.svg" alt="humata" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/krea.svg" alt="krea" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/udio.svg" alt="udio" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/langchain.svg" alt="langchain" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/resend.svg" alt="resend" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/loops.svg" alt="loops" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/mobbin.svg" alt="mobbin" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/gopuff.svg" alt="gopuff" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/chatbase.svg" alt="chatbase" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/betashares.svg" alt="betashares" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div></div><div class="gap-4 lg:gap-8 flex flex-nowrap w-fit animate-[marquee_90000ms_linear_both_infinite] will-change-transform motion-reduce:animate-none motion-reduce:will-change-none"><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/mozilla.svg" alt="mozilla" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/github.svg" alt="github" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/1password.svg" alt="1password" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/pwc.svg" alt="pwc" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/pika.svg" alt="pika" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/humata.svg" alt="humata" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/krea.svg" alt="krea" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/udio.svg" alt="udio" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/langchain.svg" alt="langchain" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/resend.svg" alt="resend" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/loops.svg" alt="loops" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/mobbin.svg" alt="mobbin" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/gopuff.svg" alt="gopuff" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/chatbase.svg" alt="chatbase" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/betashares.svg" alt="betashares" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div></div><div class="gap-4 lg:gap-8 flex flex-nowrap w-fit animate-[marquee_90000ms_linear_both_infinite] will-change-transform motion-reduce:animate-none motion-reduce:will-change-none"><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/mozilla.svg" alt="mozilla" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/github.svg" alt="github" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/1password.svg" alt="1password" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/pwc.svg" alt="pwc" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/pika.svg" alt="pika" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/humata.svg" alt="humata" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/krea.svg" alt="krea" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/udio.svg" alt="udio" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/langchain.svg" alt="langchain" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/resend.svg" alt="resend" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/loops.svg" alt="loops" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/mobbin.svg" alt="mobbin" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/gopuff.svg" alt="gopuff" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/chatbase.svg" alt="chatbase" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div><div class="h-12 lg:h-12 w-max !inline-block"><img src="/images/logos/publicity/betashares.svg" alt="betashares" class="h-12 lg:h-12 !min-h-12 lg:!min-h-12 w-auto block" draggable="false"></div></div></div></div><p class="w-full text-center text-sm text-foreground-lighter mt-6 lg:mt-8">Trusted by fast-growing companies worldwide</p></div><div class="sm:py-18 container relative mx-auto px-6 py-16 md:py-24 lg:px-16 lg:py-24 xl:px-20 !pt-0 grid grid-cols-1 gap-4 sm:grid-cols-2 md:gap-4 xl:gap-3 2xl:gap-6 md:grid-cols-12"><a class="group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus:outline-none focus:border-none focus:ring-brand-600 focus:ring-2 focus:rounded-xl col-span-6 md:col-span-12 xl:col-span-6" href="/database"><div class="group/panel rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full"><div class="z-10 rounded-[11px] relative overflow-hidden flex-1 flex flex-row sm:flex-col gap-4 items-start sm:items-center lg:items-start justify-between bg-surface-75 w-full h-full text-foreground-lighter [&amp;_strong]:!font-normal [&amp;_strong]:!text-foreground p-4 sm:py-6"><div class="relative z-10 h-full w-full mx-auto gap-2 sm:gap-4 flex flex-col items-start sm:items-center text-left sm:text-center md:ml-2 md:mt-2 lg:pl-0 md:justify-start md:max-w-[250px] md:text-left md:items-start"><div class="flex items-center gap-2 text-foreground"><svg width="18" height="18" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.18625 8.66531H19.5035V15.331H5.18625V8.66531Z M4 17.0007C4 16.0804 4.7461 15.3343 5.66645 15.3343H18.9984C19.9187 15.3343 20.6648 16.0804 20.6648 17.0007V20.3335C20.6648 21.2539 19.9187 22 18.9984 22H5.66646C4.7461 22 4 21.2539 4 20.3335V17.0007Z M4 3.66646C4 2.7461 4.7461 2 5.66645 2H18.9984C19.9187 2 20.6648 2.7461 20.6648 3.66645V6.99926C20.6648 7.91962 19.9187 8.66572 18.9984 8.66572H5.66646C4.7461 8.66572 4 7.91962 4 6.99926V3.66646Z" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5"></path></svg><h2 class="">Postgres Database</h2></div><div class="flex-1 flex flex-col justify-between gap-2"><p class="text-sm [&amp;_strong]:!text-foreground">Every project is <strong>a full Postgres database</strong>, the world's most trusted relational database.</p><span class="hidden lg:block text-foreground md:block"><ul class="flex flex-col gap-1 text-sm"><li><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check inline h-4 w-4"><path d="M20 6 9 17l-5-5"></path></svg> 100% portable</li><li><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check inline h-4 w-4"><path d="M20 6 9 17l-5-5"></path></svg> Built-in Auth with RLS</li><li><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check inline h-4 w-4"><path d="M20 6 9 17l-5-5"></path></svg> Easy to extend</li></ul></span></div></div><figure class="absolute inset-0 z-0 hidden sm:block" role="img" aria-label="Supabase Postgres database visual composition"><span class="absolute w-full md:w-auto h-full md:aspect-square flex items-end md:items-center justify-center md:justify-end right-0 left-0 md:left-auto xl:-right-12 2xl:right-0 top-12 md:top-0 md:bottom-0 my-auto"><img alt="Supabase Postgres database" fetchpriority="high" decoding="async" data-nimg="fill" class="hidden dark:block absolute antialiased inset-0 object-contain object-center z-0 w-full md:w-auto h-full transition-opacity group-hover:opacity-80" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=3840&amp;q=100 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-dark.png&amp;w=3840&amp;q=100"><img alt="Supabase Postgres database" fetchpriority="high" decoding="async" data-nimg="fill" class="dark:hidden absolute antialiased inset-0 object-contain object-center z-0 w-full md:w-auto h-full transition-opacity group-hover:opacity-80" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=3840&amp;q=100 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdatabase-light.png&amp;w=3840&amp;q=100"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 390 430" class="absolute w-full h-full z-10 m-auto will-change-transform opacity-0 transition-opacity group-hover:opacity-100"><g stroke="hsl(var(--foreground-lighter))" filter="url(#filter5_bd_467_4905)"><path d="M192.144 125.816h-53.465c-8.506 0-16.159 5.17-19.334 13.061L99.0045 189.43c-3.0613 7.608-1.3448 16.306 4.3775 22.181l10.232 10.506c4.792 4.919 7.474 11.516 7.474 18.384l-.001 14.473c0 20.197 16.373 36.569 36.569 36.569 6.16 0 11.154-4.993 11.154-11.153l.001-86.241c0-18.629 7.441-36.486 20.668-49.602 2.746-2.723 7.178-2.704 9.9.041 2.722 2.745 2.703 7.178-.042 9.9-10.577 10.488-16.526 24.766-16.526 39.661l-.001 86.241c0 13.892-11.262 25.153-25.154 25.153-27.928 0-50.569-22.64-50.569-50.569l.001-14.474c0-3.218-1.257-6.309-3.503-8.615L93.353 221.38c-9.5904-9.847-12.4673-24.424-7.3366-37.176l20.3406-50.553c5.308-13.192 18.101-21.835 32.322-21.835h55.729v.084h10.339c49.104 0 88.91 39.806 88.91 88.91v50.842c0 3.866-3.134 7-7 7s-7-3.134-7-7V200.81c0-41.372-33.538-74.91-74.91-74.91H193.23c-.37 0-.732-.029-1.086-.084Z"></path><path d="M210.03 283.94c0-3.866-3.134-7-7-7s-7 3.134-7 7v3.113c0 26.959 21.854 48.814 48.813 48.814 26.351 0 47.825-20.879 48.781-46.996h24.614c3.866 0 7-3.134 7-7s-3.134-7-7-7h-26.841c-30.744 0-60.256-12.083-82.173-33.643-2.756-2.711-7.188-2.675-9.899.081-2.711 2.756-2.675 7.188.081 9.9 21.725 21.371 50.116 34.423 80.228 37.134-.679 18.629-15.995 33.524-34.791 33.524-19.227 0-34.813-15.587-34.813-34.814v-3.113ZM238.03 202.145c0 4.792 3.885 8.677 8.677 8.677s8.676-3.885 8.676-8.677-3.884-8.676-8.676-8.676-8.677 3.884-8.677 8.676Z"></path></g><path stroke="url(#a)" d="M192.144 125.816h-53.465c-8.506 0-16.159 5.17-19.334 13.061L99.0045 189.43c-3.0613 7.608-1.3448 16.306 4.3775 22.181l10.232 10.506c4.792 4.919 7.474 11.516 7.474 18.384l-.001 14.473c0 20.197 16.373 36.569 36.569 36.569 6.16 0 11.154-4.993 11.154-11.153l.001-86.241c0-18.629 7.441-36.486 20.668-49.602 2.746-2.723 7.178-2.704 9.9.041 2.722 2.745 2.703 7.178-.042 9.9-10.577 10.488-16.526 24.766-16.526 39.661l-.001 86.241c0 13.892-11.262 25.153-25.154 25.153-27.928 0-50.569-22.64-50.569-50.569l.001-14.474c0-3.218-1.257-6.309-3.503-8.615L93.353 221.38c-9.5904-9.847-12.4673-24.424-7.3366-37.176l20.3406-50.553c5.308-13.192 18.101-21.835 32.322-21.835h55.729v.084h10.339c49.104 0 88.91 39.806 88.91 88.91v50.842c0 3.866-3.134 7-7 7s-7-3.134-7-7V200.81c0-41.372-33.538-74.91-74.91-74.91H193.23c-.37 0-.732-.029-1.086-.084Z"></path><path stroke="url(#b)" d="M210.03 283.94c0-3.866-3.134-7-7-7s-7 3.134-7 7v3.113c0 26.959 21.854 48.814 48.813 48.814 26.351 0 47.825-20.879 48.781-46.996h24.614c3.866 0 7-3.134 7-7s-3.134-7-7-7h-26.841c-30.744 0-60.256-12.083-82.173-33.643-2.756-2.711-7.188-2.675-9.899.081-2.711 2.756-2.675 7.188.081 9.9 21.725 21.371 50.116 34.423 80.228 37.134-.679 18.629-15.995 33.524-34.791 33.524-19.227 0-34.813-15.587-34.813-34.814v-3.113Z"></path><path stroke="url(#c)" d="M238.03 202.145c0 4.792 3.885 8.677 8.677 8.677s8.676-3.885 8.676-8.677-3.884-8.676-8.676-8.676-8.677 3.884-8.677 8.676Z"></path><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0 0) rotate(45) scale(166 180)"><stop stop-color="hsl(var(--brand-default))"></stop><stop offset="1" stop-color="hsl(var(--foreground-lighter))"></stop></radialGradient><radialGradient id="b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0 0) rotate(45) scale(166 180)"><stop stop-color="hsl(var(--brand-default))"></stop><stop offset="1" stop-color="hsl(var(--foreground-lighter))"></stop></radialGradient><radialGradient id="c" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0 0) rotate(45) scale(166 180)"><stop stop-color="hsl(var(--brand-default))"></stop><stop offset="1" stop-color="hsl(var(--foreground-lighter))"></stop></radialGradient></defs></svg></span></figure><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><a class="group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus:outline-none focus:border-none focus:ring-brand-600 focus:ring-2 focus:rounded-xl col-span-6 xl:col-span-3" href="/auth"><div class="group/panel rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full"><div class="z-10 rounded-[11px] relative overflow-hidden flex-1 flex flex-row sm:flex-col gap-4 items-start sm:items-center lg:items-start justify-between bg-surface-75 w-full h-full text-foreground-lighter [&amp;_strong]:!font-normal [&amp;_strong]:!text-foreground p-4 sm:py-6"><div class="relative z-10 h-full w-full mx-auto gap-2 sm:gap-4 flex flex-col items-start sm:items-center text-left sm:text-center lg:mx-0 lg:pl-2 lg:items-start lg:text-left"><div class="flex items-center gap-2 text-foreground"><svg width="18" height="18" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.03305 15.8071H12.7252M5.03305 15.8071V18.884H12.7252V15.8071M5.03305 15.8071V12.7302H12.7252V15.8071M15.0419 8.15385V5.07692C15.0419 3.37759 13.6643 2 11.965 2C10.2657 2 8.88814 3.37759 8.88814 5.07692V8.15385M5 11.2307L5 18.9231C5 20.6224 6.37757 22 8.07689 22H15.769C17.4683 22 18.8459 20.6224 18.8459 18.9231V11.2307C18.8459 9.53142 17.4683 8.15385 15.769 8.15385L8.07689 8.15385C6.37757 8.15385 5 9.53142 5 11.2307Z" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5"></path></svg><h2 class="">Authentication</h2></div><div class="flex-1 flex flex-col justify-between gap-2"><p class="text-sm [&amp;_strong]:!text-foreground"><strong>Add user sign ups and logins</strong>,<br class="hidden lg:inline-block"> securing your data with Row Level Security.</p></div></div><figure class="group absolute inset-0 z-0 -top-16 xl:top-0 xl:bottom-0 hidden sm:block" role="img" aria-label="Supabase Authentication provides Row Level Security which enables you to define custom Policies to restrict access to your database"><img alt="Supabase Authentication user db rows" fetchpriority="high" decoding="async" data-nimg="fill" class="hidden dark:block absolute inset-0 object-cover object-center xl:object-bottom" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=3840&amp;q=100 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth.svg&amp;w=3840&amp;q=100"><img alt="Supabase Authentication user db rows" aria-hidden="true" loading="lazy" decoding="async" data-nimg="fill" class="hidden dark:block absolute inset-0 object-cover object-center xl:object-bottom opacity-0 group-hover:opacity-100 transition-opacity" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=3840&amp;q=100 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active.svg&amp;w=3840&amp;q=100"><img alt="Supabase Authentication user db rows" fetchpriority="high" decoding="async" data-nimg="fill" class="dark:hidden absolute inset-0 object-cover object-center xl:object-bottom" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=3840&amp;q=100 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-light.svg&amp;w=3840&amp;q=100"><img alt="Supabase Authentication user db rows" aria-hidden="true" loading="lazy" decoding="async" data-nimg="fill" class="dark:hidden absolute inset-0 object-cover object-center xl:object-bottom opacity-0 group-hover:opacity-100 transition-opacity" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=3840&amp;q=100 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fauth-active-light.svg&amp;w=3840&amp;q=100"></figure><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><a class="group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus:outline-none focus:border-none focus:ring-brand-600 focus:ring-2 focus:rounded-xl col-span-6 xl:col-span-3" href="/edge-functions"><div class="group/panel rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full"><div class="z-10 rounded-[11px] relative overflow-hidden flex-1 flex flex-row sm:flex-col gap-4 items-start sm:items-center lg:items-start justify-between bg-surface-75 w-full h-full text-foreground-lighter [&amp;_strong]:!font-normal [&amp;_strong]:!text-foreground p-4 sm:py-6"><div class="relative z-10 h-full w-full mx-auto gap-2 sm:gap-4 flex flex-col items-start sm:items-center text-left sm:text-center lg:mx-0 lg:pl-2 lg:items-start lg:text-left"><div class="flex items-center gap-2 text-foreground"><svg width="18" height="18" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.6594 21.8201C8.10788 22.5739 9.75418 23 11.5 23C17.299 23 22 18.299 22 12.5C22 10.7494 21.5716 9.09889 20.8139 7.64754M16.4016 3.21191C14.9384 2.43814 13.2704 2 11.5 2C5.70101 2 1 6.70101 1 12.5C1 14.287 1.44643 15.9698 2.23384 17.4428M2.23384 17.4428C1.81058 17.96 1.55664 18.6211 1.55664 19.3416C1.55664 20.9984 2.89979 22.3416 4.55664 22.3416C6.21349 22.3416 7.55664 20.9984 7.55664 19.3416C7.55664 17.6847 6.21349 16.3416 4.55664 16.3416C3.62021 16.3416 2.78399 16.7706 2.23384 17.4428ZM21.5 5.64783C21.5 7.30468 20.1569 8.64783 18.5 8.64783C16.8432 8.64783 15.5 7.30468 15.5 5.64783C15.5 3.99097 16.8432 2.64783 18.5 2.64783C20.1569 2.64783 21.5 3.99097 21.5 5.64783ZM18.25 12.5C18.25 16.2279 15.2279 19.25 11.5 19.25C7.77208 19.25 4.75 16.2279 4.75 12.5C4.75 8.77208 7.77208 5.75 11.5 5.75C15.2279 5.75 18.25 8.77208 18.25 12.5Z" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5"></path></svg><h2 class="">Edge Functions</h2></div><div class="flex-1 flex flex-col justify-between gap-2"><p class="text-sm [&amp;_strong]:!text-foreground">Easily write custom code<br class="hidden sm:inline-block"> <strong>without deploying or scaling servers.</strong></p></div></div><figure class="absolute inset-0 z-20 hidden sm:block" role="img" aria-label="Supabase Edge Functions visual composition"><img alt="Supabase Edge Functions globe" fetchpriority="high" decoding="async" data-nimg="fill" class="hidden dark:block absolute inset-0 object-cover object-center" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=3840&amp;q=100 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-dark.svg&amp;w=3840&amp;q=100"><img alt="Supabase Edge Functions globe" fetchpriority="high" decoding="async" data-nimg="fill" class="dark:hidden absolute inset-0 object-cover object-center" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=3840&amp;q=100 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fedge-functions-light.svg&amp;w=3840&amp;q=100"><div class=" absolute inset-0 top-[48%] xl:top-[45%] w-full max-w-[200px] h-fit mx-auto px-2.5 py-1.5 flex items-center justify-start rounded-full bg-surface-100 border border-strong text-xs text-foreground-lighter text-left "><span class="mr-2">$</span>supabase<span class="ml-1 text-brand inline-block">functions <span>deploy</span></span></div></figure><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><a class="group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus:outline-none focus:border-none focus:ring-brand-600 focus:ring-2 focus:rounded-xl col-span-6 xl:col-span-3" href="/storage"><div class="group/panel rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full"><div class="z-10 rounded-[11px] relative overflow-hidden flex-1 flex flex-row sm:flex-col gap-4 items-start sm:items-center lg:items-start justify-between bg-surface-75 w-full h-full text-foreground-lighter [&amp;_strong]:!font-normal [&amp;_strong]:!text-foreground p-4 sm:py-6"><div class="relative z-10 h-full w-full mx-auto gap-2 sm:gap-4 flex flex-col items-start sm:items-center text-left sm:text-center lg:mx-0 lg:pl-2 lg:items-start lg:text-left"><div class="flex items-center gap-2 text-foreground"><svg width="18" height="18" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.4997 12.1386V9.15811L14.8463 3.53163H6.43717C5.57423 3.53163 4.87467 4.23119 4.87467 5.09413V9.78087M20.4447 9.13199L14.844 3.53125L14.844 7.56949C14.844 8.43243 15.5436 9.13199 16.4065 9.13199L20.4447 9.13199ZM7.12729 9.78087H4.83398C3.97104 9.78087 3.27148 10.4804 3.27148 11.3434V19.1559C3.27148 20.8818 4.67059 22.2809 6.39648 22.2809H18.8965C20.6224 22.2809 22.0215 20.8818 22.0215 19.1559V13.7011C22.0215 12.8381 21.3219 12.1386 20.459 12.1386H10.8032C10.3933 12.1386 9.99969 11.9774 9.70743 11.6899L8.22312 10.2296C7.93086 9.94202 7.53729 9.78087 7.12729 9.78087Z" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5"></path></svg><h2 class="">Storage</h2></div><div class="flex-1 flex flex-col justify-between gap-2"><p class="text-sm [&amp;_strong]:!text-foreground"><strong>Store, organize, and serve</strong><br class="hidden sm:inline-block xl:hidden 2xl:inline-block"> large files, from videos to images.</p></div></div><figure class="absolute inset-0 overflow-hidden nowrap hidden sm:block" role="img" aria-label="Supabase Storage supports images, documents and videos"><div class="relative h-full left-0 w-auto items-end pb-4 z-10 flex pause animate-marquee motion-safe:group-hover:run will-change-transform transition-transform"><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div></div><div class="relative h-full left-0 w-auto items-end pb-4 z-10 flex pause animate-marquee motion-safe:group-hover:run will-change-transform transition-transform"><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div><div class="flex flex-col ml-2 gap-2 md:gap-2"><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-image w-6 h-6 md:w-6 md:h-6"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-file w-6 h-6 md:w-6 md:h-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="w-[60px] h-[60px] md:min-w-[62px] md:w-[62px] md:h-[62px] flex items-center justify-center rounded-lg border bg hover:border-foreground-lighter text-muted hover:text-foreground-light hover:bg-surface-200"><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-video w-6 h-6 md:w-6 md:h-6"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></div></div></div></figure><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><a class="group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus:outline-none focus:border-none focus:ring-brand-600 focus:ring-2 focus:rounded-xl col-span-6 pointer-events-none xl:col-span-3 hover:!cursor-[url('/images/index/products/realtime-cursor-light.svg'),_auto] dark:hover:!cursor-[url('/images/index/products/realtime-cursor-dark.svg'),_auto]" href="/realtime"><div class="group/panel rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full"><div class="z-10 rounded-[11px] relative overflow-hidden flex-1 flex flex-row sm:flex-col gap-4 items-start sm:items-center lg:items-start justify-between bg-surface-75 w-full h-full text-foreground-lighter [&amp;_strong]:!font-normal [&amp;_strong]:!text-foreground p-4 sm:py-6"><div class="relative z-10 h-full w-full mx-auto gap-2 sm:gap-4 flex flex-col items-start sm:items-center text-left sm:text-center lg:mx-0 lg:pl-2 lg:items-start lg:text-left"><div class="flex items-center gap-2 text-foreground"><svg width="18" height="18" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.15928 1.94531V5.84117M6.24345 5.84117L2.91385 2.40977M6.24345 8.53673H2.4248M16.7998 16.496L21.9988 15.2019C22.7217 15.022 22.8065 14.0285 22.1246 13.7286L9.73411 8.28034C9.08269 7.99391 8.41873 8.65652 8.70383 9.30851L14.0544 21.5445C14.3518 22.2247 15.341 22.1456 15.5266 21.4269L16.7998 16.496Z" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5"></path></svg><h2 class="">Realtime</h2></div><div class="flex-1 flex flex-col justify-between gap-2"><p class="text-sm [&amp;_strong]:!text-foreground"><strong>Build multiplayer experiences</strong><br class="hidden sm:inline-block"> with real-time data synchronization.</p></div></div><figure class="absolute inset-0 xl:-bottom-2 2xl:bottom-0 z-0 w-full overflow-hidden pointer-events-auto hidden sm:block" role="img" aria-label="Supabase Realtime multiplayer app demo"><img alt="Supabase Realtime" loading="lazy" decoding="async" data-nimg="fill" class="hidden dark:block absolute object-cover xl:object-center inset-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=3840&amp;q=100 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-dark.svg&amp;w=3840&amp;q=100"><img alt="Supabase Realtime" loading="lazy" decoding="async" data-nimg="fill" class="dark:hidden absolute object-cover xl:object-center inset-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=3840&amp;q=100 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Frealtime-light.svg&amp;w=3840&amp;q=100"><div class="absolute will-change-transform" style="position:absolute;top:60%;left:30%;transform:translate(0px, 0px) translate(-50%, -50%);transition:transform 0.75s ease-out"><svg width="30" height="38" viewBox="0 0 30 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.58385 1.69742C2.57836 0.865603 1.05859 1.58076 1.05859 2.88572V35.6296C1.05859 37.1049 2.93111 37.7381 3.8265 36.5656L12.5863 25.0943C12.6889 24.96 12.8483 24.8812 13.0173 24.8812H27.3245C28.7697 24.8812 29.4211 23.0719 28.3076 22.1507L3.58385 1.69742Z" fill="hsl(var(--background-surface-200))" stroke="hsl(var(--foreground-lighter))" stroke-linejoin="round"></path></svg><div class="!w-[66.70px] !h-[33.35px] absolute left-full flex items-center justify-center gap-1 -top-6 border border-foreground-lighter/70 rounded-full bg-surface-100"><div class="w-1.5 h-1.5 rounded-full bg-foreground-lighter animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_infinite] pause group-hover:run"></div><div class="w-1.5 h-1.5 rounded-full bg-foreground-lighter animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_200ms_infinite] pause group-hover:run"></div><div class="w-1.5 h-1.5 rounded-full bg-foreground-lighter animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_400ms_infinite] pause group-hover:run"></div></div></div><div class="absolute will-change-transform scale-[80%]" style="position:absolute;top:80%;left:65%;transform:translate(0px, 0px) translate(-50%, -50%);transition:transform 1s ease-out"><svg width="20" height="28" viewBox="0 0 30 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.58385 1.69742C2.57836 0.865603 1.05859 1.58076 1.05859 2.88572V35.6296C1.05859 37.1049 2.93111 37.7381 3.8265 36.5656L12.5863 25.0943C12.6889 24.96 12.8483 24.8812 13.0173 24.8812H27.3245C28.7697 24.8812 29.4211 23.0719 28.3076 22.1507L3.58385 1.69742Z" fill="hsl(var(--background-surface-200))" stroke="hsl(var(--foreground-lighter))" stroke-linejoin="round"></path></svg><div class="!w-[55px] !h-[28px] absolute left-full flex items-center justify-center gap-1 -top-6 border border-foreground-muted rounded-full bg-surface-100 opacity-0 group-hover:opacity-100 transition-opacity"><div class="w-1.5 h-1.5 rounded-full bg-foreground-lighter animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_infinite] pause group-hover:run"></div><div class="w-1.5 h-1.5 rounded-full bg-foreground-lighter animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_200ms_infinite] pause group-hover:run"></div><div class="w-1.5 h-1.5 rounded-full bg-foreground-lighter animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_400ms_infinite] pause group-hover:run"></div></div></div><div class="absolute will-change-transform w-1 h-1 opacity-0 motion-safe:group-hover:opacity-100 delay-0 duration-75 group-hover:duration-300 transition-opacity" style="position:absolute;top:0;left:0;transform:translate(0px, 0px) translate(-50%, -50%)"><div class="w-auto h-auto px-2.5 py-1.5 absolute left-full flex items-center justify-center gap-1 -top-6 border border-brand rounded-full bg-brand-300"><div class="w-1.5 h-1.5 rounded-full bg-brand animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_infinite] pause group-hover:run"></div><div class="w-1.5 h-1.5 rounded-full bg-brand animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_200ms_infinite] pause group-hover:run"></div><div class="w-1.5 h-1.5 rounded-full bg-brand animate-[pulse_600ms_cubic-bezier(0.4,0,0.6,1)_400ms_infinite] pause group-hover:run"></div></div></div><div class=" absolute pointer-events-none w-full h-full max-h-[400px] lg:max-h-none inset-0 top-auto bg-[linear-gradient(to_top,transparent_0%,transparent_50%,hsl(var(--background-surface-75))_85%)] "></div></figure><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><a class="group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus:outline-none focus:border-none focus:ring-brand-600 focus:ring-2 focus:rounded-xl col-span-6 xl:col-span-3" href="/vector"><div class="group/panel rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full"><div class="z-10 rounded-[11px] relative overflow-hidden flex-1 flex flex-row sm:flex-col gap-4 items-start sm:items-center lg:items-start justify-between bg-surface-75 w-full h-full text-foreground-lighter [&amp;_strong]:!font-normal [&amp;_strong]:!text-foreground p-4 sm:py-6"><div class="relative z-10 h-full w-full mx-auto gap-2 sm:gap-4 flex flex-col items-start sm:items-center text-left sm:text-center lg:mx-0 lg:pl-2 lg:items-start lg:text-left"><div class="flex items-center gap-2 text-foreground"><svg width="18" height="18" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.9983 11.4482V21.7337M11.9983 11.4482L21.0732 6.17699M11.9983 11.4482L2.92383 6.17723M2.92383 6.17723V12.4849M2.92383 6.17723V6.1232L8.35978 2.9657M21.0736 12.54V6.1232L15.6376 2.9657M17.7247 18.6107L11.9987 21.9367L6.27265 18.6107" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5"></path></svg><h2 class="">Vector</h2></div><div class="flex-1 flex flex-col justify-between gap-2"><p class="text-sm [&amp;_strong]:!text-foreground">Integrate your favorite ML-models to <br class="hidden sm:inline-block md:hidden"><strong>store, index and search vector embeddings</strong>.</p><span class="hidden lg:block text-foreground"><ul class="flex flex-col gap-1 text-sm"><li class="flex items-center gap-2"><svg role="img" width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><title>OpenAI logo</title><path d="M19.7082 11.2701C20.1166 10.0449 19.9764 8.70392 19.3242 7.58845C18.3429 5.88172 16.3679 5.00397 14.4418 5.41237C13.5823 4.44928 12.351 3.90069 11.0588 3.90679C9.08995 3.90679 7.34055 5.17464 6.73101 7.04595C5.46315 7.30806 4.37206 8.10047 3.73204 9.22203C2.74458 10.9288 2.97011 13.0744 4.29282 14.5373C3.88443 15.7625 4.02462 17.1035 4.67684 18.2128C5.65821 19.9257 7.63314 20.8034 9.5654 20.395C10.4188 21.3581 11.65 21.9128 12.9423 21.9067C14.9111 21.9067 16.6605 20.6388 17.2701 18.7675C18.5379 18.5054 19.629 17.713 20.2629 16.5914C21.2565 14.8847 21.031 12.7391 19.7082 11.2762V11.2701ZM18.3063 8.17971C18.6964 8.8624 18.8427 9.6609 18.7086 10.435C18.6842 10.4167 18.6354 10.3924 18.605 10.3741L15.0208 8.30162C14.838 8.19799 14.6124 8.19799 14.4296 8.30162L10.2298 10.7276V8.94774L13.6981 6.94233C15.3134 6.00972 17.3737 6.56441 18.3063 8.17971ZM10.2298 11.8797L11.9975 10.8556L13.7652 11.8797V13.9216L11.9975 14.9457L10.2298 13.9216V11.8797ZM11.0527 5.08321C11.8451 5.08321 12.607 5.35751 13.2166 5.86343C13.1922 5.87562 13.1434 5.9061 13.1069 5.92439L9.52273 7.99075C9.33987 8.09437 9.23015 8.28943 9.23015 8.50277V13.3548L7.68799 12.4648V8.454C7.68799 6.58879 9.19357 5.08321 11.0588 5.07712L11.0527 5.08321ZM4.75608 9.81329C5.15228 9.1306 5.76792 8.60639 6.51157 8.33209V12.5928C6.51157 12.8062 6.62129 12.9951 6.80415 13.1048L10.9978 15.5247L9.44958 16.4208L5.98736 14.4215C4.37816 13.4889 3.82347 11.4286 4.75608 9.81329ZM5.70087 17.6338C5.30467 16.9572 5.16447 16.1526 5.29857 15.3784C5.32296 15.3967 5.37172 15.4211 5.4022 15.4394L8.98633 17.5119C9.16919 17.6155 9.39472 17.6155 9.57759 17.5119L13.7713 15.0859V16.8657L10.3029 18.8651C8.68765 19.7916 6.62738 19.243 5.69478 17.6338H5.70087ZM12.9484 20.7303C12.1621 20.7303 11.394 20.456 10.7906 19.95C10.815 19.9379 10.8698 19.9074 10.9003 19.8891L14.4844 17.8227C14.6673 17.7191 14.7831 17.524 14.777 17.3107V12.4648L16.3192 13.3548V17.3595C16.3192 19.2247 14.8075 20.7364 12.9484 20.7364V20.7303ZM19.2511 16.0002C18.8549 16.6829 18.2331 17.2071 17.4956 17.4753V13.2146C17.4956 13.0012 17.3859 12.8062 17.203 12.7025L13.0032 10.2765L14.5454 9.38661L18.0137 11.3859C19.629 12.3185 20.1776 14.3788 19.245 15.9941L19.2511 16.0002Z" fill="currentColor"></path></svg><span>OpenAI</span></li><li class="flex items-center gap-2"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Hugging Face logo</title><path d="M14.5063 9.99415C14.6241 10.0358 14.7118 10.1627 14.7951 10.2834C14.9078 10.4466 15.0127 10.5984 15.1736 10.5128C15.7037 10.2309 15.905 9.57264 15.6231 9.04248C15.3412 8.51234 14.6829 8.31108 14.1527 8.59297C13.6226 8.87486 13.4213 9.53316 13.7032 10.0633C13.7778 10.2036 13.9432 10.1374 14.1179 10.0675C14.2548 10.0127 14.3974 9.95571 14.5063 9.99415Z" fill="currentColor"></path><path d="M9.09514 10.2834C9.17851 10.1627 9.26617 10.0358 9.38402 9.99415C9.49288 9.95571 9.63547 10.0127 9.77241 10.0675C9.94706 10.1374 10.1125 10.2036 10.1871 10.0633C10.469 9.53316 10.2677 8.87486 9.73755 8.59297C9.20739 8.31108 8.54909 8.51234 8.2672 9.04248C7.98531 9.57264 8.18657 10.2309 8.71673 10.5128C8.87762 10.5984 8.98246 10.4466 9.09514 10.2834Z" fill="currentColor"></path><path d="M17.161 11.018C17.5512 11.018 17.8676 10.7016 17.8676 10.3113C17.8676 9.92101 17.5512 9.60461 17.161 9.60461C16.7706 9.60461 16.4543 9.92101 16.4543 10.3113C16.4543 10.7016 16.7706 11.018 17.161 11.018Z" fill="currentColor"></path><path d="M7.75666 10.3113C7.75666 10.7016 7.44026 11.018 7.04997 11.018C6.65967 11.018 6.34329 10.7016 6.34329 10.3113C6.34329 9.92101 6.65967 9.60461 7.04997 9.60461C7.44026 9.60461 7.75666 9.92101 7.75666 10.3113Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.2643 11.867C10.7827 12.123 11.3674 12.4118 11.9967 12.4118C12.6281 12.4118 13.2188 12.1198 13.7412 11.8612C13.8755 11.7946 14.0128 11.7271 14.1376 11.6754C14.2558 11.6264 14.4041 11.5735 14.555 11.5634C14.723 11.5521 14.9473 11.5939 15.1049 11.7968C15.2359 11.9654 15.2584 12.172 15.2584 12.3283C15.2584 12.9001 15.062 13.7136 14.5621 14.3945C14.0482 15.0944 13.2161 15.6471 11.9967 15.6471C10.7774 15.6471 9.94528 15.0944 9.43142 14.3945C8.93144 13.7136 8.73514 12.9001 8.73514 12.3283C8.73514 12.1765 8.75633 11.981 8.87358 11.8169C9.01568 11.618 9.22619 11.5584 9.40046 11.5617C9.5519 11.5646 9.69847 11.613 9.81184 11.6576C9.93225 11.7049 10.0627 11.7677 10.1901 11.8304L10.2643 11.867ZM9.6146 12.5191C9.65304 12.9157 9.80861 13.4387 10.1325 13.8798C10.259 14.052 10.4113 14.2126 10.5946 14.3489C10.8301 14.0628 11.1482 13.8473 11.5124 13.7389C11.5993 13.713 11.6889 13.8627 11.7805 14.0159C11.869 14.1637 11.9594 14.3149 12.0514 14.3149C12.1494 14.3149 12.2457 14.1659 12.3397 14.0204C12.4379 13.8684 12.5336 13.7204 12.6261 13.75C12.6531 13.7586 12.6799 13.7678 12.7063 13.7776C13.0007 13.8867 13.2605 14.0671 13.4646 14.2979C13.619 14.1732 13.7499 14.031 13.861 13.8798C14.1849 13.4386 14.3404 12.9156 14.3789 12.5191C14.3062 12.5523 14.2234 12.5929 14.1271 12.6406L14.0759 12.666C13.5846 12.9098 12.8353 13.2816 11.9967 13.2816C11.1555 13.2816 10.4002 12.9061 9.90763 12.6612L9.90682 12.6608C9.87181 12.6434 9.83812 12.6266 9.80583 12.6107C9.73404 12.5754 9.67084 12.5448 9.6146 12.5191ZM14.3845 12.2678C14.3845 12.2678 14.3845 12.2678 14.3846 12.2681L14.3848 12.2693C14.3846 12.2683 14.3845 12.2678 14.3845 12.2678Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13.4818 20.3557C13.0168 20.4352 12.5388 20.4766 12.0511 20.4766C11.5966 20.4766 11.1505 20.4406 10.7155 20.3714C10.1735 20.9859 9.32496 21.297 8.18783 21.297C7.49528 21.297 6.69532 21.1805 5.81077 20.9511L5.81039 20.951C5.79063 20.9455 5.18516 20.7768 4.52417 20.5147C3.44871 20.0883 2.89489 19.691 2.67202 19.1868C2.52503 18.8541 2.53568 18.4968 2.70224 18.1807C2.71768 18.1513 2.73421 18.1226 2.75182 18.095C2.4748 17.6719 2.52785 17.2611 2.57961 17.0639C2.64571 16.8123 2.78248 16.6031 2.96817 16.4529C2.88011 16.3066 2.82118 16.1485 2.79574 15.9721C2.74225 15.6018 2.8651 15.2318 3.14169 14.9306C3.35695 14.696 3.66137 14.5668 3.9984 14.5668L4.00736 14.5669C3.75908 13.7723 3.62529 12.9272 3.62529 12.0508C3.62529 7.39737 7.39765 3.625 12.0511 3.625C16.7046 3.625 20.4769 7.39737 20.4769 12.0508C20.4769 12.9294 20.3425 13.7766 20.093 14.5729C20.1336 14.5689 20.1735 14.5668 20.2126 14.5668C20.5496 14.5668 20.854 14.696 21.0693 14.9306C21.3459 15.2318 21.4687 15.6018 21.4153 15.9721C21.3898 16.1485 21.3309 16.3066 21.2428 16.4529C21.4285 16.6031 21.5653 16.8123 21.6314 17.0639C21.6831 17.2611 21.7362 17.6719 21.4592 18.095C21.4768 18.1226 21.4933 18.1513 21.5087 18.1807C21.6753 18.4968 21.686 18.8541 21.539 19.1868C21.3161 19.691 20.7623 20.0883 19.6868 20.5147C19.0256 20.7769 18.42 20.9456 18.4007 20.951L18.4002 20.9511C17.5157 21.1805 16.7157 21.297 16.0232 21.297C14.8764 21.297 14.0231 20.9806 13.4818 20.3557ZM12.0511 4.49476C16.2242 4.49476 19.6072 7.87772 19.6072 12.0508C19.6072 12.6276 19.5425 13.1893 19.4201 13.7291C19.2075 13.5224 18.9259 13.4098 18.6153 13.4098C18.3335 13.4098 18.0436 13.5031 17.7536 13.6871C17.5611 13.8093 17.3485 14.0258 17.1295 14.2981C16.9266 14.0167 16.6427 13.8297 16.3178 13.7786C16.2556 13.7688 16.1923 13.7638 16.1299 13.7638C15.3882 13.7638 14.942 14.4072 14.7733 14.986C14.6896 15.1815 14.2878 16.0722 13.6833 16.6762C12.7664 17.5926 12.5342 18.5377 12.9826 19.55C12.6774 19.5875 12.3665 19.6069 12.0511 19.6069C11.7713 19.6069 11.495 19.5917 11.223 19.562C11.6786 18.5452 11.4482 17.5962 10.5277 16.6762C9.92322 16.0722 9.52139 15.1815 9.43767 14.986C9.26894 14.4072 8.82275 13.7638 8.08106 13.7638C8.01866 13.7638 7.95538 13.7688 7.8932 13.7786C7.56834 13.8297 7.28436 14.0167 7.08149 14.2981C6.86253 14.0258 6.64987 13.8093 6.45744 13.6871C6.16737 13.5031 5.87752 13.4098 5.59572 13.4098C5.24368 13.4098 4.92905 13.5544 4.70965 13.8166L4.70412 13.8233C4.56745 13.2548 4.49506 12.6613 4.49506 12.0508C4.49506 7.87772 7.87802 4.49476 12.0511 4.49476ZM5.59572 14.2796C5.70662 14.2796 5.84208 14.3268 5.99146 14.4216C6.45526 14.7158 7.35025 16.2542 7.67793 16.8526C7.78774 17.053 7.97539 17.1378 8.14434 17.1378C8.47963 17.1378 8.74143 16.8045 8.175 16.3809C7.32328 15.7436 7.62205 14.7018 8.02866 14.6377C8.04649 14.6349 8.0641 14.6336 8.08106 14.6336C8.45071 14.6336 8.61379 15.2707 8.61379 15.2707C8.61379 15.2707 9.09173 16.4709 9.91278 17.2913C10.7338 18.112 10.7762 18.7706 10.1778 19.6482C9.76971 20.2466 8.98844 20.4273 8.18783 20.4273C7.35742 20.4273 6.50614 20.2329 6.02908 20.1092C6.0056 20.1031 3.10429 19.2835 3.47176 18.586C3.53352 18.4688 3.63528 18.4218 3.76335 18.4218C4.038 18.4218 4.43201 18.6387 4.80181 18.8423C5.12882 19.0224 5.43692 19.192 5.62681 19.192C5.71727 19.192 5.78098 19.1535 5.80707 19.0596C5.88544 18.7784 5.35099 18.5713 4.76671 18.3449C4.06546 18.0732 3.29243 17.7736 3.42088 17.2848C3.46241 17.1263 3.57505 17.0619 3.73334 17.0622C4.13901 17.0622 4.84392 17.4854 5.41743 17.8297C5.81072 18.0658 6.14222 18.2648 6.27305 18.2648C6.29762 18.2648 6.31523 18.2577 6.3248 18.2424C6.48592 17.9824 6.39764 17.8008 5.26195 17.1135C5.17294 17.0596 5.08601 17.0074 5.00159 16.9567C4.00899 16.3606 3.36466 15.9737 3.78249 15.5188C3.83467 15.4618 3.9086 15.4366 3.9984 15.4366C4.68791 15.4368 6.31697 16.9193 6.31697 16.9193C6.31697 16.9193 6.75664 17.3766 7.02256 17.3766C7.08367 17.3766 7.13563 17.3524 7.17086 17.2929C7.26579 17.1328 6.82107 16.6806 6.34216 16.1936C5.87006 15.7135 5.36473 15.1997 5.31044 14.8986C5.23629 14.4877 5.36241 14.2796 5.59572 14.2796ZM18.2195 14.4216C18.3689 14.3268 18.5044 14.2796 18.6153 14.2796C18.8486 14.2796 18.9747 14.4877 18.9006 14.8986C18.8463 15.1997 18.3409 15.7135 17.8688 16.1936C17.3899 16.6806 16.9452 17.1328 17.0401 17.2929C17.0754 17.3524 17.1273 17.3766 17.1884 17.3766C17.4544 17.3766 17.894 16.9193 17.894 16.9193C17.894 16.9193 19.5231 15.4368 20.2126 15.4366C20.3024 15.4366 20.3763 15.4618 20.4285 15.5188C20.8463 15.9737 20.202 16.3606 19.2094 16.9567C19.125 17.0074 19.038 17.0596 18.949 17.1135C17.8133 17.8008 17.7251 17.9824 17.8862 18.2424C17.8958 18.2577 17.9134 18.2648 17.9379 18.2648C18.0688 18.2648 18.4003 18.0658 18.7936 17.8297C19.3671 17.4854 20.072 17.0622 20.4776 17.0622C20.6359 17.0619 20.7486 17.1263 20.7901 17.2848C20.9186 17.7736 20.1455 18.0732 19.4443 18.3449C18.86 18.5713 18.3255 18.7784 18.4039 19.0596C18.43 19.1535 18.4937 19.192 18.5842 19.192C18.7741 19.192 19.0822 19.0224 19.4092 18.8423C19.779 18.6387 20.173 18.4218 20.4476 18.4218C20.5757 18.4218 20.6775 18.4688 20.7392 18.586C21.1067 19.2835 18.2054 20.1031 18.1819 20.1092C17.7048 20.2329 16.8536 20.4273 16.0232 20.4273C15.2225 20.4273 14.4413 20.2466 14.0331 19.6482C13.4348 18.7706 13.4772 18.112 14.2982 17.2913C15.1193 16.4709 15.5972 15.2707 15.5972 15.2707C15.5972 15.2707 15.7603 14.6336 16.1299 14.6336C16.1469 14.6336 16.1645 14.6349 16.1823 14.6377C16.5889 14.7018 16.8877 15.7436 16.036 16.3809C15.4696 16.8045 15.7314 17.1378 16.0667 17.1378C16.2356 17.1378 16.4233 17.053 16.5331 16.8526C16.8607 16.2542 17.7557 14.7158 18.2195 14.4216Z" fill="currentColor"></path></svg><span>Hugging Face</span></li></ul></span></div></div><figure class="absolute inset-0 z-0 items-end top-auto aspect-[390/430] w-full md:w-[calc(100%+4rem)] 2xl:w-full md:-mx-8 2xl:mx-0 -bottom-0 sm:-bottom-28 md:bottom-0 lg:-bottom-28 xl:bottom-0 hidden sm:block" role="img" aria-label="Supabase Vector uses pgvector to store, index, and access embeddings"><span class="absolute w-full h-full lg:!aspect-[390/430] flex items-end justify-center inset-0 top-16 md:top-20 lg:top-0 bottom-auto mx-auto"><img alt="Supabase Vector graph" loading="lazy" decoding="async" data-nimg="fill" class="hidden dark:block absolute inset-0 z-0 object-contain object-center" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=3840&amp;q=100 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-dark.svg&amp;w=3840&amp;q=100"><img alt="Supabase Vector graph" loading="lazy" decoding="async" data-nimg="fill" class="dark:hidden absolute inset-0 z-0 object-contain object-center" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=3840&amp;q=100 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fvector-light.svg&amp;w=3840&amp;q=100"><svg viewBox="0 0 390 430" fill="none" xmlns="http://www.w3.org/2000/svg" class="absolute w-full h-full z-20 m-auto opacity-0 group-hover:opacity-100 transition-opacity"><path d="m195.918 125.344 80.861 46.685v93.37l-80.861 46.685-80.861-46.685v-93.37l80.861-46.685Z" stroke="url(#paint0_radial_484_53266)" stroke-width="2"></path><defs><radialGradient id="paint0_radial_484_53266" cx="0" cy="0" r="2" gradientUnits="userSpaceOnUse" gradientTransform="translate(0 0) rotate(56.4303) scale(132.019)"><stop stop-color="hsl(var(--brand-default))"></stop><stop offset="1" stop-color="hsl(var(--brand-default))" stop-opacity="0"></stop></radialGradient></defs></svg></span></figure><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><a class="group relative w-full sm:h-[400px] flex flex-col gap-5 lg:flex-row focus:outline-none focus:border-none focus:ring-brand-600 focus:ring-2 focus:rounded-xl col-span-6 xl:col-span-3" href="https://supabase.com/docs/guides/api"><div class="group/panel rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full"><div class="z-10 rounded-[11px] relative overflow-hidden flex-1 flex flex-row sm:flex-col gap-4 items-start sm:items-center lg:items-start justify-between bg-surface-75 w-full h-full text-foreground-lighter [&amp;_strong]:!font-normal [&amp;_strong]:!text-foreground p-4 sm:py-6"><div class="relative z-10 h-full w-full mx-auto gap-2 sm:gap-4 flex flex-col items-start sm:items-center text-left sm:text-center lg:mx-0 lg:pl-2 lg:items-start lg:text-left"><div class="flex items-center gap-2 text-foreground"><svg width="18" height="18" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.13477 12.8129C4.13477 14.1481 4.43245 15.4138 4.96506 16.5471M12.925 4.02271C11.5644 4.02271 10.276 4.33184 9.12614 4.88371M21.7152 12.8129C21.7152 11.4644 21.4115 10.1867 20.8688 9.0447M12.925 21.6032C14.2829 21.6032 15.5689 21.2952 16.717 20.7454M16.717 20.7454C17.2587 21.5257 18.1612 22.0366 19.1831 22.0366C20.84 22.0366 22.1831 20.6935 22.1831 19.0366C22.1831 17.3798 20.84 16.0366 19.1831 16.0366C17.5263 16.0366 16.1831 17.3798 16.1831 19.0366C16.1831 19.6716 16.3804 20.2605 16.717 20.7454ZM4.96506 16.5471C4.16552 17.086 3.63965 17.9999 3.63965 19.0366C3.63965 20.6935 4.98279 22.0366 6.63965 22.0366C8.2965 22.0366 9.63965 20.6935 9.63965 19.0366C9.63965 17.3798 8.2965 16.0366 6.63965 16.0366C6.01951 16.0366 5.44333 16.2248 4.96506 16.5471ZM9.12614 4.88371C8.58687 4.08666 7.67444 3.56274 6.63965 3.56274C4.98279 3.56274 3.63965 4.90589 3.63965 6.56274C3.63965 8.2196 4.98279 9.56274 6.63965 9.56274C8.2965 9.56274 9.63965 8.2196 9.63965 6.56274C9.63965 5.94069 9.45032 5.36285 9.12614 4.88371ZM20.8688 9.0447C21.6621 8.50486 22.1831 7.59464 22.1831 6.56274C22.1831 4.90589 20.84 3.56274 19.1831 3.56274C17.5263 3.56274 16.1831 4.90589 16.1831 6.56274C16.1831 8.2196 17.5263 9.56274 19.1831 9.56274C19.8081 9.56274 20.3884 9.37165 20.8688 9.0447Z" stroke="currentColor" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" stroke-width="1.5"></path></svg><h2 class="">Data APIs</h2></div><div class="flex-1 flex flex-col justify-between gap-2"><p class="text-sm [&amp;_strong]:!text-foreground">Instant ready-to-use <strong>Restful APIs</strong>.</p></div></div><figure class="absolute inset-0 overflow-hidden hidden sm:block"><div class="absolute z-0 inset-0 flex flex-nowrap"><div class="relative h-full !aspect-[330/430] -right-10 -left-10 items-end pb-2 z-10 flex pause animate-[marquee-reverse_30000ms_linear_both_infinite] motion-safe:group-hover:run will-change-transform"><img alt="Supabase restful DataAPIs" loading="lazy" decoding="async" data-nimg="fill" class="hidden dark:block !h-full !aspect-[330/430]" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=3840&amp;q=100 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=3840&amp;q=100"><img alt="Supabase restful DataAPIs" loading="lazy" decoding="async" data-nimg="fill" class="dark:block !h-full !aspect-[330/430]" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=3840&amp;q=100 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=3840&amp;q=100"></div><div class="relative h-full !aspect-[330/430] -right-10 -left-10 items-end pb-2 z-10 flex pause animate-[marquee-reverse_30000ms_linear_both_infinite] motion-safe:group-hover:run will-change-transform"><img alt="Supabase restful DataAPIs" loading="lazy" decoding="async" data-nimg="fill" class="hidden dark:block !h-full !aspect-[330/430]" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=3840&amp;q=100 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=3840&amp;q=100"><img alt="Supabase restful DataAPIs" loading="lazy" decoding="async" data-nimg="fill" class="dark:block !h-full !aspect-[330/430]" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=3840&amp;q=100 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=3840&amp;q=100"></div><div class="relative h-full !aspect-[330/430] -right-10 -left-10 items-end pb-2 z-10 flex pause animate-[marquee-reverse_30000ms_linear_both_infinite] motion-safe:group-hover:run will-change-transform"><img alt="Supabase restful DataAPIs" loading="lazy" decoding="async" data-nimg="fill" class="hidden dark:block !h-full !aspect-[330/430]" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=3840&amp;q=100 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-dark.svg&amp;w=3840&amp;q=100"><img alt="Supabase restful DataAPIs" loading="lazy" decoding="async" data-nimg="fill" class="dark:block !h-full !aspect-[330/430]" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=3840&amp;q=100 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-lines-light.svg&amp;w=3840&amp;q=100"></div><img alt="Supabase restful DataAPIs" loading="lazy" decoding="async" data-nimg="fill" class="hidden dark:block absolute h-full aspect-[330/430] inset-0 z-10 object-contain xl:object-cover 2xl:object-contain object-center bottom-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=3840&amp;q=100 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-dark.svg&amp;w=3840&amp;q=100"><img alt="Supabase restful DataAPIs" loading="lazy" decoding="async" data-nimg="fill" class="dark:hidden absolute h-full aspect-[330/430] inset-0 z-10 object-contain xl:object-cover 2xl:object-contain object-center bottom-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100%" srcset="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=16&amp;q=100 16w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=32&amp;q=100 32w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=48&amp;q=100 48w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=64&amp;q=100 64w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=96&amp;q=100 96w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=128&amp;q=100 128w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=256&amp;q=100 256w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=384&amp;q=100 384w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=640&amp;q=100 640w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=750&amp;q=100 750w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=828&amp;q=100 828w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=1080&amp;q=100 1080w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=1200&amp;q=100 1200w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=1920&amp;q=100 1920w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=2048&amp;q=100 2048w, /_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=3840&amp;q=100 3840w" src="/_next/image?url=%2Fimages%2Findex%2Fproducts%2Fdata-apis-light.svg&amp;w=3840&amp;q=100"></div></figure><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><p class="text-xl sm:text-2xl text-foreground-lighter col-span-full tracking-[-.01rem]"><span class="text-foreground">Use one or all.</span> Best of breed products. Integrated as a platform.</p></div><div id="frameworks" class="sm:py-18 container relative mx-auto px-6 py-16 md:py-24 lg:px-16 lg:py-24 xl:px-20"><div class="relative z-20 w-full max-w-6xl mx-auto h-full flex flex-col xl:flex-row gap-4 items-center justify-between"><div class="!leading-tight text-center xl:text-left text-2xl md:text-4xl text-foreground-lighter whitespace-nowrap">Use Supabase with<!-- --> <div class="block"><span class="inline-block text-foreground" style="opacity: 1; transform: none;">any framework</span></div></div><div class="grid grid-cols-5 md:grid-cols-10"><a class="transition-opacity group" href="/docs/guides/getting-started/quickstarts/reactjs"><div class="m-1 bg-[var(--color-bg-darkest)] h-16 w-16 flex items-center justify-center rounded-md group-hover:border transition-all text-foreground-light border-foreground-light hover:shadow"><svg width="45" height="45" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M45.74 23.6983C45.2739 23.5379 44.7909 23.3861 44.2937 23.2426C44.3754 22.909 44.4504 22.5798 44.5171 22.2561C45.6119 16.9418 44.8961 12.6605 42.4518 11.2509C40.1079 9.89927 36.2748 11.3085 32.4035 14.6776C32.0313 15.0016 31.6579 15.3446 31.2848 15.704C31.0362 15.4662 30.7879 15.2364 30.5403 15.0165C26.4831 11.4141 22.4164 9.89599 19.9744 11.3097C17.6329 12.6652 16.9394 16.69 17.9249 21.7265C18.0201 22.2129 18.1313 22.7097 18.2571 23.2148C17.6816 23.3782 17.1259 23.5524 16.5943 23.7377C11.8376 25.3961 8.7998 27.9952 8.7998 30.6911C8.7998 33.4755 12.0609 36.2683 17.0153 37.9617C17.4063 38.0953 17.812 38.2217 18.2301 38.3416C18.0944 38.8879 17.9763 39.4232 17.8773 39.9454C16.9376 44.8944 17.6714 48.8242 20.0068 50.1711C22.4189 51.5622 26.4673 50.1324 30.4093 46.6865C30.7209 46.4141 31.0336 46.1253 31.3469 45.8225C31.7529 46.2135 32.1582 46.5835 32.5615 46.9306C36.3798 50.2164 40.151 51.5432 42.4842 50.1925C44.894 48.7975 45.6772 44.576 44.6604 39.4399C44.5828 39.0476 44.4924 38.6469 44.3909 38.239C44.6752 38.155 44.9543 38.0682 45.2265 37.978C50.3771 36.2715 53.7282 33.5127 53.7282 30.6911C53.7282 27.9854 50.5924 25.3688 45.74 23.6983ZM44.6228 36.1561C44.3772 36.2375 44.1251 36.3161 43.8682 36.3923C43.2996 34.5922 42.5322 32.6781 41.5931 30.7005C42.4893 28.7699 43.227 26.8803 43.7797 25.0919C44.2393 25.2249 44.6854 25.3651 45.1152 25.5132C49.2728 26.9444 51.8089 29.0605 51.8089 30.6911C51.8089 32.4279 49.07 34.6826 44.6228 36.1561ZM42.7776 39.8126C43.2272 42.0837 43.2914 44.1371 42.9936 45.7423C42.726 47.1847 42.1878 48.1463 41.5225 48.5315C40.1066 49.351 37.0787 48.2857 33.8132 45.4757C33.4388 45.1535 33.0618 44.8096 32.6835 44.4455C33.9495 43.061 35.2147 41.4514 36.4495 39.6638C38.6215 39.4711 40.6735 39.156 42.5344 38.7258C42.626 39.0955 42.7074 39.4581 42.7776 39.8126ZM24.1169 48.3898C22.7336 48.8784 21.6318 48.8924 20.9658 48.5084C19.5486 47.691 18.9594 44.5358 19.7631 40.3033C19.8551 39.8186 19.9647 39.3207 20.091 38.8118C21.9314 39.2187 23.9684 39.5116 26.1456 39.6881C27.3887 41.4373 28.6905 43.0452 30.0024 44.453C29.7157 44.7297 29.4302 44.9931 29.1463 45.2413C27.4032 46.7651 25.6564 47.8461 24.1169 48.3898ZM17.6361 36.1455C15.4453 35.3967 13.6361 34.4235 12.396 33.3616C11.2817 32.4073 10.7191 31.4599 10.7191 30.6911C10.7191 29.0551 13.1581 26.9684 17.226 25.5501C17.7196 25.378 18.2363 25.2158 18.7725 25.0635C19.3347 26.8923 20.0722 28.8043 20.9623 30.7378C20.0607 32.7 19.3128 34.6425 18.745 36.4927C18.3628 36.3829 17.9924 36.2672 17.6361 36.1455ZM19.8085 21.3579C18.9642 17.0428 19.5249 13.7876 20.936 12.9708C22.4391 12.1006 25.7628 13.3413 29.2659 16.4518C29.4898 16.6506 29.7146 16.8587 29.9401 17.074C28.6347 18.4756 27.3448 20.0714 26.1127 21.8103C23.9997 22.0061 21.977 22.3208 20.1174 22.742C20.0004 22.2717 19.8969 21.8097 19.8085 21.3579ZM39.1886 26.1433C38.744 25.3754 38.2876 24.6257 37.8223 23.8964C39.2558 24.0777 40.6293 24.3182 41.9191 24.6126C41.5318 25.8536 41.0492 27.1511 40.4811 28.4813C40.0735 27.7076 39.6425 26.9275 39.1886 26.1433ZM31.2854 18.4456C32.1707 19.4047 33.0573 20.4756 33.9293 21.6374C33.0506 21.5959 32.161 21.5743 31.264 21.5743C30.3755 21.5743 29.4925 21.5954 28.6192 21.6362C29.4921 20.4852 30.3863 19.4158 31.2854 18.4456ZM23.3317 26.1566C22.8876 26.9267 22.4645 27.7025 22.0634 28.4799C21.5045 27.1543 21.0263 25.8509 20.6357 24.5923C21.9176 24.3054 23.2846 24.0709 24.7089 23.8931C24.2371 24.6291 23.7769 25.3843 23.3317 26.1564V26.1566ZM24.75 37.626C23.2783 37.4618 21.8908 37.2394 20.6093 36.9604C21.0061 35.6793 21.4948 34.3481 22.0655 32.994C22.4677 33.7707 22.8925 34.5469 23.3393 35.3187H23.3393C23.7945 36.1049 24.266 36.875 24.75 37.626ZM31.3385 43.0719C30.4289 42.0904 29.5215 41.0047 28.6353 39.8368C29.4956 39.8706 30.3726 39.8879 31.264 39.8879C32.1798 39.8879 33.085 39.8672 33.9761 39.8276C33.1012 41.0164 32.2178 42.1038 31.3385 43.0719ZM40.4994 32.9249C41.0999 34.2937 41.6061 35.618 42.0081 36.8772C40.7054 37.1744 39.2989 37.4138 37.8171 37.5916C38.2835 36.8525 38.7439 36.0899 39.1963 35.3055C39.6539 34.5118 40.0885 33.717 40.4994 32.9249ZM37.5337 34.3466C36.8314 35.5643 36.1104 36.7268 35.3784 37.8241C34.0452 37.9194 32.6678 37.9685 31.264 37.9685C29.8659 37.9685 28.5058 37.9251 27.1962 37.8401C26.4347 36.7284 25.698 35.5625 25.0002 34.3571H25.0004C24.3044 33.155 23.6638 31.9427 23.0834 30.7372C23.6636 29.5289 24.3025 28.3152 24.9945 27.1152L24.9944 27.1155C25.6882 25.9123 26.4184 24.7521 27.1729 23.6473C28.509 23.5463 29.8792 23.4936 31.2639 23.4936H31.264C32.655 23.4936 34.0269 23.5467 35.3626 23.6486C36.1056 24.7453 36.8308 25.9017 37.5274 27.1051C38.2319 28.3219 38.879 29.5275 39.4642 30.7099C38.8808 31.9126 38.2351 33.1303 37.5337 34.3466ZM41.4931 12.9137C42.9976 13.7813 43.5826 17.2804 42.6374 21.8688C42.5771 22.1615 42.5092 22.4597 42.4354 22.762C40.5715 22.3319 38.5474 22.0118 36.4282 21.813C35.1937 20.055 33.9143 18.4567 32.6302 17.0731C32.9755 16.741 33.3202 16.4243 33.6636 16.1254C36.9805 13.2388 40.0806 12.0991 41.4931 12.9137ZM31.264 26.6791C33.4797 26.6791 35.276 28.4753 35.276 30.6911C35.276 32.9068 33.4797 34.703 31.264 34.703C29.0483 34.703 27.252 32.9068 27.252 30.6911C27.252 28.4753 29.0483 26.6791 31.264 26.6791Z" fill="currentColor"></path></svg></div></a><a class="transition-opacity group" href="/docs/guides/getting-started/quickstarts/nextjs"><div class="m-1 bg-[var(--color-bg-darkest)] h-16 w-16 flex items-center justify-center rounded-md group-hover:border transition-all text-foreground-light border-foreground-light hover:shadow"><svg width="45" height="45" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M42.3148 48.6796C38.9009 50.9525 34.8014 52.2771 30.3924 52.2771C18.4957 52.2771 8.85156 42.6329 8.85156 30.7362C8.85156 18.8395 18.4957 9.19531 30.3924 9.19531C42.2891 9.19531 51.9333 18.8395 51.9333 30.7362C51.9333 37.1564 49.1245 42.9207 44.6688 46.8671L39.5552 40.2803V21.8278H36.584V36.4531L25.2299 21.8278H21.4808V39.6473H24.4801V25.6368L42.3148 48.6796Z" fill="currentColor"></path></svg></div></a><a class="transition-opacity group" href="/docs/guides/getting-started/quickstarts/redwoodjs"><div class="m-1 bg-[var(--color-bg-darkest)] h-16 w-16 flex items-center justify-center rounded-md group-hover:border transition-all text-foreground-light border-foreground-light hover:shadow"><svg width="45" height="45" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.7716 14.6475L31.2847 21.1184C31.4993 21.2609 31.7501 21.3389 32.0076 21.3434C32.2654 21.3415 32.5167 21.2633 32.7304 21.1184L42.2508 14.6257C42.6207 14.3618 42.8247 13.9218 42.7876 13.4678C42.7505 13.0139 42.4779 12.6131 42.0701 12.4131L32.5569 7.71949C32.1961 7.545 31.7757 7.545 31.4147 7.71949L21.9306 12.4131C21.5154 12.6141 21.2392 13.0227 21.2063 13.4841C21.1735 13.9455 21.3891 14.3893 21.7716 14.6475ZM35.2389 23.1497C35.2396 23.5789 35.4504 23.9801 35.8027 24.2233L43.4291 29.4176C43.9173 29.7529 44.5705 29.7111 45.0123 29.316L51.4098 23.614C51.6948 23.3601 51.8531 22.9925 51.8419 22.6102C51.8309 22.2279 51.6513 21.8702 51.3519 21.6335L45.2436 16.7658C44.7995 16.4143 44.1802 16.3908 43.711 16.7078L35.8027 22.0978C35.4566 22.3366 35.2466 22.7283 35.2389 23.1497ZM16.2704 30.2155C16.5786 30.4914 16.7371 30.8984 16.6969 31.311C16.6569 31.7258 16.4164 32.0946 16.0536 32.2975L11.4994 35.0179C11.0377 35.2929 10.4548 35.2533 10.0344 34.9183C9.61395 34.5834 9.44327 34.0226 9.60544 33.509L11.2898 28.2278C11.4219 27.8093 11.7568 27.4869 12.1789 27.3718C12.6007 27.2494 13.0555 27.3567 13.3789 27.6547L16.2704 30.2155ZM40.9712 30.7668L32.7377 25.1519C32.3001 24.8585 31.7295 24.8585 31.2919 25.1519L23.0582 30.7668C22.7308 30.9927 22.5234 31.3557 22.4945 31.7534C22.4731 32.154 22.6323 32.5428 22.9282 32.8126L31.1545 40.1468C31.3918 40.3577 31.6979 40.4738 32.0148 40.4732C32.3315 40.4731 32.6375 40.3571 32.875 40.1468L41.1014 32.8126C41.3981 32.544 41.5553 32.1535 41.5279 31.7534C41.5049 31.3557 41.2993 30.9912 40.9712 30.7668ZM19.0101 29.316L12.6199 23.614C12.3323 23.3537 12.1736 22.9795 12.1861 22.5911C12.1931 22.2083 12.3708 21.8488 12.6705 21.6118L18.7788 16.715C19.2259 16.3645 19.8465 16.3411 20.3185 16.657L28.2197 22.047C28.5863 22.2867 28.8075 22.696 28.8075 23.1352C28.8075 23.5743 28.5863 23.9837 28.2197 24.2233L20.6005 29.4175C20.1093 29.7514 19.4552 29.7097 19.0101 29.316ZM51.8218 37.5062L45.3158 33.625C44.8326 33.3349 44.2176 33.3937 43.7977 33.7702L35.8461 40.8432C35.5106 41.1418 35.3531 41.5933 35.4296 42.0366C35.5063 42.4798 35.8059 42.8518 36.2219 43.0196L47.2531 47.4738C47.4044 47.5365 47.5666 47.5686 47.7302 47.5681C48.2422 47.5697 48.7069 47.2683 48.9158 46.7991L52.335 39.1675C52.6132 38.5636 52.3917 37.8462 51.8218 37.5062ZM52.7253 28.2278L54.4097 33.509H54.3952C54.5198 33.904 54.449 34.3351 54.2047 34.669C53.9604 35.0031 53.572 35.2 53.159 35.1993C52.9275 35.2 52.7 35.1374 52.5013 35.018L47.9399 32.2975C47.5844 32.0904 47.3524 31.722 47.3182 31.311C47.2755 30.8981 47.4344 30.49 47.7447 30.2155L50.6362 27.6474C50.9629 27.3558 51.4143 27.2493 51.8362 27.3645C52.258 27.4846 52.5918 27.8088 52.7253 28.2278ZM28.5955 42.033C28.6733 41.5915 28.5174 41.1412 28.1835 40.8432L20.2318 33.7702C19.8119 33.3937 19.1969 33.3349 18.7138 33.625L12.2078 37.5062C11.6445 37.8477 11.4216 38.556 11.6873 39.1603L15.1138 46.7919C15.3977 47.4283 16.1316 47.7261 16.7764 47.4666L27.8004 43.0124C28.2165 42.846 28.5173 42.4755 28.5955 42.033ZM32.4991 44.2093L41.3472 47.7785C41.7799 47.963 42.0787 48.3684 42.128 48.8376C42.184 49.3127 41.9722 49.7795 41.5785 50.0491L32.7232 56.1791C32.511 56.3277 32.2591 56.4086 32.0003 56.4113C31.7418 56.4073 31.4903 56.3265 31.2774 56.1791L22.4294 50.0491C22.0343 49.7802 21.82 49.3139 21.8728 48.8376C21.9318 48.3636 22.2414 47.9586 22.6824 47.7785L31.5305 44.2093C31.8416 44.0856 32.188 44.0856 32.4991 44.2093Z" fill="currentColor"></path></svg></div></a><a class="transition-opacity group" href="/docs/guides/getting-started/quickstarts/flutter"><div class="m-1 bg-[var(--color-bg-darkest)] h-16 w-16 flex items-center justify-center rounded-md group-hover:border transition-all text-foreground-light border-foreground-light hover:shadow"><svg width="45" height="45" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M46.5067 10.3828L34.3509 10.3962L14.75 29.9971L20.7974 36.0519L26.1125 30.7666L46.5067 10.3828Z M34.6996 28.4653C34.5272 28.4573 34.3493 28.4491 34.2378 28.5965L23.7856 39.0471L29.7894 45.0142L29.7825 45.021L34.079 49.3212C34.1072 49.3462 34.1352 49.3741 34.1637 49.4026C34.2813 49.5201 34.4074 49.6462 34.5895 49.6055C36.5743 49.601 38.5591 49.6017 40.544 49.6025C42.529 49.6032 44.5142 49.604 46.4998 49.5995L35.9333 39.0234L46.4963 28.467L34.906 28.464C34.8415 28.4719 34.7711 28.4686 34.6996 28.4653Z" fill="currentColor"></path></svg></div></a><a class="transition-opacity group" href="/docs/guides/getting-started/quickstarts/kotlin"><div class="m-1 bg-[var(--color-bg-darkest)] h-16 w-16 flex items-center justify-center rounded-md group-hover:border transition-all text-foreground-light border-foreground-light hover:shadow"><svg width="45" height="45" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M51.7395 51.7398H12.2598V12.2601H51.7395L31.591 31.7137L51.7395 51.7398Z" fill="currentColor"></path></svg></div></a><a class="transition-opacity group" href="/docs/guides/getting-started/quickstarts/sveltekit"><div class="m-1 bg-[var(--color-bg-darkest)] h-16 w-16 flex items-center justify-center rounded-md group-hover:border transition-all text-foreground-light border-foreground-light hover:shadow"><svg width="45" height="45" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M29.9094 11.2292C35.956 7.37668 44.3187 9.17299 48.553 15.2334H48.5532C50.5831 18.0746 51.3826 21.614 50.771 25.0519C50.4778 26.677 49.8581 28.2259 48.9493 29.6047C50.2752 32.1335 50.7201 35.0322 50.2136 37.8422C49.6086 41.2154 47.6106 44.1777 44.7096 46.0024L34.0903 52.7707C28.0445 56.623 19.6818 54.8274 15.4466 48.7665C13.4171 45.9251 12.6176 42.3859 13.2288 38.948C13.5223 37.3227 14.1422 35.7738 15.0512 34.3949C13.7247 31.8665 13.2794 28.9677 13.786 26.1577C14.3913 22.7845 16.3893 19.8223 19.29 17.9974L29.9094 11.2292ZM19.8146 45.9861C21.8311 48.8931 25.4469 50.2333 28.8709 49.343H28.8708C29.6345 49.139 30.3624 48.8192 31.0293 48.3946L41.6512 41.6252C43.396 40.5274 44.5979 38.7455 44.9622 36.7164C45.33 34.6483 44.8489 32.5192 43.6278 30.8101C41.6113 27.9032 37.9955 26.5629 34.5715 27.4531C33.8084 27.6571 33.081 27.9768 32.4147 28.4012L28.3617 30.9842C28.1601 31.1125 27.9401 31.2092 27.7093 31.271C26.6776 31.5384 25.5887 31.1342 24.9815 30.2584C24.614 29.7429 24.4693 29.1012 24.5801 28.4779C24.6899 27.8669 25.0519 27.3302 25.5774 26.9996L36.2002 20.2298C36.4017 20.1015 36.6218 20.0048 36.8526 19.9431C37.8838 19.6754 38.9725 20.0795 39.5793 20.9551C39.9039 21.4146 40.0556 21.974 40.0078 22.5345L39.9714 22.9285L40.3662 23.0484C41.8596 23.4989 43.265 24.2014 44.5218 25.1254L45.0657 25.5245L45.2658 24.9145C45.3729 24.59 45.4577 24.2586 45.5196 23.9225C45.8873 21.8544 45.4063 19.7254 44.1852 18.0162C42.1687 15.1093 38.553 13.7691 35.129 14.6593C34.3653 14.8633 33.6374 15.1832 32.9705 15.6077L22.3487 22.3777C20.6036 23.475 19.4016 25.2568 19.0376 27.2858C18.6699 29.3539 19.1509 31.4829 20.372 33.192C22.3885 36.099 26.0043 37.4392 29.4283 36.549C30.1914 36.345 30.9188 36.0256 31.5853 35.6017L35.6389 33.0177C35.8402 32.8895 36.06 32.7929 36.2905 32.7311C37.3221 32.4637 38.4111 32.868 39.0183 33.7438C39.3857 34.2592 39.5306 34.9007 39.4205 35.524C39.3102 36.1352 38.948 36.6718 38.4224 37.0028L27.7996 43.7722C27.5981 43.9006 27.378 43.9973 27.1471 44.059C26.116 44.3266 25.0273 43.9225 24.4204 43.0469C24.0955 42.5876 23.9438 42.0281 23.992 41.4675L24.0284 41.0735L23.6336 40.9537C22.1404 40.5032 20.7351 39.8011 19.4783 38.8776L18.934 38.4778L18.734 39.0878C18.6266 39.4122 18.5418 39.7437 18.4801 40.0798C18.1125 42.1479 18.5935 44.277 19.8146 45.9861Z" fill="currentColor"></path></svg></div></a><a class="transition-opacity group" href="/docs/guides/getting-started/quickstarts/solidjs"><div class="m-1 bg-[var(--color-bg-darkest)] h-16 w-16 flex items-center justify-center rounded-md group-hover:border transition-all text-foreground-light border-foreground-light hover:shadow"><svg width="45" height="45" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.7069 8.48157C39.8712 5.45973 56.8336 18.3919 56.8336 18.3919L51.0722 28.1073L50.9621 28.0856C51.0348 28.141 51.0722 28.1726 51.0722 28.1726C51.0681 28.1647 50.7083 27.8867 50.0561 27.4261C46.2099 24.7104 32.1917 15.6482 20.9454 18.2298C20.8906 18.2436 20.8351 18.2574 20.7793 18.2714C20.4417 18.3556 20.0905 18.4432 19.7867 18.5547C18.0673 19.116 16.7102 20.0163 15.7606 21.1271L15.7312 21.1213L20.5914 12.7706C20.6522 12.6724 20.7085 12.5694 20.7654 12.4654C20.8589 12.2942 20.9541 12.12 21.0742 11.9583C22.0076 10.5936 23.5204 9.45636 25.5481 8.8065C25.852 8.69497 26.2032 8.60737 26.5408 8.52316L26.5433 8.52253C26.5983 8.50882 26.6529 8.49519 26.7069 8.48157Z M19.46 32.0592L32.05 27.9448C35.8485 26.7049 40.3864 27.4446 43.8122 29.5562C43.7796 29.5338 44.8294 30.2289 44.9407 30.3542L49.7055 28.4801C49.3614 28.2446 48.0959 27.3256 47.6565 27.0394C45.8866 25.8866 43.3927 24.3844 40.4974 22.978C34.6564 20.1405 27.4046 17.8034 21.1853 19.2266L21.0193 19.2682C20.6776 19.3536 20.3877 19.4261 20.1399 19.5171L20.1225 19.5235L20.1048 19.5293C17.6631 20.3263 16.1341 21.8339 15.5155 23.5318C14.8997 25.2222 15.1285 27.2564 16.5089 29.2452C17.2625 30.3308 18.2761 31.2823 19.46 32.0592Z M41.5714 52.075L41.5772 52.087L41.5651 52.0849L41.5714 52.075Z M47.1224 40.0146L42.5493 48.2321C42.4667 46.8997 41.9832 45.5181 41.0622 44.1913C37.9723 39.7398 31.1166 37.5303 25.7414 39.2849L7.16602 45.3854L7.25332 45.1164L12.6666 35.3578L32.3681 28.9194C34.8201 28.119 37.6546 28.2128 40.2542 29.0469C42.8556 29.8816 45.136 31.4297 46.5284 33.4354C48.133 35.7496 48.1942 38.1212 47.1224 40.0146Z M9.07091 46.9944C8.63742 46.7131 8.24774 46.4532 7.90665 46.2212L26.0604 40.2592C28.5122 39.4591 31.3463 39.5529 33.9456 40.387C36.5471 41.2218 38.8277 42.77 40.2201 44.7759C41.6005 46.7647 41.8293 48.7989 41.2135 50.4893C40.5949 52.1872 39.0659 53.6948 36.6242 54.4918L36.6065 54.4976L36.5891 54.504C36.3413 54.595 36.0514 54.6675 35.7097 54.7529L35.5437 54.7946C29.3243 56.2177 22.0725 53.8806 16.231 51.047C13.3356 49.6424 10.8415 48.1431 9.07091 46.9944Z" fill="currentColor"></path></svg></div></a><a class="transition-opacity group" href="/docs/guides/getting-started/quickstarts/vue"><div class="m-1 bg-[var(--color-bg-darkest)] h-16 w-16 flex items-center justify-center rounded-md group-hover:border transition-all text-foreground-light border-foreground-light hover:shadow"><svg width="45" height="45" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M43.0532 13.4531H50.1147L30.2756 47.8158L10.4365 13.4531H17.4978L30.2755 35.5845L43.0532 13.4531ZM42.1764 13.4531L30.2755 34.0659L18.3746 13.4531L25.6939 13.4531L30.2756 21.3888L34.8572 13.4531L42.1764 13.4531Z" fill="currentColor"></path></svg></div></a><a class="transition-opacity group" href="/docs/guides/getting-started/quickstarts/nuxtjs"><div class="m-1 bg-[var(--color-bg-darkest)] h-16 w-16 flex items-center justify-center rounded-md group-hover:border transition-all text-foreground-light border-foreground-light hover:shadow"><svg width="45" height="45" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32.5784 45.4741H50.2199C50.7802 45.4741 51.3307 45.3325 51.8159 45.0634C52.3012 44.7943 52.7041 44.4072 52.9842 43.9409C53.2642 43.4748 53.4115 42.946 53.4113 42.4078C53.4111 41.8696 53.2633 41.3409 52.9828 40.875L41.1352 21.164C40.8552 20.6979 40.4524 20.3109 39.9672 20.0418C39.4821 19.7727 38.9317 19.631 38.3715 19.631C37.8113 19.631 37.261 19.7727 36.7758 20.0418C36.2906 20.3109 35.8878 20.6979 35.6078 21.164L32.5784 26.2073L26.6555 16.3452C26.3753 15.8792 25.9723 15.4922 25.487 15.2232C25.0017 14.9541 24.4513 14.8125 23.8909 14.8125C23.3306 14.8125 22.7802 14.9541 22.2949 15.2232C21.8096 15.4922 21.4066 15.8792 21.1263 16.3452L6.38358 40.875C6.10311 41.3409 5.95532 41.8696 5.95508 42.4078C5.95483 42.946 6.10214 43.4748 6.38219 43.9409C6.66224 44.4072 7.06515 44.7943 7.5504 45.0634C8.03564 45.3325 8.58612 45.4741 9.14645 45.4741H20.2203C24.6079 45.4741 27.8436 43.6229 30.07 40.0113L38.3706 26.2073L47.0599 40.6619H35.4754L32.5784 45.4741ZM20.0398 40.657L12.3116 40.6553L23.8961 21.3836L29.6763 31.0195L25.8062 37.4599C24.3276 39.8032 22.6479 40.657 20.0398 40.657Z" fill="currentColor"></path></svg></div></a><a class="transition-opacity group" href="/docs/guides/getting-started/quickstarts/refine"><div class="m-1 bg-[var(--color-bg-darkest)] h-16 w-16 flex items-center justify-center rounded-md group-hover:border transition-all text-foreground-light border-foreground-light hover:shadow"><svg width="45" height="45" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31.7374 20.9337C32.7027 20.9337 33.6284 21.3132 34.311 21.9887C34.9936 22.6642 35.377 23.5803 35.377 24.5356V39.4661C35.377 40.4214 34.9936 41.3375 34.311 42.013C33.6284 42.6885 32.7027 43.068 31.7374 43.068C30.7721 43.068 29.8463 42.6885 29.1638 42.013C28.4812 41.3375 28.0978 40.4214 28.0978 39.4661V24.5356C28.0978 24.0626 28.1919 23.5942 28.3748 23.1572C28.5577 22.7203 28.8258 22.3232 29.1638 21.9887C29.5018 21.6543 29.903 21.3889 30.3446 21.2079C30.7861 21.0269 31.2594 20.9337 31.7374 20.9337ZM31.7371 27.1915C33.2665 27.1915 34.5063 25.9646 34.5063 24.451C34.5063 22.9375 33.2665 21.7106 31.7371 21.7106C30.2077 21.7106 28.9679 22.9375 28.9679 24.451C28.9679 25.9646 30.2077 27.1915 31.7371 27.1915Z M54.0424 32C54.0424 44.3777 44.0083 54.4118 31.6306 54.4118C19.2529 54.4118 9.21875 44.3777 9.21875 32C9.21875 19.6223 19.2529 9.58813 31.6306 9.58813C44.0083 9.58813 54.0424 19.6223 54.0424 32ZM31.7374 19.3933C30.36 19.3952 29.0396 19.9376 28.0659 20.9016C27.0921 21.8657 26.5444 23.1726 26.543 24.5356V39.4661C26.543 40.8294 27.0902 42.137 28.0644 43.101C29.0385 44.065 30.3597 44.6066 31.7374 44.6066C33.115 44.6066 34.4362 44.065 35.4104 43.101C36.3845 42.137 36.9318 40.8294 36.9318 39.4661V24.5356C36.9304 23.1726 36.3827 21.8657 35.4089 20.9016C34.4352 19.9376 33.1148 19.3952 31.7374 19.3933Z" fill="currentColor"></path></svg></div></a></div></div></div><div id="customers" class="overflow-hidden pb-16 md:pb-24"><div class="sm:py-18 container relative mx-auto px-6 py-16 md:py-24 lg:px-16 lg:py-24 xl:px-20 !pb-8 w-full flex gap-4 justify-between flex-col xl:flex-row xl:items-end"><div class="xl:w-1/2"><div class="space-y-4"><span class="text-foreground-lighter block font-mono text-xs uppercase tracking-widest">Customer Stories</span><h3 class="h2 lg:max-w-md"><span>Infrastructure</span><span class="text-foreground-light inline"> to innovate and scale with ease.</span></h3></div><p class="text-foreground-lighter max-w-3xl text-lg sm:mt-4">See how Supabase empowers companies of all sizes to accelerate their growth and streamline their work.</p></div><div class="flex gap-2"><a data-size="tiny" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border bg-brand-400 dark:bg-brand-500 hover:bg-brand/80 dark:hover:bg-brand/50 text-foreground border-brand-500/75 dark:border-brand/30 hover:border-brand-600 dark:hover:border-brand focus-visible:outline-brand-600 data-[state=open]:bg-brand-400/80 dark:data-[state=open]:bg-brand-500/80 data-[state=open]:outline-brand-600 text-xs px-2.5 py-1 h-[26px]" href="/customers"><span class="truncate">View all stories</span></a><a data-size="tiny" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border text-foreground bg-alternative dark:bg-muted hover:bg-selection border-strong hover:border-stronger focus-visible:outline-brand-600 data-[state=open]:bg-selection data-[state=open]:outline-brand-600 data-[state=open]:border-button-hover text-xs px-2.5 py-1 h-[26px]" href="/events"><span class="truncate">View Events</span></a></div></div><div class="md:hidden w-full h-[230px]"><div class="swiper swiper-initialized swiper-horizontal !px-6 w-full h-full overflow-visible"><div class="swiper-wrapper" style="transition-duration: 0ms; transition-delay: 0ms;"><div class="swiper-slide flex w-full !h-full !w-[250px]"><div class="flex flex-col !h-full gap-3 w-[250px]"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow pointer-events-none"><div class="relative z-10 w-full h-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Quivr" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fquivr.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fquivr.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fquivr.png&amp;w=640&amp;q=75"><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow pointer-events-none"><div class="relative z-10 w-full h-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Tinloof" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Ftinloof.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Ftinloof.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Ftinloof.png&amp;w=640&amp;q=75"><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></div></div><div class="swiper-slide flex w-full !h-full !w-[250px]"><div class="flex flex-col !h-full gap-3 w-[250px]"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow pointer-events-none"><div class="relative z-10 w-full h-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="1Password" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2F1password.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2F1password.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2F1password.png&amp;w=640&amp;q=75"><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div><a class="col-span-12 md:col-span-4 w-full h-full flex-grow" href="/customers/next-door-lending"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow"><div class="relative z-10 w-full h-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Next Door Lending" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fnext-door-lending.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fnext-door-lending.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fnext-door-lending.png&amp;w=640&amp;q=75"><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div></div><div class="swiper-slide flex !h-full w-full max-w-[450px]"><div class="flex flex-col !h-full gap-3 w-full"><a class="col-span-12 md:col-span-4 w-full md:w-[450px] h-full" href="/customers/maergo"><div class="group/panel rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full group cursor-pointer overflow-hidden text-left transition"><div class="relative z-10 w-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light h-full p-4 md:p-8 flex flex-col gap-6 justify-between"><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 not-sr-only absolute top-8 right-8 -rotate-45 stroke-1 -translate-x-1 translate-y-1 opacity-0 transition-all group-hover:opacity-100 group-hover:translate-x-0 group-hover:translate-y-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><div class="relative box-content opacity-50 group-hover:opacity-75 transition-opacity"><div class="relative h-[33px] w-auto max-w-[145px]"><img alt="Maergo's Express Delivery: How Supabase Helped Achieve Scalability, Speed, and Cost Saving" fetchpriority="high" decoding="async" data-nimg="fill" class="object-contain object-left" sizes="100%" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=3840&amp;q=75" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;"></div></div><p class="text-base text-foreground-lighter">Maergo's Express Delivery: How Supabase Helped Achieve Scalability, Speed, and Cost Saving</p><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div></div><div class="swiper-slide flex w-full !h-full !w-[250px]"><div class="flex flex-col !h-full gap-3 w-[250px]"><a class="col-span-12 md:col-span-4 w-full h-full flex-grow" href="/customers/shotgun"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow"><div class="relative z-10 w-full h-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Shotgun" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fshotgun.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fshotgun.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fshotgun.png&amp;w=640&amp;q=75"><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow pointer-events-none"><div class="relative z-10 w-full h-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Mozilla" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmozilla.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmozilla.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmozilla.png&amp;w=640&amp;q=75"><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></div></div><div class="swiper-slide flex !h-full w-full max-w-[450px]"><div class="flex flex-col !h-full gap-3 w-full"><a class="col-span-12 md:col-span-4 w-full md:w-[450px] h-full" href="/customers/chatbase"><div class="group/panel rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full group cursor-pointer overflow-hidden text-left transition"><div class="relative z-10 w-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light h-full p-4 md:p-8 flex flex-col gap-6 justify-between"><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 not-sr-only absolute top-8 right-8 -rotate-45 stroke-1 -translate-x-1 translate-y-1 opacity-0 transition-all group-hover:opacity-100 group-hover:translate-x-0 group-hover:translate-y-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><div class="relative box-content opacity-50 group-hover:opacity-75 transition-opacity"><div class="relative h-[33px] w-auto max-w-[145px]"><img alt="Bootstrapped founder builds an AI app with Supabase and scales to $1M in 5 months." fetchpriority="high" decoding="async" data-nimg="fill" class="object-contain object-left" sizes="100%" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=3840&amp;q=75" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;"></div></div><p class="text-base text-foreground-lighter">Bootstrapped founder builds an AI app with Supabase and scales to $1M in 5 months.</p><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div></div><div class="swiper-slide flex w-full !h-full !w-[250px]"><div class="flex flex-col !h-full gap-3 w-[250px]"><a class="col-span-12 md:col-span-4 w-full h-full flex-grow" href="/customers/mobbin"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow"><div class="relative z-10 w-full h-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Mobbin" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmobbin.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmobbin.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmobbin.png&amp;w=640&amp;q=75"><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><a class="col-span-12 md:col-span-4 w-full h-full flex-grow" href="/customers/happyteams"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow"><div class="relative z-10 w-full h-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="HappyTeams" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fhappyteams.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fhappyteams.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fhappyteams.png&amp;w=640&amp;q=75"><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div></div><div class="swiper-slide flex !h-full w-full max-w-[450px]"><div class="flex flex-col !h-full gap-3 w-full"><a class="col-span-12 md:col-span-4 w-full md:w-[450px] h-full" href="/customers/pebblely"><div class="group/panel rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full group cursor-pointer overflow-hidden text-left transition"><div class="relative z-10 w-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light h-full p-4 md:p-8 flex flex-col gap-6 justify-between"><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 not-sr-only absolute top-8 right-8 -rotate-45 stroke-1 -translate-x-1 translate-y-1 opacity-0 transition-all group-hover:opacity-100 group-hover:translate-x-0 group-hover:translate-y-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><div class="relative box-content opacity-50 group-hover:opacity-75 transition-opacity"><div class="relative h-[33px] w-auto max-w-[145px]"><img alt="Scaling securely: one million users in 7 months protected with Supabase Auth" fetchpriority="high" decoding="async" data-nimg="fill" class="object-contain object-left" sizes="100%" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=3840&amp;q=75" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;"></div></div><p class="text-base text-foreground-lighter">Scaling securely: one million users in 7 months protected with Supabase Auth</p><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div></div></div></div></div><div class="group/tw-marquee w-full items-stretch h-[300px] min-w-[300px] nowrap mb-16 md:mb-24 lg:mb-24 gap-4 hidden md:flex"><div class="relative left-0 z-10 w-auto h-full flex items-end motion-safe:run motion-safe:animate-[marquee_50000ms_linear_both_infinite] group-hover/tw-marquee:pause will-change-transform transition-transform gap-4"><div class="flex flex-col !h-full gap-4 w-[250px]"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow pointer-events-none"><div class="relative z-10 w-full h-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Quivr" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fquivr.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fquivr.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fquivr.png&amp;w=640&amp;q=75"><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow pointer-events-none"><div class="relative z-10 w-full h-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Tinloof" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Ftinloof.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Ftinloof.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Ftinloof.png&amp;w=640&amp;q=75"><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></div><div class="flex flex-col !h-full gap-4 w-[250px]"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow pointer-events-none"><div class="relative z-10 w-full h-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="1Password" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2F1password.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2F1password.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2F1password.png&amp;w=640&amp;q=75"><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div><a class="col-span-12 md:col-span-4 w-full h-full flex-grow" href="/customers/next-door-lending"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow"><div class="relative z-10 w-full h-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Next Door Lending" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fnext-door-lending.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fnext-door-lending.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fnext-door-lending.png&amp;w=640&amp;q=75"><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="flex flex-col !h-full gap-4 w-[450px]"><a class="col-span-12 md:col-span-4 w-full md:w-[450px] h-full" href="/customers/maergo"><div class="group/panel rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full group cursor-pointer overflow-hidden text-left transition"><div class="relative z-10 w-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light h-full p-4 md:p-8 flex flex-col gap-6 justify-between"><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 not-sr-only absolute top-8 right-8 -rotate-45 stroke-1 -translate-x-1 translate-y-1 opacity-0 transition-all group-hover:opacity-100 group-hover:translate-x-0 group-hover:translate-y-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><div class="relative box-content opacity-50 group-hover:opacity-75 transition-opacity"><div class="relative h-[33px] w-auto max-w-[145px]"><img alt="Maergo's Express Delivery: How Supabase Helped Achieve Scalability, Speed, and Cost Saving" fetchpriority="high" decoding="async" data-nimg="fill" class="object-contain object-left" sizes="100%" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=3840&amp;q=75" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;"></div></div><p class="text-base text-foreground-lighter">Maergo's Express Delivery: How Supabase Helped Achieve Scalability, Speed, and Cost Saving</p><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="flex flex-col !h-full gap-4 w-[250px]"><a class="col-span-12 md:col-span-4 w-full h-full flex-grow" href="/customers/shotgun"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow"><div class="relative z-10 w-full h-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Shotgun" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fshotgun.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fshotgun.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fshotgun.png&amp;w=640&amp;q=75"><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow pointer-events-none"><div class="relative z-10 w-full h-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Mozilla" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmozilla.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmozilla.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmozilla.png&amp;w=640&amp;q=75"><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></div><div class="flex flex-col !h-full gap-4 w-[450px]"><a class="col-span-12 md:col-span-4 w-full md:w-[450px] h-full" href="/customers/chatbase"><div class="group/panel rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full group cursor-pointer overflow-hidden text-left transition"><div class="relative z-10 w-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light h-full p-4 md:p-8 flex flex-col gap-6 justify-between"><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 not-sr-only absolute top-8 right-8 -rotate-45 stroke-1 -translate-x-1 translate-y-1 opacity-0 transition-all group-hover:opacity-100 group-hover:translate-x-0 group-hover:translate-y-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><div class="relative box-content opacity-50 group-hover:opacity-75 transition-opacity"><div class="relative h-[33px] w-auto max-w-[145px]"><img alt="Bootstrapped founder builds an AI app with Supabase and scales to $1M in 5 months." fetchpriority="high" decoding="async" data-nimg="fill" class="object-contain object-left" sizes="100%" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=3840&amp;q=75" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;"></div></div><p class="text-base text-foreground-lighter">Bootstrapped founder builds an AI app with Supabase and scales to $1M in 5 months.</p><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="flex flex-col !h-full gap-4 w-[250px]"><a class="col-span-12 md:col-span-4 w-full h-full flex-grow" href="/customers/mobbin"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow"><div class="relative z-10 w-full h-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Mobbin" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmobbin.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmobbin.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmobbin.png&amp;w=640&amp;q=75"><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><a class="col-span-12 md:col-span-4 w-full h-full flex-grow" href="/customers/happyteams"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow"><div class="relative z-10 w-full h-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="HappyTeams" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fhappyteams.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fhappyteams.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fhappyteams.png&amp;w=640&amp;q=75"><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="flex flex-col !h-full gap-4 w-[450px]"><a class="col-span-12 md:col-span-4 w-full md:w-[450px] h-full" href="/customers/pebblely"><div class="group/panel rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full group cursor-pointer overflow-hidden text-left transition"><div class="relative z-10 w-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light h-full p-4 md:p-8 flex flex-col gap-6 justify-between"><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 not-sr-only absolute top-8 right-8 -rotate-45 stroke-1 -translate-x-1 translate-y-1 opacity-0 transition-all group-hover:opacity-100 group-hover:translate-x-0 group-hover:translate-y-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><div class="relative box-content opacity-50 group-hover:opacity-75 transition-opacity"><div class="relative h-[33px] w-auto max-w-[145px]"><img alt="Scaling securely: one million users in 7 months protected with Supabase Auth" fetchpriority="high" decoding="async" data-nimg="fill" class="object-contain object-left" sizes="100%" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=3840&amp;q=75" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;"></div></div><p class="text-base text-foreground-lighter">Scaling securely: one million users in 7 months protected with Supabase Auth</p><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div></div><div class="relative left-0 z-10 w-auto h-full flex items-end motion-safe:run motion-safe:animate-[marquee_50000ms_linear_both_infinite] group-hover/tw-marquee:pause will-change-transform transition-transform gap-4"><div class="flex flex-col !h-full gap-4 w-[250px]"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow pointer-events-none"><div class="relative z-10 w-full h-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Quivr" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fquivr.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fquivr.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fquivr.png&amp;w=640&amp;q=75"><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow pointer-events-none"><div class="relative z-10 w-full h-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Tinloof" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Ftinloof.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Ftinloof.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Ftinloof.png&amp;w=640&amp;q=75"><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></div><div class="flex flex-col !h-full gap-4 w-[250px]"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow pointer-events-none"><div class="relative z-10 w-full h-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="1Password" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2F1password.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2F1password.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2F1password.png&amp;w=640&amp;q=75"><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div><a class="col-span-12 md:col-span-4 w-full h-full flex-grow" href="/customers/next-door-lending"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow"><div class="relative z-10 w-full h-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Next Door Lending" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fnext-door-lending.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fnext-door-lending.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fnext-door-lending.png&amp;w=640&amp;q=75"><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="flex flex-col !h-full gap-4 w-[450px]"><a class="col-span-12 md:col-span-4 w-full md:w-[450px] h-full" href="/customers/maergo"><div class="group/panel rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full group cursor-pointer overflow-hidden text-left transition"><div class="relative z-10 w-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light h-full p-4 md:p-8 flex flex-col gap-6 justify-between"><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 not-sr-only absolute top-8 right-8 -rotate-45 stroke-1 -translate-x-1 translate-y-1 opacity-0 transition-all group-hover:opacity-100 group-hover:translate-x-0 group-hover:translate-y-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><div class="relative box-content opacity-50 group-hover:opacity-75 transition-opacity"><div class="relative h-[33px] w-auto max-w-[145px]"><img alt="Maergo's Express Delivery: How Supabase Helped Achieve Scalability, Speed, and Cost Saving" fetchpriority="high" decoding="async" data-nimg="fill" class="object-contain object-left" sizes="100%" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fmaergo.png&amp;w=3840&amp;q=75" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;"></div></div><p class="text-base text-foreground-lighter">Maergo's Express Delivery: How Supabase Helped Achieve Scalability, Speed, and Cost Saving</p><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="flex flex-col !h-full gap-4 w-[250px]"><a class="col-span-12 md:col-span-4 w-full h-full flex-grow" href="/customers/shotgun"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow"><div class="relative z-10 w-full h-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Shotgun" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fshotgun.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fshotgun.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fshotgun.png&amp;w=640&amp;q=75"><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow pointer-events-none"><div class="relative z-10 w-full h-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Mozilla" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmozilla.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmozilla.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmozilla.png&amp;w=640&amp;q=75"><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></div><div class="flex flex-col !h-full gap-4 w-[450px]"><a class="col-span-12 md:col-span-4 w-full md:w-[450px] h-full" href="/customers/chatbase"><div class="group/panel rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full group cursor-pointer overflow-hidden text-left transition"><div class="relative z-10 w-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light h-full p-4 md:p-8 flex flex-col gap-6 justify-between"><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 not-sr-only absolute top-8 right-8 -rotate-45 stroke-1 -translate-x-1 translate-y-1 opacity-0 transition-all group-hover:opacity-100 group-hover:translate-x-0 group-hover:translate-y-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><div class="relative box-content opacity-50 group-hover:opacity-75 transition-opacity"><div class="relative h-[33px] w-auto max-w-[145px]"><img alt="Bootstrapped founder builds an AI app with Supabase and scales to $1M in 5 months." fetchpriority="high" decoding="async" data-nimg="fill" class="object-contain object-left" sizes="100%" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fchatbase.png&amp;w=3840&amp;q=75" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;"></div></div><p class="text-base text-foreground-lighter">Bootstrapped founder builds an AI app with Supabase and scales to $1M in 5 months.</p><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="flex flex-col !h-full gap-4 w-[250px]"><a class="col-span-12 md:col-span-4 w-full h-full flex-grow" href="/customers/mobbin"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow"><div class="relative z-10 w-full h-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="Mobbin" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmobbin.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmobbin.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fmobbin.png&amp;w=640&amp;q=75"><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a><a class="col-span-12 md:col-span-4 w-full h-full flex-grow" href="/customers/happyteams"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger w-full md:w-[250px] h-full flex-grow"><div class="relative z-10 w-full h-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light flex items-center justify-center"><img alt="HappyTeams" fetchpriority="high" width="300" height="150" decoding="async" data-nimg="1" class="w-full opacity-50 group-hover/panel:opacity-75 transition-opacity max-w-[140px] filter dark:invert" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fhappyteams.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fhappyteams.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Fhappyteams.png&amp;w=640&amp;q=75"><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="flex flex-col !h-full gap-4 w-[450px]"><a class="col-span-12 md:col-span-4 w-full md:w-[450px] h-full" href="/customers/pebblely"><div class="group/panel rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger relative w-full h-full group cursor-pointer overflow-hidden text-left transition"><div class="relative z-10 w-full rounded-[11px] bg-surface-75 overflow-hidden text-foreground-light h-full p-4 md:p-8 flex flex-col gap-6 justify-between"><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 not-sr-only absolute top-8 right-8 -rotate-45 stroke-1 -translate-x-1 translate-y-1 opacity-0 transition-all group-hover:opacity-100 group-hover:translate-x-0 group-hover:translate-y-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><div class="relative box-content opacity-50 group-hover:opacity-75 transition-opacity"><div class="relative h-[33px] w-auto max-w-[145px]"><img alt="Scaling securely: one million users in 7 months protected with Supabase Auth" fetchpriority="high" decoding="async" data-nimg="fill" class="object-contain object-left" sizes="100%" srcset="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fcustomers%2Flogos%2Flight%2Fpebblely.png&amp;w=3840&amp;q=75" style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;"></div></div><p class="text-base text-foreground-lighter">Scaling securely: one million users in 7 months protected with Supabase Auth</p><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div></div></div></div><div id="examples" class="sm:py-18 container relative mx-auto px-6 py-16 md:py-24 lg:px-16 lg:py-24 xl:px-20 xl:pt-32 !pb-0"><div class="text-center flex flex-col items-center"><h3 class="h2">Start building in seconds</h3><p class="p max-w-[300px] md:max-w-none">Kickstart your next project with templates built by us and our community.</p><div class="flex justify-center gap-2 py-4"><a data-size="small" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border text-foreground bg-alternative dark:bg-muted hover:bg-selection border-strong hover:border-stronger focus-visible:outline-brand-600 data-[state=open]:bg-selection data-[state=open]:outline-brand-600 data-[state=open]:border-button-hover text-sm leading-4 px-3 py-2 h-full" href="/docs/guides/examples"><span class="truncate">View all examples</span></a><a data-size="small" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border text-foreground bg-alternative dark:bg-muted hover:bg-selection border-strong hover:border-stronger focus-visible:outline-brand-600 data-[state=open]:bg-selection data-[state=open]:outline-brand-600 data-[state=open]:border-button-hover text-sm leading-4 px-3 py-2 h-[34px]" href="https://github.com/supabase/supabase/tree/master/examples"><div class="[&amp;_svg]:h-[18px] [&amp;_svg]:w-[18px] text-foreground-lighter"><div class="relative" style="width:14px;height:14px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="none" class="sbui-icon !w-full !h-full" width="100%" height="100%"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.5816 0 0 3.58719 0 8.01357C0 11.5535 2.292 14.5575 5.4712 15.6167C5.8712 15.6903 6.0168 15.4431 6.0168 15.2303C6.0168 15.0407 6.0104 14.5359 6.0064 13.8679C3.7808 14.3519 3.3112 12.7935 3.3112 12.7935C2.948 11.8671 2.4232 11.6207 2.4232 11.6207C1.6968 11.1247 2.4784 11.1343 2.4784 11.1343C3.2808 11.1903 3.7032 11.9599 3.7032 11.9599C4.4168 13.1839 5.576 12.8303 6.0312 12.6255C6.1048 12.1079 6.3112 11.7551 6.54 11.5551C4.764 11.3527 2.896 10.6647 2.896 7.59438C2.896 6.71998 3.208 6.00398 3.7192 5.44398C3.6368 5.24158 3.3624 4.42639 3.7976 3.32399C3.7976 3.32399 4.4696 3.10799 5.9976 4.14479C6.65022 3.9668 7.32355 3.87614 8 3.87519C8.68 3.87839 9.364 3.96719 10.0032 4.14479C11.5304 3.10799 12.2008 3.32319 12.2008 3.32319C12.6376 4.42639 12.3624 5.24158 12.2808 5.44398C12.7928 6.00398 13.1032 6.71998 13.1032 7.59438C13.1032 10.6727 11.232 11.3503 9.4504 11.5487C9.73762 11.7959 9.99282 12.2847 9.99282 13.0327C9.99282 14.1031 9.98322 14.9679 9.98322 15.2303C9.98322 15.4447 10.1272 15.6943 10.5336 15.6159C12.1266 15.0816 13.5115 14.0602 14.4924 12.696C15.4733 11.3318 16.0007 9.69382 16 8.01357C16 3.58719 12.4176 0 8 0Z" fill="currentColor"></path></svg></div></div><span class="truncate">Official GitHub library</span></a></div></div></div><div class="sm:py-18 container relative mx-auto px-6 py-16 md:py-24 lg:px-16 lg:py-24 xl:px-20 relative w-full !px-0 lg:!px-16 xl:!px-20 !pb-0 mb-16 md:mb-12 lg:mb-12 !pt-6 max-w-[1400px]"><div class="lg:hidden"><div class="swiper swiper-initialized swiper-horizontal !px-6 w-full overflow-visible swiper-backface-hidden" style="z-index:0;margin-right:1px"><div class="swiper-wrapper"><div class="swiper-slide swiper-slide-active" style="width: 289.6px; margin-right: 12px;"><a class="w-full h-full" target="_blank" href="https://github.com/vercel/nextjs-subscription-payments"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger h-full"><div class="relative z-10 w-full h-full rounded-[11px] overflow-hidden text-foreground-light bg-surface-75 group/panel"><div class="flex flex-col justify-between"><div class="relative w-full aspect-[3/1] bg flex items-center justify-center gap-4 overflow-hidden"><div title="Next.js" class="relative z-10"><svg role="img" width="35" height="35" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Next.js logo</title><path fill-rule="evenodd" clip-rule="evenodd" d="M56.1984 63.6323C51.7018 66.6266 46.3019 68.3716 40.4944 68.3716C24.8264 68.3716 12.125 55.6702 12.125 40.0022C12.125 24.3342 24.8264 11.6328 40.4944 11.6328C56.1624 11.6328 68.8638 24.3342 68.8638 40.0022C68.8638 48.4568 65.1655 56.0475 59.2983 61.2449L52.5615 52.5671V28.2656H48.6484V47.5267L33.6954 28.2656H28.7578V51.734H32.7079V33.282L56.1984 63.6323Z" fill="hsl(var(--foreground-lighter))"></path></svg></div><div title="Stripe" class="relative z-10"><svg role="img" width="35" height="35" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Stripe logo</title><path fill-rule="evenodd" clip-rule="evenodd" d="M13.1153 17.4759C10.0596 21.6818 10.0596 27.6813 10.0596 39.6805V41.9614C10.0596 53.9605 10.0596 59.9601 13.1153 64.1659C14.1022 65.5242 15.2967 66.7188 16.655 67.7056C20.8609 70.7614 26.8604 70.7614 38.8596 70.7614H41.1404C53.1396 70.7614 59.1391 70.7614 63.345 67.7056C64.7033 66.7188 65.8978 65.5242 66.8847 64.1659C69.9404 59.9601 69.9404 53.9605 69.9404 41.9614V39.6805C69.9404 27.6813 69.9404 21.6818 66.8847 17.4759C65.8978 16.1176 64.7033 14.9231 63.345 13.9362C59.1391 10.8805 53.1396 10.8805 41.1404 10.8805H38.8596C26.8604 10.8805 20.8609 10.8805 16.655 13.9362C15.2967 14.9231 14.1022 16.1176 13.1153 17.4759ZM38.0531 33.4895C38.0531 34.8563 39.7101 35.7264 42.7339 36.8445C48.4088 38.8739 51.9293 41.2766 51.9293 47.0343C51.9293 50.5137 50.728 53.206 48.4085 55.0286C46.3375 56.6854 43.2723 57.5551 39.5859 57.5551C34.9463 57.5551 30.4728 56.1469 28.0706 54.78L29.3131 47.0343C32.1301 48.6911 36.4375 49.975 39.0472 49.975C41.1594 49.975 42.3196 49.1881 42.3196 47.8212C42.3196 46.413 41.1183 45.5017 37.5147 44.2175C31.9228 42.1879 28.4848 39.7854 28.4848 34.1522C28.4848 31.0456 29.6029 28.4773 31.7572 26.6963C33.8282 24.9979 36.7278 24.0868 40.207 24.0868C45.1361 24.0868 48.6983 25.4536 50.4382 26.2821L49.1956 33.9449C47.0002 32.8683 43.8108 31.6669 40.7042 31.6669C39.0058 31.6669 38.0531 32.3293 38.0531 33.4895Z" fill="hsl(var(--foreground-lighter))"></path></svg></div><div title="Vercel" class="relative z-10"><svg role="img" width="35" height="35" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Vercel logo</title><path fill-rule="evenodd" clip-rule="evenodd" d="M39.9999 13.8742L69.7914 66.1253H10.2085L39.9999 13.8742Z" fill="hsl(var(--foreground-lighter))"></path></svg></div><svg class="absolute w-full h-auto object-cover object-center inset-0 z-10" width="100%" height="100%" viewBox="0 0 438 210" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_227_7371)"><path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M23.4878 244.762V271.863H-4V272.637H23.4878V299.738H-4V300.512H23.4878V328H24.2622V300.512H51.3628V328H52.1372V300.512H79.2379V328H80.0122V300.512H107.113V328H107.887V300.512H134.988V328H135.762V300.512H162.863V328H163.637V300.512H190.738V328H191.512V300.512H218.613V328H219.387V300.512H246.488V328H247.262V300.512H274.363V328H275.137V300.512H302.238V328H303.012V300.512H330.113V328H330.887V300.512H357.988V328H358.762V300.512H385.863V328H386.637V300.512H413.738V328H414.512V300.512H442V299.738H414.512V272.637H442V271.863H414.512V244.762H442V243.988H414.512V216.887H442V216.113H414.512V189.012H442V188.238H414.512V161.137H442V160.363H414.512V133.262H442V132.488H414.512V105.387H442V104.613H414.512V77.5122H442V76.7379H414.512V49.6372H442V48.8629H414.512V21.7622H442V20.9879H414.512V-6.11284H442V-6.88715H414.512V-33.9878H442V-34.7621H414.512V-61.8628H442V-62.6372H414.512V-89.7378H442V-90.5122H414.512V-118H413.738V-90.5122H386.637V-118H385.863V-90.5122H358.762V-118H357.988V-90.5122H330.887V-118H330.113V-90.5122H303.012V-118H302.238V-90.5122H275.137V-118H274.363V-90.5122H247.262V-118H246.488V-90.5122H219.387V-118H218.613V-90.5122H191.512V-118H190.738V-90.5122H163.637V-118H162.863V-90.5122H135.762V-118H134.988V-90.5122H107.887V-118H107.113V-90.5122H80.0122V-118H79.2379V-90.5122H52.1372V-118H51.3628V-90.5122H24.2622V-118H23.4878V-90.5122H-4V-89.7379H23.4878V-62.6372H-4V-61.8629H23.4878V-34.7622H-4V-33.9879H23.4878V-6.88717H-4V-6.11287H23.4878V20.9878H-4V21.7621H23.4878V48.8628H-4V49.6371H23.4878V76.7378H-4V77.5121H23.4878V104.613H-4V105.387H23.4878V132.488H-4V133.262H23.4878V160.363H-4V161.137H23.4878V188.238H-4V189.012H23.4878V216.113H-4V216.887H23.4878V243.988H-4V244.762H23.4878ZM413.738 299.738V272.637H386.637V299.738H413.738ZM385.863 299.738V272.637H358.762V299.738H385.863ZM357.988 299.738V272.637H330.887V299.738H357.988ZM330.113 299.738V272.637H303.012V299.738H330.113ZM302.238 299.738V272.637H275.137V299.738H302.238ZM274.363 299.738V272.637H247.262V299.738H274.363ZM246.488 299.738V272.637H219.387V299.738H246.488ZM218.613 299.738V272.637H191.512V299.738H218.613ZM190.738 299.738V272.637H163.637V299.738H190.738ZM162.863 299.738V272.637H135.762V299.738H162.863ZM134.988 299.738V272.637H107.887V299.738H134.988ZM107.113 299.738V272.637H80.0122V299.738H107.113ZM79.2379 299.738V272.637H52.1372V299.738H79.2379ZM51.3628 299.738V272.637H24.2622V299.738H51.3628ZM51.3628 271.863H24.2622V244.762H51.3628V271.863ZM79.2379 271.863H52.1372V244.762H79.2379V271.863ZM107.113 271.863H80.0122V244.762H107.113V271.863ZM134.988 271.863H107.887V244.762H134.988V271.863ZM162.863 271.863H135.762V244.762H162.863V271.863ZM190.738 271.863H163.637V244.762H190.738V271.863ZM218.613 271.863H191.512V244.762H218.613V271.863ZM246.488 271.863H219.387V244.762H246.488V271.863ZM274.363 271.863H247.262V244.762H274.363V271.863ZM302.238 271.863H275.137V244.762H302.238V271.863ZM330.113 271.863H303.012V244.762H330.113V271.863ZM357.988 271.863H330.887V244.762H357.988V271.863ZM385.863 271.863H358.762V244.762H385.863V271.863ZM413.738 271.863H386.637V244.762H413.738V271.863ZM413.738 -89.7378H386.637V-62.6372H413.738V-89.7378ZM413.738 -61.8629H386.637V-34.7622H413.738V-61.8629ZM413.738 -33.9879H386.637V-6.88716H413.738V-33.9879ZM413.738 -6.11286H386.637V20.9878H413.738V-6.11286ZM413.738 21.7621H386.637V48.8628H413.738V21.7621ZM413.738 49.6371H386.637V76.7378H413.738V49.6371ZM413.738 77.5121H386.637V104.613H413.738V77.5121ZM413.738 105.387H386.637V132.488H413.738V105.387ZM413.738 133.262H386.637V160.363H413.738V133.262ZM413.738 161.137H386.637V188.238H413.738V161.137ZM413.738 189.012H386.637V216.113H413.738V189.012ZM413.738 216.887H386.637V243.988H413.738V216.887ZM385.863 216.887V243.988H358.762V216.887H385.863ZM385.863 189.012V216.113H358.762V189.012H385.863ZM385.863 161.137V188.238H358.762V161.137H385.863ZM385.863 133.262V160.363H358.762V133.262H385.863ZM385.863 105.387V132.488H358.762V105.387H385.863ZM385.863 77.5121V104.613H358.762V77.5121H385.863ZM385.863 49.6371V76.7378H358.762V49.6371H385.863ZM385.863 21.7621V48.8628H358.762V21.7621H385.863ZM385.863 -6.11286V20.9878H358.762V-6.11286H385.863ZM385.863 -33.9879V-6.88716H358.762V-33.9879H385.863ZM385.863 -61.8629V-34.7622H358.762V-61.8629H385.863ZM385.863 -89.7378V-62.6372H358.762V-89.7378H385.863ZM24.2622 243.988H51.3628V216.887H24.2622V243.988ZM52.1372 243.988H79.2379V216.887H52.1372V243.988ZM80.0122 243.988H107.113V216.887H80.0122V243.988ZM107.887 243.988H134.988V216.887H107.887V243.988ZM135.762 243.988H162.863V216.887H135.762V243.988ZM163.637 243.988H190.738V216.887H163.637V243.988ZM191.512 243.988H218.613V216.887H191.512V243.988ZM219.387 243.988H246.488V216.887H219.387V243.988ZM247.262 243.988H274.363V216.887H247.262V243.988ZM275.137 243.988H302.238V216.887H275.137V243.988ZM303.012 243.988H330.113V216.887H303.012V243.988ZM330.887 243.988H357.988V216.887H330.887V243.988ZM357.988 189.012V216.113H330.887V189.012H357.988ZM357.988 161.137V188.238H330.887V161.137H357.988ZM357.988 133.262V160.363H330.887V133.262H357.988ZM357.988 105.387V132.488H330.887V105.387H357.988ZM357.988 77.5121V104.613H330.887V77.5121H357.988ZM357.988 49.6371V76.7378H330.887V49.6371H357.988ZM357.988 21.7621V48.8628H330.887V21.7621H357.988ZM357.988 -6.11286V20.9878H330.887V-6.11286H357.988ZM357.988 -33.9879V-6.88716H330.887V-33.9879H357.988ZM357.988 -61.8629V-34.7622H330.887V-61.8629H357.988ZM357.988 -89.7379V-62.6372H330.887V-89.7379H357.988ZM24.2622 216.113H51.3628V189.012H24.2622V216.113ZM52.1372 216.113H79.2379V189.012H52.1372V216.113ZM80.0122 216.113H107.113V189.012H80.0122V216.113ZM107.887 216.113H134.988V189.012H107.887V216.113ZM135.762 216.113H162.863V189.012H135.762V216.113ZM163.637 216.113H190.738V189.012H163.637V216.113ZM191.512 216.113H218.613V189.012H191.512V216.113ZM219.387 216.113H246.488V189.012H219.387V216.113ZM247.262 216.113H274.363V189.012H247.262V216.113ZM275.137 216.113H302.238V189.012H275.137V216.113ZM303.012 216.113H330.113V189.012H303.012V216.113ZM330.113 161.137V188.238H303.012V161.137H330.113ZM330.113 133.262V160.363H303.012V133.262H330.113ZM330.113 105.387V132.488H303.012V105.387H330.113ZM330.113 77.5121V104.613H303.012V77.5121H330.113ZM330.113 49.6371V76.7378H303.012V49.6371H330.113ZM330.113 21.7621V48.8628H303.012V21.7621H330.113ZM330.113 -6.11286V20.9878H303.012V-6.11286H330.113ZM330.113 -33.9879V-6.88716H303.012V-33.9879H330.113ZM330.113 -61.8629V-34.7622H303.012V-61.8629H330.113ZM330.113 -89.7379V-62.6372H303.012V-89.7379H330.113ZM24.2622 188.238H51.3628V161.137H24.2622V188.238ZM52.1372 188.238H79.2379V161.137H52.1372V188.238ZM80.0122 188.238H107.113V161.137H80.0122V188.238ZM107.887 188.238H134.988V161.137H107.887V188.238ZM135.762 188.238H162.863V161.137H135.762V188.238ZM163.637 188.238H190.738V161.137H163.637V188.238ZM191.512 188.238H218.613V161.137H191.512V188.238ZM219.387 188.238H246.488V161.137H219.387V188.238ZM247.262 188.238H274.363V161.137H247.262V188.238ZM275.137 188.238H302.238V161.137H275.137V188.238ZM302.238 133.262V160.363H275.137V133.262H302.238ZM302.238 105.387V132.488H275.137V105.387H302.238ZM302.238 77.5121V104.613H275.137V77.5121H302.238ZM302.238 49.6371V76.7378H275.137V49.6371H302.238ZM302.238 21.7621V48.8628H275.137V21.7621H302.238ZM302.238 -6.11286V20.9878H275.137V-6.11286H302.238ZM302.238 -33.9879V-6.88716H275.137V-33.9879H302.238ZM302.238 -61.8629V-34.7622H275.137V-61.8629H302.238ZM302.238 -89.7379V-62.6372H275.137V-89.7379H302.238ZM24.2622 160.363H51.3628V133.262H24.2622V160.363ZM52.1372 160.363H79.2379V133.262H52.1372V160.363ZM80.0122 160.363H107.113V133.262H80.0122V160.363ZM107.887 160.363H134.988V133.262H107.887V160.363ZM135.762 160.363H162.863V133.262H135.762V160.363ZM163.637 160.363H190.738V133.262H163.637V160.363ZM191.512 160.363H218.613V133.262H191.512V160.363ZM219.387 160.363H246.488V133.262H219.387V160.363ZM247.262 160.363H274.363V133.262H247.262V160.363ZM274.363 105.387V132.488H247.262V105.387H274.363ZM274.363 77.5121V104.613H247.262V77.5121H274.363ZM274.363 49.6371V76.7378H247.262V49.6371H274.363ZM274.363 21.7621V48.8628H247.262V21.7621H274.363ZM274.363 -6.11286V20.9878H247.262V-6.11286H274.363ZM274.363 -33.9879V-6.88716H247.262V-33.9879H274.363ZM274.363 -61.8629V-34.7622H247.262V-61.8629H274.363ZM274.363 -89.7379V-62.6372H247.262V-89.7379H274.363ZM24.2622 132.488H51.3628V105.387H24.2622V132.488ZM52.1372 132.488H79.2379V105.387H52.1372V132.488ZM80.0122 132.488H107.113V105.387H80.0122V132.488ZM107.887 132.488H134.988V105.387H107.887V132.488ZM135.762 132.488H162.863V105.387H135.762V132.488ZM163.637 132.488H190.738V105.387H163.637V132.488ZM191.512 132.488H218.613V105.387H191.512V132.488ZM219.387 132.488H246.488V105.387H219.387V132.488ZM246.488 77.5121V104.613H219.387V77.5121H246.488ZM246.488 49.6371V76.7378H219.387V49.6371H246.488ZM246.488 21.7621V48.8628H219.387V21.7621H246.488ZM246.488 -6.11286V20.9878H219.387V-6.11286H246.488ZM246.488 -33.9879V-6.88716H219.387V-33.9879H246.488ZM246.488 -61.8629V-34.7622H219.387V-61.8629H246.488ZM246.488 -89.7379V-62.6372H219.387V-89.7379H246.488ZM24.2622 104.613H51.3628V77.5121H24.2622V104.613ZM52.1372 104.613H79.2379V77.5121H52.1372V104.613ZM80.0122 104.613H107.113V77.5121H80.0122V104.613ZM107.887 104.613H134.988V77.5121H107.887V104.613ZM135.762 104.613H162.863V77.5121H135.762V104.613ZM163.637 104.613H190.738V77.5121H163.637V104.613ZM191.512 104.613H218.613V77.5121H191.512V104.613ZM218.613 49.6371V76.7378H191.512V49.6371H218.613ZM218.613 21.7621V48.8628H191.512V21.7621H218.613ZM218.613 -6.11286V20.9878H191.512V-6.11286H218.613ZM218.613 -33.9879V-6.88716H191.512V-33.9879H218.613ZM218.613 -61.8629V-34.7622H191.512V-61.8629H218.613ZM218.613 -89.7379V-62.6372H191.512V-89.7379H218.613ZM24.2622 76.7378H51.3628V49.6371H24.2622V76.7378ZM52.1372 76.7378H79.2379V49.6371H52.1372V76.7378ZM80.0122 76.7378H107.113V49.6371H80.0122V76.7378ZM107.887 76.7378H134.988V49.6371H107.887V76.7378ZM135.762 76.7378H162.863V49.6371H135.762V76.7378ZM163.637 76.7378H190.738V49.6371H163.637V76.7378ZM190.738 21.7621V48.8628H163.637V21.7621H190.738ZM190.738 -6.11286V20.9878H163.637V-6.11286H190.738ZM190.738 -33.9879V-6.88716H163.637V-33.9879H190.738ZM190.738 -61.8629V-34.7622H163.637V-61.8629H190.738ZM190.738 -89.7379V-62.6372H163.637V-89.7379H190.738ZM24.2622 48.8628H51.3628V21.7621H24.2622V48.8628ZM52.1372 48.8628H79.2379V21.7621H52.1372V48.8628ZM80.0122 48.8628H107.113V21.7621H80.0122V48.8628ZM107.887 48.8628H134.988V21.7621H107.887V48.8628ZM135.762 48.8628H162.863V21.7621H135.762V48.8628ZM162.863 -6.11286V20.9878H135.762V-6.11286H162.863ZM162.863 -33.9879V-6.88716H135.762V-33.9879H162.863ZM162.863 -61.8629V-34.7622H135.762V-61.8629H162.863ZM162.863 -89.7379V-62.6372H135.762V-89.7379H162.863ZM24.2622 20.9878H51.3628V-6.11287H24.2622V20.9878ZM52.1372 20.9878H79.2379V-6.11287H52.1372V20.9878ZM80.0122 20.9878H107.113V-6.11287H80.0122V20.9878ZM107.887 20.9878H134.988V-6.11286H107.887V20.9878ZM134.988 -33.9879V-6.88716H107.887V-33.9879H134.988ZM134.988 -61.8629V-34.7622H107.887V-61.8629H134.988ZM134.988 -89.7379V-62.6372H107.887V-89.7379H134.988ZM24.2622 -6.88717H51.3628V-33.9879H24.2622V-6.88717ZM52.1372 -6.88717H79.2379V-33.9879L52.1372 -33.9879V-6.88717ZM80.0122 -6.88717H107.113V-33.9879H80.0122V-6.88717ZM107.113 -61.8629V-34.7622H80.0122V-61.8629H107.113ZM107.113 -89.7379V-62.6372H80.0122V-89.7379H107.113ZM24.2622 -34.7622H51.3628V-61.8629H24.2622V-34.7622ZM52.1372 -34.7622L79.2379 -34.7622V-61.8629H52.1372V-34.7622ZM79.2379 -89.7379V-62.6372H52.1372V-89.7379H79.2379ZM24.2622 -62.6372H51.3628V-89.7379H24.2622V-62.6372Z" fill="url(#paint0_radial_227_7371)" fill-opacity="0.6"></path></g><defs><radialGradient id="paint0_radial_227_7371" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(219 174.242) rotate(90) scale(185.324)"><stop stop-color="white"></stop><stop offset="1" stop-color="#7298F9" stop-opacity="0"></stop></radialGradient><clipPath id="clip0_227_7371"><rect width="438" height="210" fill="white"></rect></clipPath></defs></svg></div><div class="p-5 flex flex-col gap-2 border-t border-muted"><div class="flex items-start justify-between"><h4 class="text-foreground text-lg">Stripe Subscriptions Starter</h4></div><p class="text-sm text-foreground-lighter">The all-in-one subscription starter kit for high-performance SaaS applications, powered by Stripe, Supabase, and Vercel.</p></div></div><div><div class="flex flex-col justify-between p-5 pt-0"><div class="flex items-stretch gap-2"><button data-size="tiny" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border hover:bg-surface-300 shadow-none focus-visible:outline-border-strong data-[state=open]:bg-surface-300 data-[state=open]:outline-border-strong border-transparent text-xs px-2.5 py-1 h-[26px] group overflow-hidden text-foreground-lighter group-hover/panel:text-foreground !bg-transparent !p-0"> <span class="truncate">View Template</span> <div class="[&amp;_svg]:h-[14px] [&amp;_svg]:w-[14px] text-foreground-lighter"><div class="relative w-3.5 h-3.5 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right absolute w-3.5 h-3.5 inset-0 transition-transform duration-200 translate-x-0 translate-y-0 group-hover/panel:translate-x-6 group-hover/panel:-translate-y-6"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></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-arrow-up-right absolute w-3.5 h-3.5 inset-0 transition-transform duration-200 -translate-x-6 translate-y-6 group-hover/panel:translate-x-0 group-hover/panel:-translate-y-0"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></button></div></div></div><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="swiper-slide swiper-slide-next" style="width: 289.6px; margin-right: 12px;"><a class="w-full h-full" target="_blank" href="https://github.com/vercel/next.js/tree/canary/examples/with-supabase"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger h-full"><div class="relative z-10 w-full h-full rounded-[11px] overflow-hidden text-foreground-light bg-surface-75 group/panel"><div class="flex flex-col justify-between"><div class="relative w-full aspect-[3/1] bg flex items-center justify-center gap-4 overflow-hidden"><div title="Next.js" class="relative z-10"><svg role="img" width="35" height="35" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Next.js logo</title><path fill-rule="evenodd" clip-rule="evenodd" d="M56.1984 63.6323C51.7018 66.6266 46.3019 68.3716 40.4944 68.3716C24.8264 68.3716 12.125 55.6702 12.125 40.0022C12.125 24.3342 24.8264 11.6328 40.4944 11.6328C56.1624 11.6328 68.8638 24.3342 68.8638 40.0022C68.8638 48.4568 65.1655 56.0475 59.2983 61.2449L52.5615 52.5671V28.2656H48.6484V47.5267L33.6954 28.2656H28.7578V51.734H32.7079V33.282L56.1984 63.6323Z" fill="hsl(var(--foreground-lighter))"></path></svg></div><div title="Vercel" class="relative z-10"><svg role="img" width="35" height="35" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Vercel logo</title><path fill-rule="evenodd" clip-rule="evenodd" d="M39.9999 13.8742L69.7914 66.1253H10.2085L39.9999 13.8742Z" fill="hsl(var(--foreground-lighter))"></path></svg></div><svg class="absolute w-full h-auto object-cover object-center inset-0 z-10" width="100%" height="100%" viewBox="0 0 438 210" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_227_7371)"><path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M23.4878 244.762V271.863H-4V272.637H23.4878V299.738H-4V300.512H23.4878V328H24.2622V300.512H51.3628V328H52.1372V300.512H79.2379V328H80.0122V300.512H107.113V328H107.887V300.512H134.988V328H135.762V300.512H162.863V328H163.637V300.512H190.738V328H191.512V300.512H218.613V328H219.387V300.512H246.488V328H247.262V300.512H274.363V328H275.137V300.512H302.238V328H303.012V300.512H330.113V328H330.887V300.512H357.988V328H358.762V300.512H385.863V328H386.637V300.512H413.738V328H414.512V300.512H442V299.738H414.512V272.637H442V271.863H414.512V244.762H442V243.988H414.512V216.887H442V216.113H414.512V189.012H442V188.238H414.512V161.137H442V160.363H414.512V133.262H442V132.488H414.512V105.387H442V104.613H414.512V77.5122H442V76.7379H414.512V49.6372H442V48.8629H414.512V21.7622H442V20.9879H414.512V-6.11284H442V-6.88715H414.512V-33.9878H442V-34.7621H414.512V-61.8628H442V-62.6372H414.512V-89.7378H442V-90.5122H414.512V-118H413.738V-90.5122H386.637V-118H385.863V-90.5122H358.762V-118H357.988V-90.5122H330.887V-118H330.113V-90.5122H303.012V-118H302.238V-90.5122H275.137V-118H274.363V-90.5122H247.262V-118H246.488V-90.5122H219.387V-118H218.613V-90.5122H191.512V-118H190.738V-90.5122H163.637V-118H162.863V-90.5122H135.762V-118H134.988V-90.5122H107.887V-118H107.113V-90.5122H80.0122V-118H79.2379V-90.5122H52.1372V-118H51.3628V-90.5122H24.2622V-118H23.4878V-90.5122H-4V-89.7379H23.4878V-62.6372H-4V-61.8629H23.4878V-34.7622H-4V-33.9879H23.4878V-6.88717H-4V-6.11287H23.4878V20.9878H-4V21.7621H23.4878V48.8628H-4V49.6371H23.4878V76.7378H-4V77.5121H23.4878V104.613H-4V105.387H23.4878V132.488H-4V133.262H23.4878V160.363H-4V161.137H23.4878V188.238H-4V189.012H23.4878V216.113H-4V216.887H23.4878V243.988H-4V244.762H23.4878ZM413.738 299.738V272.637H386.637V299.738H413.738ZM385.863 299.738V272.637H358.762V299.738H385.863ZM357.988 299.738V272.637H330.887V299.738H357.988ZM330.113 299.738V272.637H303.012V299.738H330.113ZM302.238 299.738V272.637H275.137V299.738H302.238ZM274.363 299.738V272.637H247.262V299.738H274.363ZM246.488 299.738V272.637H219.387V299.738H246.488ZM218.613 299.738V272.637H191.512V299.738H218.613ZM190.738 299.738V272.637H163.637V299.738H190.738ZM162.863 299.738V272.637H135.762V299.738H162.863ZM134.988 299.738V272.637H107.887V299.738H134.988ZM107.113 299.738V272.637H80.0122V299.738H107.113ZM79.2379 299.738V272.637H52.1372V299.738H79.2379ZM51.3628 299.738V272.637H24.2622V299.738H51.3628ZM51.3628 271.863H24.2622V244.762H51.3628V271.863ZM79.2379 271.863H52.1372V244.762H79.2379V271.863ZM107.113 271.863H80.0122V244.762H107.113V271.863ZM134.988 271.863H107.887V244.762H134.988V271.863ZM162.863 271.863H135.762V244.762H162.863V271.863ZM190.738 271.863H163.637V244.762H190.738V271.863ZM218.613 271.863H191.512V244.762H218.613V271.863ZM246.488 271.863H219.387V244.762H246.488V271.863ZM274.363 271.863H247.262V244.762H274.363V271.863ZM302.238 271.863H275.137V244.762H302.238V271.863ZM330.113 271.863H303.012V244.762H330.113V271.863ZM357.988 271.863H330.887V244.762H357.988V271.863ZM385.863 271.863H358.762V244.762H385.863V271.863ZM413.738 271.863H386.637V244.762H413.738V271.863ZM413.738 -89.7378H386.637V-62.6372H413.738V-89.7378ZM413.738 -61.8629H386.637V-34.7622H413.738V-61.8629ZM413.738 -33.9879H386.637V-6.88716H413.738V-33.9879ZM413.738 -6.11286H386.637V20.9878H413.738V-6.11286ZM413.738 21.7621H386.637V48.8628H413.738V21.7621ZM413.738 49.6371H386.637V76.7378H413.738V49.6371ZM413.738 77.5121H386.637V104.613H413.738V77.5121ZM413.738 105.387H386.637V132.488H413.738V105.387ZM413.738 133.262H386.637V160.363H413.738V133.262ZM413.738 161.137H386.637V188.238H413.738V161.137ZM413.738 189.012H386.637V216.113H413.738V189.012ZM413.738 216.887H386.637V243.988H413.738V216.887ZM385.863 216.887V243.988H358.762V216.887H385.863ZM385.863 189.012V216.113H358.762V189.012H385.863ZM385.863 161.137V188.238H358.762V161.137H385.863ZM385.863 133.262V160.363H358.762V133.262H385.863ZM385.863 105.387V132.488H358.762V105.387H385.863ZM385.863 77.5121V104.613H358.762V77.5121H385.863ZM385.863 49.6371V76.7378H358.762V49.6371H385.863ZM385.863 21.7621V48.8628H358.762V21.7621H385.863ZM385.863 -6.11286V20.9878H358.762V-6.11286H385.863ZM385.863 -33.9879V-6.88716H358.762V-33.9879H385.863ZM385.863 -61.8629V-34.7622H358.762V-61.8629H385.863ZM385.863 -89.7378V-62.6372H358.762V-89.7378H385.863ZM24.2622 243.988H51.3628V216.887H24.2622V243.988ZM52.1372 243.988H79.2379V216.887H52.1372V243.988ZM80.0122 243.988H107.113V216.887H80.0122V243.988ZM107.887 243.988H134.988V216.887H107.887V243.988ZM135.762 243.988H162.863V216.887H135.762V243.988ZM163.637 243.988H190.738V216.887H163.637V243.988ZM191.512 243.988H218.613V216.887H191.512V243.988ZM219.387 243.988H246.488V216.887H219.387V243.988ZM247.262 243.988H274.363V216.887H247.262V243.988ZM275.137 243.988H302.238V216.887H275.137V243.988ZM303.012 243.988H330.113V216.887H303.012V243.988ZM330.887 243.988H357.988V216.887H330.887V243.988ZM357.988 189.012V216.113H330.887V189.012H357.988ZM357.988 161.137V188.238H330.887V161.137H357.988ZM357.988 133.262V160.363H330.887V133.262H357.988ZM357.988 105.387V132.488H330.887V105.387H357.988ZM357.988 77.5121V104.613H330.887V77.5121H357.988ZM357.988 49.6371V76.7378H330.887V49.6371H357.988ZM357.988 21.7621V48.8628H330.887V21.7621H357.988ZM357.988 -6.11286V20.9878H330.887V-6.11286H357.988ZM357.988 -33.9879V-6.88716H330.887V-33.9879H357.988ZM357.988 -61.8629V-34.7622H330.887V-61.8629H357.988ZM357.988 -89.7379V-62.6372H330.887V-89.7379H357.988ZM24.2622 216.113H51.3628V189.012H24.2622V216.113ZM52.1372 216.113H79.2379V189.012H52.1372V216.113ZM80.0122 216.113H107.113V189.012H80.0122V216.113ZM107.887 216.113H134.988V189.012H107.887V216.113ZM135.762 216.113H162.863V189.012H135.762V216.113ZM163.637 216.113H190.738V189.012H163.637V216.113ZM191.512 216.113H218.613V189.012H191.512V216.113ZM219.387 216.113H246.488V189.012H219.387V216.113ZM247.262 216.113H274.363V189.012H247.262V216.113ZM275.137 216.113H302.238V189.012H275.137V216.113ZM303.012 216.113H330.113V189.012H303.012V216.113ZM330.113 161.137V188.238H303.012V161.137H330.113ZM330.113 133.262V160.363H303.012V133.262H330.113ZM330.113 105.387V132.488H303.012V105.387H330.113ZM330.113 77.5121V104.613H303.012V77.5121H330.113ZM330.113 49.6371V76.7378H303.012V49.6371H330.113ZM330.113 21.7621V48.8628H303.012V21.7621H330.113ZM330.113 -6.11286V20.9878H303.012V-6.11286H330.113ZM330.113 -33.9879V-6.88716H303.012V-33.9879H330.113ZM330.113 -61.8629V-34.7622H303.012V-61.8629H330.113ZM330.113 -89.7379V-62.6372H303.012V-89.7379H330.113ZM24.2622 188.238H51.3628V161.137H24.2622V188.238ZM52.1372 188.238H79.2379V161.137H52.1372V188.238ZM80.0122 188.238H107.113V161.137H80.0122V188.238ZM107.887 188.238H134.988V161.137H107.887V188.238ZM135.762 188.238H162.863V161.137H135.762V188.238ZM163.637 188.238H190.738V161.137H163.637V188.238ZM191.512 188.238H218.613V161.137H191.512V188.238ZM219.387 188.238H246.488V161.137H219.387V188.238ZM247.262 188.238H274.363V161.137H247.262V188.238ZM275.137 188.238H302.238V161.137H275.137V188.238ZM302.238 133.262V160.363H275.137V133.262H302.238ZM302.238 105.387V132.488H275.137V105.387H302.238ZM302.238 77.5121V104.613H275.137V77.5121H302.238ZM302.238 49.6371V76.7378H275.137V49.6371H302.238ZM302.238 21.7621V48.8628H275.137V21.7621H302.238ZM302.238 -6.11286V20.9878H275.137V-6.11286H302.238ZM302.238 -33.9879V-6.88716H275.137V-33.9879H302.238ZM302.238 -61.8629V-34.7622H275.137V-61.8629H302.238ZM302.238 -89.7379V-62.6372H275.137V-89.7379H302.238ZM24.2622 160.363H51.3628V133.262H24.2622V160.363ZM52.1372 160.363H79.2379V133.262H52.1372V160.363ZM80.0122 160.363H107.113V133.262H80.0122V160.363ZM107.887 160.363H134.988V133.262H107.887V160.363ZM135.762 160.363H162.863V133.262H135.762V160.363ZM163.637 160.363H190.738V133.262H163.637V160.363ZM191.512 160.363H218.613V133.262H191.512V160.363ZM219.387 160.363H246.488V133.262H219.387V160.363ZM247.262 160.363H274.363V133.262H247.262V160.363ZM274.363 105.387V132.488H247.262V105.387H274.363ZM274.363 77.5121V104.613H247.262V77.5121H274.363ZM274.363 49.6371V76.7378H247.262V49.6371H274.363ZM274.363 21.7621V48.8628H247.262V21.7621H274.363ZM274.363 -6.11286V20.9878H247.262V-6.11286H274.363ZM274.363 -33.9879V-6.88716H247.262V-33.9879H274.363ZM274.363 -61.8629V-34.7622H247.262V-61.8629H274.363ZM274.363 -89.7379V-62.6372H247.262V-89.7379H274.363ZM24.2622 132.488H51.3628V105.387H24.2622V132.488ZM52.1372 132.488H79.2379V105.387H52.1372V132.488ZM80.0122 132.488H107.113V105.387H80.0122V132.488ZM107.887 132.488H134.988V105.387H107.887V132.488ZM135.762 132.488H162.863V105.387H135.762V132.488ZM163.637 132.488H190.738V105.387H163.637V132.488ZM191.512 132.488H218.613V105.387H191.512V132.488ZM219.387 132.488H246.488V105.387H219.387V132.488ZM246.488 77.5121V104.613H219.387V77.5121H246.488ZM246.488 49.6371V76.7378H219.387V49.6371H246.488ZM246.488 21.7621V48.8628H219.387V21.7621H246.488ZM246.488 -6.11286V20.9878H219.387V-6.11286H246.488ZM246.488 -33.9879V-6.88716H219.387V-33.9879H246.488ZM246.488 -61.8629V-34.7622H219.387V-61.8629H246.488ZM246.488 -89.7379V-62.6372H219.387V-89.7379H246.488ZM24.2622 104.613H51.3628V77.5121H24.2622V104.613ZM52.1372 104.613H79.2379V77.5121H52.1372V104.613ZM80.0122 104.613H107.113V77.5121H80.0122V104.613ZM107.887 104.613H134.988V77.5121H107.887V104.613ZM135.762 104.613H162.863V77.5121H135.762V104.613ZM163.637 104.613H190.738V77.5121H163.637V104.613ZM191.512 104.613H218.613V77.5121H191.512V104.613ZM218.613 49.6371V76.7378H191.512V49.6371H218.613ZM218.613 21.7621V48.8628H191.512V21.7621H218.613ZM218.613 -6.11286V20.9878H191.512V-6.11286H218.613ZM218.613 -33.9879V-6.88716H191.512V-33.9879H218.613ZM218.613 -61.8629V-34.7622H191.512V-61.8629H218.613ZM218.613 -89.7379V-62.6372H191.512V-89.7379H218.613ZM24.2622 76.7378H51.3628V49.6371H24.2622V76.7378ZM52.1372 76.7378H79.2379V49.6371H52.1372V76.7378ZM80.0122 76.7378H107.113V49.6371H80.0122V76.7378ZM107.887 76.7378H134.988V49.6371H107.887V76.7378ZM135.762 76.7378H162.863V49.6371H135.762V76.7378ZM163.637 76.7378H190.738V49.6371H163.637V76.7378ZM190.738 21.7621V48.8628H163.637V21.7621H190.738ZM190.738 -6.11286V20.9878H163.637V-6.11286H190.738ZM190.738 -33.9879V-6.88716H163.637V-33.9879H190.738ZM190.738 -61.8629V-34.7622H163.637V-61.8629H190.738ZM190.738 -89.7379V-62.6372H163.637V-89.7379H190.738ZM24.2622 48.8628H51.3628V21.7621H24.2622V48.8628ZM52.1372 48.8628H79.2379V21.7621H52.1372V48.8628ZM80.0122 48.8628H107.113V21.7621H80.0122V48.8628ZM107.887 48.8628H134.988V21.7621H107.887V48.8628ZM135.762 48.8628H162.863V21.7621H135.762V48.8628ZM162.863 -6.11286V20.9878H135.762V-6.11286H162.863ZM162.863 -33.9879V-6.88716H135.762V-33.9879H162.863ZM162.863 -61.8629V-34.7622H135.762V-61.8629H162.863ZM162.863 -89.7379V-62.6372H135.762V-89.7379H162.863ZM24.2622 20.9878H51.3628V-6.11287H24.2622V20.9878ZM52.1372 20.9878H79.2379V-6.11287H52.1372V20.9878ZM80.0122 20.9878H107.113V-6.11287H80.0122V20.9878ZM107.887 20.9878H134.988V-6.11286H107.887V20.9878ZM134.988 -33.9879V-6.88716H107.887V-33.9879H134.988ZM134.988 -61.8629V-34.7622H107.887V-61.8629H134.988ZM134.988 -89.7379V-62.6372H107.887V-89.7379H134.988ZM24.2622 -6.88717H51.3628V-33.9879H24.2622V-6.88717ZM52.1372 -6.88717H79.2379V-33.9879L52.1372 -33.9879V-6.88717ZM80.0122 -6.88717H107.113V-33.9879H80.0122V-6.88717ZM107.113 -61.8629V-34.7622H80.0122V-61.8629H107.113ZM107.113 -89.7379V-62.6372H80.0122V-89.7379H107.113ZM24.2622 -34.7622H51.3628V-61.8629H24.2622V-34.7622ZM52.1372 -34.7622L79.2379 -34.7622V-61.8629H52.1372V-34.7622ZM79.2379 -89.7379V-62.6372H52.1372V-89.7379H79.2379ZM24.2622 -62.6372H51.3628V-89.7379H24.2622V-62.6372Z" fill="url(#paint0_radial_227_7371)" fill-opacity="0.6"></path></g><defs><radialGradient id="paint0_radial_227_7371" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(219 174.242) rotate(90) scale(185.324)"><stop stop-color="white"></stop><stop offset="1" stop-color="#7298F9" stop-opacity="0"></stop></radialGradient><clipPath id="clip0_227_7371"><rect width="438" height="210" fill="white"></rect></clipPath></defs></svg></div><div class="p-5 flex flex-col gap-2 border-t border-muted"><div class="flex items-start justify-between"><h4 class="text-foreground text-lg">Next.js Starter</h4></div><p class="text-sm text-foreground-lighter">A Next.js App Router template configured with cookie-based auth using Supabase, TypeScript and Tailwind CSS.</p></div></div><div><div class="flex flex-col justify-between p-5 pt-0"><div class="flex items-stretch gap-2"><button data-size="tiny" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border hover:bg-surface-300 shadow-none focus-visible:outline-border-strong data-[state=open]:bg-surface-300 data-[state=open]:outline-border-strong border-transparent text-xs px-2.5 py-1 h-[26px] group overflow-hidden text-foreground-lighter group-hover/panel:text-foreground !bg-transparent !p-0"> <span class="truncate">View Template</span> <div class="[&amp;_svg]:h-[14px] [&amp;_svg]:w-[14px] text-foreground-lighter"><div class="relative w-3.5 h-3.5 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right absolute w-3.5 h-3.5 inset-0 transition-transform duration-200 translate-x-0 translate-y-0 group-hover/panel:translate-x-6 group-hover/panel:-translate-y-6"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></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-arrow-up-right absolute w-3.5 h-3.5 inset-0 transition-transform duration-200 -translate-x-6 translate-y-6 group-hover/panel:translate-x-0 group-hover/panel:-translate-y-0"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></button></div></div></div><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="swiper-slide" style="width: 289.6px; margin-right: 12px;"><a class="w-full h-full" target="_blank" href="https://github.com/supabase-community/vercel-ai-chatbot"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger h-full"><div class="relative z-10 w-full h-full rounded-[11px] overflow-hidden text-foreground-light bg-surface-75 group/panel"><div class="flex flex-col justify-between"><div class="relative w-full aspect-[3/1] bg flex items-center justify-center gap-4 overflow-hidden"><div title="Next.js" class="relative z-10"><svg role="img" width="35" height="35" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Next.js logo</title><path fill-rule="evenodd" clip-rule="evenodd" d="M56.1984 63.6323C51.7018 66.6266 46.3019 68.3716 40.4944 68.3716C24.8264 68.3716 12.125 55.6702 12.125 40.0022C12.125 24.3342 24.8264 11.6328 40.4944 11.6328C56.1624 11.6328 68.8638 24.3342 68.8638 40.0022C68.8638 48.4568 65.1655 56.0475 59.2983 61.2449L52.5615 52.5671V28.2656H48.6484V47.5267L33.6954 28.2656H28.7578V51.734H32.7079V33.282L56.1984 63.6323Z" fill="hsl(var(--foreground-lighter))"></path></svg></div><div title="OpenAI" class="relative z-10"><svg role="img" width="35" height="35" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><title>OpenAI logo</title><path fill-rule="evenodd" clip-rule="evenodd" d="M66.1943 35.3654C67.5556 31.2814 67.0883 26.8114 64.9143 23.0932C61.643 17.4041 55.0599 14.4782 48.6394 15.8396C45.7745 12.6293 41.6702 10.8007 37.3628 10.821C30.8 10.821 24.9687 15.0472 22.9369 21.2848C18.7107 22.1585 15.0737 24.7999 12.9403 28.5384C9.64875 34.2275 10.4005 41.3796 14.8096 46.2559C13.4483 50.3399 13.9156 54.8099 16.0896 58.5078C19.3608 64.2172 25.9439 67.143 32.3848 65.7817C35.2294 68.992 39.3336 70.841 43.6411 70.8206C50.2039 70.8206 56.0352 66.5944 58.067 60.3568C62.2932 59.4831 65.9302 56.8417 68.0433 53.1032C71.3551 47.4141 70.6034 40.2621 66.1943 35.3857V35.3654ZM61.5211 25.064C62.8215 27.3397 63.3091 30.0014 62.8621 32.5818C62.7809 32.5208 62.6183 32.4395 62.5167 32.3786L50.5696 25.4704C49.9601 25.125 49.2083 25.125 48.5987 25.4704L34.5995 33.557V27.6241L46.1606 20.9394C51.5449 17.8307 58.4124 19.6797 61.5211 25.064ZM34.5995 37.3972L40.4918 33.9837L46.3841 37.3972V44.2038L40.4918 47.6172L34.5995 44.2038V37.3972ZM37.3425 14.7424C39.9838 14.7424 42.5236 15.6567 44.5554 17.3431C44.4741 17.3837 44.3116 17.4853 44.1897 17.5463L32.2426 24.4342C31.633 24.7796 31.2673 25.4298 31.2673 26.1409V42.3142L26.1268 39.3477V25.9784C26.1268 19.761 31.1454 14.7424 37.3628 14.7221L37.3425 14.7424ZM16.3538 30.5093C17.6744 28.2337 19.7266 26.4863 22.2054 25.572V39.7744C22.2054 40.4855 22.5711 41.1154 23.1807 41.4811L37.1596 49.5475L31.9988 52.5342L20.458 45.8699C15.094 42.7612 13.2451 35.8936 16.3538 30.5093ZM19.5031 56.5776C18.1824 54.3223 17.7151 51.6402 18.1621 49.0598C18.2433 49.1208 18.4059 49.2021 18.5075 49.263L30.4546 56.1712C31.0641 56.5166 31.8159 56.5166 32.4255 56.1712L46.4044 48.0846V54.0175L34.8433 60.6819C29.459 63.7702 22.5914 61.9416 19.4828 56.5776H19.5031ZM43.6614 66.8992C41.0404 66.8992 38.4803 65.9849 36.4688 64.2985C36.5501 64.2579 36.7329 64.1563 36.8345 64.0953L48.7816 57.2074C49.3912 56.862 49.7772 56.2118 49.7569 55.5007V39.3477L54.8974 42.3142V55.6632C54.8974 61.8806 49.8585 66.9195 43.6614 66.9195V66.8992ZM64.6704 51.1323C63.3498 53.4079 61.2773 55.1553 58.8188 56.0493V41.8469C58.8188 41.1357 58.4531 40.4856 57.8435 40.1401L43.8443 32.0535L48.9848 29.087L60.5459 35.7514C65.9302 38.8601 67.7588 45.7276 64.6501 51.112L64.6704 51.1323Z" fill="hsl(var(--foreground-lighter))"></path></svg></div><div title="Vercel" class="relative z-10"><svg role="img" width="35" height="35" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Vercel logo</title><path fill-rule="evenodd" clip-rule="evenodd" d="M39.9999 13.8742L69.7914 66.1253H10.2085L39.9999 13.8742Z" fill="hsl(var(--foreground-lighter))"></path></svg></div><svg class="absolute w-full h-auto object-cover object-center inset-0 z-10" width="100%" height="100%" viewBox="0 0 438 210" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_227_7371)"><path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M23.4878 244.762V271.863H-4V272.637H23.4878V299.738H-4V300.512H23.4878V328H24.2622V300.512H51.3628V328H52.1372V300.512H79.2379V328H80.0122V300.512H107.113V328H107.887V300.512H134.988V328H135.762V300.512H162.863V328H163.637V300.512H190.738V328H191.512V300.512H218.613V328H219.387V300.512H246.488V328H247.262V300.512H274.363V328H275.137V300.512H302.238V328H303.012V300.512H330.113V328H330.887V300.512H357.988V328H358.762V300.512H385.863V328H386.637V300.512H413.738V328H414.512V300.512H442V299.738H414.512V272.637H442V271.863H414.512V244.762H442V243.988H414.512V216.887H442V216.113H414.512V189.012H442V188.238H414.512V161.137H442V160.363H414.512V133.262H442V132.488H414.512V105.387H442V104.613H414.512V77.5122H442V76.7379H414.512V49.6372H442V48.8629H414.512V21.7622H442V20.9879H414.512V-6.11284H442V-6.88715H414.512V-33.9878H442V-34.7621H414.512V-61.8628H442V-62.6372H414.512V-89.7378H442V-90.5122H414.512V-118H413.738V-90.5122H386.637V-118H385.863V-90.5122H358.762V-118H357.988V-90.5122H330.887V-118H330.113V-90.5122H303.012V-118H302.238V-90.5122H275.137V-118H274.363V-90.5122H247.262V-118H246.488V-90.5122H219.387V-118H218.613V-90.5122H191.512V-118H190.738V-90.5122H163.637V-118H162.863V-90.5122H135.762V-118H134.988V-90.5122H107.887V-118H107.113V-90.5122H80.0122V-118H79.2379V-90.5122H52.1372V-118H51.3628V-90.5122H24.2622V-118H23.4878V-90.5122H-4V-89.7379H23.4878V-62.6372H-4V-61.8629H23.4878V-34.7622H-4V-33.9879H23.4878V-6.88717H-4V-6.11287H23.4878V20.9878H-4V21.7621H23.4878V48.8628H-4V49.6371H23.4878V76.7378H-4V77.5121H23.4878V104.613H-4V105.387H23.4878V132.488H-4V133.262H23.4878V160.363H-4V161.137H23.4878V188.238H-4V189.012H23.4878V216.113H-4V216.887H23.4878V243.988H-4V244.762H23.4878ZM413.738 299.738V272.637H386.637V299.738H413.738ZM385.863 299.738V272.637H358.762V299.738H385.863ZM357.988 299.738V272.637H330.887V299.738H357.988ZM330.113 299.738V272.637H303.012V299.738H330.113ZM302.238 299.738V272.637H275.137V299.738H302.238ZM274.363 299.738V272.637H247.262V299.738H274.363ZM246.488 299.738V272.637H219.387V299.738H246.488ZM218.613 299.738V272.637H191.512V299.738H218.613ZM190.738 299.738V272.637H163.637V299.738H190.738ZM162.863 299.738V272.637H135.762V299.738H162.863ZM134.988 299.738V272.637H107.887V299.738H134.988ZM107.113 299.738V272.637H80.0122V299.738H107.113ZM79.2379 299.738V272.637H52.1372V299.738H79.2379ZM51.3628 299.738V272.637H24.2622V299.738H51.3628ZM51.3628 271.863H24.2622V244.762H51.3628V271.863ZM79.2379 271.863H52.1372V244.762H79.2379V271.863ZM107.113 271.863H80.0122V244.762H107.113V271.863ZM134.988 271.863H107.887V244.762H134.988V271.863ZM162.863 271.863H135.762V244.762H162.863V271.863ZM190.738 271.863H163.637V244.762H190.738V271.863ZM218.613 271.863H191.512V244.762H218.613V271.863ZM246.488 271.863H219.387V244.762H246.488V271.863ZM274.363 271.863H247.262V244.762H274.363V271.863ZM302.238 271.863H275.137V244.762H302.238V271.863ZM330.113 271.863H303.012V244.762H330.113V271.863ZM357.988 271.863H330.887V244.762H357.988V271.863ZM385.863 271.863H358.762V244.762H385.863V271.863ZM413.738 271.863H386.637V244.762H413.738V271.863ZM413.738 -89.7378H386.637V-62.6372H413.738V-89.7378ZM413.738 -61.8629H386.637V-34.7622H413.738V-61.8629ZM413.738 -33.9879H386.637V-6.88716H413.738V-33.9879ZM413.738 -6.11286H386.637V20.9878H413.738V-6.11286ZM413.738 21.7621H386.637V48.8628H413.738V21.7621ZM413.738 49.6371H386.637V76.7378H413.738V49.6371ZM413.738 77.5121H386.637V104.613H413.738V77.5121ZM413.738 105.387H386.637V132.488H413.738V105.387ZM413.738 133.262H386.637V160.363H413.738V133.262ZM413.738 161.137H386.637V188.238H413.738V161.137ZM413.738 189.012H386.637V216.113H413.738V189.012ZM413.738 216.887H386.637V243.988H413.738V216.887ZM385.863 216.887V243.988H358.762V216.887H385.863ZM385.863 189.012V216.113H358.762V189.012H385.863ZM385.863 161.137V188.238H358.762V161.137H385.863ZM385.863 133.262V160.363H358.762V133.262H385.863ZM385.863 105.387V132.488H358.762V105.387H385.863ZM385.863 77.5121V104.613H358.762V77.5121H385.863ZM385.863 49.6371V76.7378H358.762V49.6371H385.863ZM385.863 21.7621V48.8628H358.762V21.7621H385.863ZM385.863 -6.11286V20.9878H358.762V-6.11286H385.863ZM385.863 -33.9879V-6.88716H358.762V-33.9879H385.863ZM385.863 -61.8629V-34.7622H358.762V-61.8629H385.863ZM385.863 -89.7378V-62.6372H358.762V-89.7378H385.863ZM24.2622 243.988H51.3628V216.887H24.2622V243.988ZM52.1372 243.988H79.2379V216.887H52.1372V243.988ZM80.0122 243.988H107.113V216.887H80.0122V243.988ZM107.887 243.988H134.988V216.887H107.887V243.988ZM135.762 243.988H162.863V216.887H135.762V243.988ZM163.637 243.988H190.738V216.887H163.637V243.988ZM191.512 243.988H218.613V216.887H191.512V243.988ZM219.387 243.988H246.488V216.887H219.387V243.988ZM247.262 243.988H274.363V216.887H247.262V243.988ZM275.137 243.988H302.238V216.887H275.137V243.988ZM303.012 243.988H330.113V216.887H303.012V243.988ZM330.887 243.988H357.988V216.887H330.887V243.988ZM357.988 189.012V216.113H330.887V189.012H357.988ZM357.988 161.137V188.238H330.887V161.137H357.988ZM357.988 133.262V160.363H330.887V133.262H357.988ZM357.988 105.387V132.488H330.887V105.387H357.988ZM357.988 77.5121V104.613H330.887V77.5121H357.988ZM357.988 49.6371V76.7378H330.887V49.6371H357.988ZM357.988 21.7621V48.8628H330.887V21.7621H357.988ZM357.988 -6.11286V20.9878H330.887V-6.11286H357.988ZM357.988 -33.9879V-6.88716H330.887V-33.9879H357.988ZM357.988 -61.8629V-34.7622H330.887V-61.8629H357.988ZM357.988 -89.7379V-62.6372H330.887V-89.7379H357.988ZM24.2622 216.113H51.3628V189.012H24.2622V216.113ZM52.1372 216.113H79.2379V189.012H52.1372V216.113ZM80.0122 216.113H107.113V189.012H80.0122V216.113ZM107.887 216.113H134.988V189.012H107.887V216.113ZM135.762 216.113H162.863V189.012H135.762V216.113ZM163.637 216.113H190.738V189.012H163.637V216.113ZM191.512 216.113H218.613V189.012H191.512V216.113ZM219.387 216.113H246.488V189.012H219.387V216.113ZM247.262 216.113H274.363V189.012H247.262V216.113ZM275.137 216.113H302.238V189.012H275.137V216.113ZM303.012 216.113H330.113V189.012H303.012V216.113ZM330.113 161.137V188.238H303.012V161.137H330.113ZM330.113 133.262V160.363H303.012V133.262H330.113ZM330.113 105.387V132.488H303.012V105.387H330.113ZM330.113 77.5121V104.613H303.012V77.5121H330.113ZM330.113 49.6371V76.7378H303.012V49.6371H330.113ZM330.113 21.7621V48.8628H303.012V21.7621H330.113ZM330.113 -6.11286V20.9878H303.012V-6.11286H330.113ZM330.113 -33.9879V-6.88716H303.012V-33.9879H330.113ZM330.113 -61.8629V-34.7622H303.012V-61.8629H330.113ZM330.113 -89.7379V-62.6372H303.012V-89.7379H330.113ZM24.2622 188.238H51.3628V161.137H24.2622V188.238ZM52.1372 188.238H79.2379V161.137H52.1372V188.238ZM80.0122 188.238H107.113V161.137H80.0122V188.238ZM107.887 188.238H134.988V161.137H107.887V188.238ZM135.762 188.238H162.863V161.137H135.762V188.238ZM163.637 188.238H190.738V161.137H163.637V188.238ZM191.512 188.238H218.613V161.137H191.512V188.238ZM219.387 188.238H246.488V161.137H219.387V188.238ZM247.262 188.238H274.363V161.137H247.262V188.238ZM275.137 188.238H302.238V161.137H275.137V188.238ZM302.238 133.262V160.363H275.137V133.262H302.238ZM302.238 105.387V132.488H275.137V105.387H302.238ZM302.238 77.5121V104.613H275.137V77.5121H302.238ZM302.238 49.6371V76.7378H275.137V49.6371H302.238ZM302.238 21.7621V48.8628H275.137V21.7621H302.238ZM302.238 -6.11286V20.9878H275.137V-6.11286H302.238ZM302.238 -33.9879V-6.88716H275.137V-33.9879H302.238ZM302.238 -61.8629V-34.7622H275.137V-61.8629H302.238ZM302.238 -89.7379V-62.6372H275.137V-89.7379H302.238ZM24.2622 160.363H51.3628V133.262H24.2622V160.363ZM52.1372 160.363H79.2379V133.262H52.1372V160.363ZM80.0122 160.363H107.113V133.262H80.0122V160.363ZM107.887 160.363H134.988V133.262H107.887V160.363ZM135.762 160.363H162.863V133.262H135.762V160.363ZM163.637 160.363H190.738V133.262H163.637V160.363ZM191.512 160.363H218.613V133.262H191.512V160.363ZM219.387 160.363H246.488V133.262H219.387V160.363ZM247.262 160.363H274.363V133.262H247.262V160.363ZM274.363 105.387V132.488H247.262V105.387H274.363ZM274.363 77.5121V104.613H247.262V77.5121H274.363ZM274.363 49.6371V76.7378H247.262V49.6371H274.363ZM274.363 21.7621V48.8628H247.262V21.7621H274.363ZM274.363 -6.11286V20.9878H247.262V-6.11286H274.363ZM274.363 -33.9879V-6.88716H247.262V-33.9879H274.363ZM274.363 -61.8629V-34.7622H247.262V-61.8629H274.363ZM274.363 -89.7379V-62.6372H247.262V-89.7379H274.363ZM24.2622 132.488H51.3628V105.387H24.2622V132.488ZM52.1372 132.488H79.2379V105.387H52.1372V132.488ZM80.0122 132.488H107.113V105.387H80.0122V132.488ZM107.887 132.488H134.988V105.387H107.887V132.488ZM135.762 132.488H162.863V105.387H135.762V132.488ZM163.637 132.488H190.738V105.387H163.637V132.488ZM191.512 132.488H218.613V105.387H191.512V132.488ZM219.387 132.488H246.488V105.387H219.387V132.488ZM246.488 77.5121V104.613H219.387V77.5121H246.488ZM246.488 49.6371V76.7378H219.387V49.6371H246.488ZM246.488 21.7621V48.8628H219.387V21.7621H246.488ZM246.488 -6.11286V20.9878H219.387V-6.11286H246.488ZM246.488 -33.9879V-6.88716H219.387V-33.9879H246.488ZM246.488 -61.8629V-34.7622H219.387V-61.8629H246.488ZM246.488 -89.7379V-62.6372H219.387V-89.7379H246.488ZM24.2622 104.613H51.3628V77.5121H24.2622V104.613ZM52.1372 104.613H79.2379V77.5121H52.1372V104.613ZM80.0122 104.613H107.113V77.5121H80.0122V104.613ZM107.887 104.613H134.988V77.5121H107.887V104.613ZM135.762 104.613H162.863V77.5121H135.762V104.613ZM163.637 104.613H190.738V77.5121H163.637V104.613ZM191.512 104.613H218.613V77.5121H191.512V104.613ZM218.613 49.6371V76.7378H191.512V49.6371H218.613ZM218.613 21.7621V48.8628H191.512V21.7621H218.613ZM218.613 -6.11286V20.9878H191.512V-6.11286H218.613ZM218.613 -33.9879V-6.88716H191.512V-33.9879H218.613ZM218.613 -61.8629V-34.7622H191.512V-61.8629H218.613ZM218.613 -89.7379V-62.6372H191.512V-89.7379H218.613ZM24.2622 76.7378H51.3628V49.6371H24.2622V76.7378ZM52.1372 76.7378H79.2379V49.6371H52.1372V76.7378ZM80.0122 76.7378H107.113V49.6371H80.0122V76.7378ZM107.887 76.7378H134.988V49.6371H107.887V76.7378ZM135.762 76.7378H162.863V49.6371H135.762V76.7378ZM163.637 76.7378H190.738V49.6371H163.637V76.7378ZM190.738 21.7621V48.8628H163.637V21.7621H190.738ZM190.738 -6.11286V20.9878H163.637V-6.11286H190.738ZM190.738 -33.9879V-6.88716H163.637V-33.9879H190.738ZM190.738 -61.8629V-34.7622H163.637V-61.8629H190.738ZM190.738 -89.7379V-62.6372H163.637V-89.7379H190.738ZM24.2622 48.8628H51.3628V21.7621H24.2622V48.8628ZM52.1372 48.8628H79.2379V21.7621H52.1372V48.8628ZM80.0122 48.8628H107.113V21.7621H80.0122V48.8628ZM107.887 48.8628H134.988V21.7621H107.887V48.8628ZM135.762 48.8628H162.863V21.7621H135.762V48.8628ZM162.863 -6.11286V20.9878H135.762V-6.11286H162.863ZM162.863 -33.9879V-6.88716H135.762V-33.9879H162.863ZM162.863 -61.8629V-34.7622H135.762V-61.8629H162.863ZM162.863 -89.7379V-62.6372H135.762V-89.7379H162.863ZM24.2622 20.9878H51.3628V-6.11287H24.2622V20.9878ZM52.1372 20.9878H79.2379V-6.11287H52.1372V20.9878ZM80.0122 20.9878H107.113V-6.11287H80.0122V20.9878ZM107.887 20.9878H134.988V-6.11286H107.887V20.9878ZM134.988 -33.9879V-6.88716H107.887V-33.9879H134.988ZM134.988 -61.8629V-34.7622H107.887V-61.8629H134.988ZM134.988 -89.7379V-62.6372H107.887V-89.7379H134.988ZM24.2622 -6.88717H51.3628V-33.9879H24.2622V-6.88717ZM52.1372 -6.88717H79.2379V-33.9879L52.1372 -33.9879V-6.88717ZM80.0122 -6.88717H107.113V-33.9879H80.0122V-6.88717ZM107.113 -61.8629V-34.7622H80.0122V-61.8629H107.113ZM107.113 -89.7379V-62.6372H80.0122V-89.7379H107.113ZM24.2622 -34.7622H51.3628V-61.8629H24.2622V-34.7622ZM52.1372 -34.7622L79.2379 -34.7622V-61.8629H52.1372V-34.7622ZM79.2379 -89.7379V-62.6372H52.1372V-89.7379H79.2379ZM24.2622 -62.6372H51.3628V-89.7379H24.2622V-62.6372Z" fill="url(#paint0_radial_227_7371)" fill-opacity="0.6"></path></g><defs><radialGradient id="paint0_radial_227_7371" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(219 174.242) rotate(90) scale(185.324)"><stop stop-color="white"></stop><stop offset="1" stop-color="#7298F9" stop-opacity="0"></stop></radialGradient><clipPath id="clip0_227_7371"><rect width="438" height="210" fill="white"></rect></clipPath></defs></svg></div><div class="p-5 flex flex-col gap-2 border-t border-muted"><div class="flex items-start justify-between"><h4 class="text-foreground text-lg">AI Chatbot</h4></div><p class="text-sm text-foreground-lighter">An open-source AI chatbot app template built with Next.js, the Vercel AI SDK, OpenAI, and Supabase.</p></div></div><div><div class="flex flex-col justify-between p-5 pt-0"><div class="flex items-stretch gap-2"><button data-size="tiny" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border hover:bg-surface-300 shadow-none focus-visible:outline-border-strong data-[state=open]:bg-surface-300 data-[state=open]:outline-border-strong border-transparent text-xs px-2.5 py-1 h-[26px] group overflow-hidden text-foreground-lighter group-hover/panel:text-foreground !bg-transparent !p-0"> <span class="truncate">View Template</span> <div class="[&amp;_svg]:h-[14px] [&amp;_svg]:w-[14px] text-foreground-lighter"><div class="relative w-3.5 h-3.5 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right absolute w-3.5 h-3.5 inset-0 transition-transform duration-200 translate-x-0 translate-y-0 group-hover/panel:translate-x-6 group-hover/panel:-translate-y-6"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></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-arrow-up-right absolute w-3.5 h-3.5 inset-0 transition-transform duration-200 -translate-x-6 translate-y-6 group-hover/panel:translate-x-0 group-hover/panel:-translate-y-0"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></button></div></div></div><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="swiper-slide" style="width: 289.6px; margin-right: 12px;"><a class="w-full h-full" target="_blank" href="https://github.com/langchain-ai/langchain-nextjs-template"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger h-full"><div class="relative z-10 w-full h-full rounded-[11px] overflow-hidden text-foreground-light bg-surface-75 group/panel"><div class="flex flex-col justify-between"><div class="relative w-full aspect-[3/1] bg flex items-center justify-center gap-4 overflow-hidden"><div title="LangChain" class="relative z-10"><svg role="img" width="35" height="35" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><title>LangChain logo</title><path fill-rule="evenodd" clip-rule="evenodd" d="M73.9315 24.8378C69.7739 20.5409 62.7041 20.9468 57.0498 27.2696C54.8454 29.7344 53.4624 31.9895 52.8472 34.0886C50.1739 34.6786 47.403 36.3156 44.9084 39.1059C39.2529 45.4299 39.004 50.3753 43.2454 54.8343C47.4868 59.2933 52.9748 59.2933 59.7119 53.2131C62.4866 50.7093 64.0321 48.1909 64.6023 45.7944C66.833 45.1678 69.25 43.7258 71.8533 41.3756C78.5892 35.2966 78.0903 29.1347 73.9315 24.8378ZM56.8835 50.2949C52.2896 54.4418 49.1098 55.0415 46.2176 52.0002C43.3254 48.9589 44.0457 46.0955 47.9019 41.7827C49.4624 40.0372 51.0917 38.8706 52.6647 38.2928C53.0398 39.9397 53.9576 41.4975 55.3868 42.9993C56.8548 44.5425 58.4715 45.5506 60.2384 45.959C59.6644 47.3254 58.5691 48.7736 56.8835 50.2949ZM57.0423 38.3172C57.6963 38.6073 58.3102 39.0376 58.8667 39.613C59.4819 40.2493 59.952 40.9161 60.2659 41.6145C59.6094 41.2964 58.978 40.8137 58.359 40.1627C57.7713 39.5447 57.3349 38.934 57.0423 38.3172ZM69.0249 38.4586C67.3857 39.9384 65.9277 40.9636 64.5985 41.5353C64.1596 39.7556 63.1793 38.1112 61.7901 36.6752C60.4847 35.3271 58.8929 34.4421 57.1486 34.0569C57.7063 32.8196 58.6766 31.4751 60.0433 29.9465C63.9008 25.6338 68.1709 24.8475 71.0081 27.7779C73.8452 30.7084 73.6201 34.3104 69.0249 38.4586Z M38.0887 53.8616C38.8377 53.4557 36.3419 51.6723 34.5126 49.8889C28.1918 38.5391 24.3668 35.0528 21.7885 33.2694C19.2102 31.4861 18.2124 30.1891 15.9666 26.459C13.7222 22.7302 11.3939 22.6485 10.0635 22.568C8.73307 22.4864 5.32323 22.8118 4.99062 25.5679C2.24599 27.1892 2.77366 31.2155 3.9928 32.1346C3.93778 31.4861 4.03407 31.0131 4.38043 30.7291C4.99062 31.4312 5.87716 31.7018 7.8728 31.5397C9.70213 34.0264 9.09194 33.3231 10.201 38.2953C11.3102 43.2675 11.0326 43.3759 16.0779 47.2669C15.8566 52.6719 17.1308 52.077 17.1308 52.077C17.1308 52.077 17.1308 52.5634 16.9645 53.5361C15.579 54.4552 14.7463 53.9688 13.971 53.8604C13.1945 53.7519 12.4193 53.4825 11.6428 53.914C11.3102 53.914 10.091 54.3467 10.146 55.211C10.2573 54.9404 10.6449 54.7782 11.2551 54.7246C11.4214 55.1573 12.0866 55.211 12.0866 55.211C12.0866 55.211 11.6428 55.9131 12.1417 56.2374C12.1417 55.9667 12.363 55.751 12.8619 55.5889C13.1945 55.8595 13.3058 56.1289 14.1373 55.6974C14.9688 55.2646 15.0801 54.9404 17.6859 54.8331C16.5768 55.1037 16.7994 56.3458 16.7994 56.3458C16.7994 56.3458 17.3533 55.3731 18.4074 55.968C19.4615 56.5628 19.7929 55.2378 21.5397 55.6437C20.2093 55.7254 20.2093 57.4271 20.2093 57.4271C20.2093 57.4271 20.4593 56.4543 21.2071 57.1028C21.9548 57.7513 22.7038 56.3727 24.118 55.8058C25.5322 55.2378 26.28 56.536 26.6126 55.7242C26.9452 54.9136 28.0268 55.8058 28.0268 55.8058C28.0268 55.8058 28.2768 54.8331 26.53 54.671C24.7832 54.5089 24.3681 54.7527 23.9517 53.7787C25.1158 53.5349 25.1158 50.8605 25.1158 50.8605C25.1158 50.8605 28.2756 51.509 31.2703 51.9953C32.6845 53.6982 33.516 54.8331 35.1791 54.9952C36.0106 55.4816 37.0922 55.7254 38.0062 55.4816C40.9172 56.1313 40.1682 55.4024 38.0887 53.8616ZM8.73307 26.7833C8.0441 26.7833 7.48517 26.2384 7.48517 25.5667C7.48517 24.8951 8.0441 24.3502 8.73307 24.3502C9.42204 24.3502 9.98097 24.8951 9.98097 25.5667C9.98097 26.2384 9.42204 26.7833 8.73307 26.7833Z" fill="hsl(var(--foreground-lighter))"></path></svg></div><div title="Next.js" class="relative z-10"><svg role="img" width="35" height="35" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Next.js logo</title><path fill-rule="evenodd" clip-rule="evenodd" d="M56.1984 63.6323C51.7018 66.6266 46.3019 68.3716 40.4944 68.3716C24.8264 68.3716 12.125 55.6702 12.125 40.0022C12.125 24.3342 24.8264 11.6328 40.4944 11.6328C56.1624 11.6328 68.8638 24.3342 68.8638 40.0022C68.8638 48.4568 65.1655 56.0475 59.2983 61.2449L52.5615 52.5671V28.2656H48.6484V47.5267L33.6954 28.2656H28.7578V51.734H32.7079V33.282L56.1984 63.6323Z" fill="hsl(var(--foreground-lighter))"></path></svg></div><svg class="absolute w-full h-auto object-cover object-center inset-0 z-10" width="100%" height="100%" viewBox="0 0 438 210" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_227_7371)"><path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M23.4878 244.762V271.863H-4V272.637H23.4878V299.738H-4V300.512H23.4878V328H24.2622V300.512H51.3628V328H52.1372V300.512H79.2379V328H80.0122V300.512H107.113V328H107.887V300.512H134.988V328H135.762V300.512H162.863V328H163.637V300.512H190.738V328H191.512V300.512H218.613V328H219.387V300.512H246.488V328H247.262V300.512H274.363V328H275.137V300.512H302.238V328H303.012V300.512H330.113V328H330.887V300.512H357.988V328H358.762V300.512H385.863V328H386.637V300.512H413.738V328H414.512V300.512H442V299.738H414.512V272.637H442V271.863H414.512V244.762H442V243.988H414.512V216.887H442V216.113H414.512V189.012H442V188.238H414.512V161.137H442V160.363H414.512V133.262H442V132.488H414.512V105.387H442V104.613H414.512V77.5122H442V76.7379H414.512V49.6372H442V48.8629H414.512V21.7622H442V20.9879H414.512V-6.11284H442V-6.88715H414.512V-33.9878H442V-34.7621H414.512V-61.8628H442V-62.6372H414.512V-89.7378H442V-90.5122H414.512V-118H413.738V-90.5122H386.637V-118H385.863V-90.5122H358.762V-118H357.988V-90.5122H330.887V-118H330.113V-90.5122H303.012V-118H302.238V-90.5122H275.137V-118H274.363V-90.5122H247.262V-118H246.488V-90.5122H219.387V-118H218.613V-90.5122H191.512V-118H190.738V-90.5122H163.637V-118H162.863V-90.5122H135.762V-118H134.988V-90.5122H107.887V-118H107.113V-90.5122H80.0122V-118H79.2379V-90.5122H52.1372V-118H51.3628V-90.5122H24.2622V-118H23.4878V-90.5122H-4V-89.7379H23.4878V-62.6372H-4V-61.8629H23.4878V-34.7622H-4V-33.9879H23.4878V-6.88717H-4V-6.11287H23.4878V20.9878H-4V21.7621H23.4878V48.8628H-4V49.6371H23.4878V76.7378H-4V77.5121H23.4878V104.613H-4V105.387H23.4878V132.488H-4V133.262H23.4878V160.363H-4V161.137H23.4878V188.238H-4V189.012H23.4878V216.113H-4V216.887H23.4878V243.988H-4V244.762H23.4878ZM413.738 299.738V272.637H386.637V299.738H413.738ZM385.863 299.738V272.637H358.762V299.738H385.863ZM357.988 299.738V272.637H330.887V299.738H357.988ZM330.113 299.738V272.637H303.012V299.738H330.113ZM302.238 299.738V272.637H275.137V299.738H302.238ZM274.363 299.738V272.637H247.262V299.738H274.363ZM246.488 299.738V272.637H219.387V299.738H246.488ZM218.613 299.738V272.637H191.512V299.738H218.613ZM190.738 299.738V272.637H163.637V299.738H190.738ZM162.863 299.738V272.637H135.762V299.738H162.863ZM134.988 299.738V272.637H107.887V299.738H134.988ZM107.113 299.738V272.637H80.0122V299.738H107.113ZM79.2379 299.738V272.637H52.1372V299.738H79.2379ZM51.3628 299.738V272.637H24.2622V299.738H51.3628ZM51.3628 271.863H24.2622V244.762H51.3628V271.863ZM79.2379 271.863H52.1372V244.762H79.2379V271.863ZM107.113 271.863H80.0122V244.762H107.113V271.863ZM134.988 271.863H107.887V244.762H134.988V271.863ZM162.863 271.863H135.762V244.762H162.863V271.863ZM190.738 271.863H163.637V244.762H190.738V271.863ZM218.613 271.863H191.512V244.762H218.613V271.863ZM246.488 271.863H219.387V244.762H246.488V271.863ZM274.363 271.863H247.262V244.762H274.363V271.863ZM302.238 271.863H275.137V244.762H302.238V271.863ZM330.113 271.863H303.012V244.762H330.113V271.863ZM357.988 271.863H330.887V244.762H357.988V271.863ZM385.863 271.863H358.762V244.762H385.863V271.863ZM413.738 271.863H386.637V244.762H413.738V271.863ZM413.738 -89.7378H386.637V-62.6372H413.738V-89.7378ZM413.738 -61.8629H386.637V-34.7622H413.738V-61.8629ZM413.738 -33.9879H386.637V-6.88716H413.738V-33.9879ZM413.738 -6.11286H386.637V20.9878H413.738V-6.11286ZM413.738 21.7621H386.637V48.8628H413.738V21.7621ZM413.738 49.6371H386.637V76.7378H413.738V49.6371ZM413.738 77.5121H386.637V104.613H413.738V77.5121ZM413.738 105.387H386.637V132.488H413.738V105.387ZM413.738 133.262H386.637V160.363H413.738V133.262ZM413.738 161.137H386.637V188.238H413.738V161.137ZM413.738 189.012H386.637V216.113H413.738V189.012ZM413.738 216.887H386.637V243.988H413.738V216.887ZM385.863 216.887V243.988H358.762V216.887H385.863ZM385.863 189.012V216.113H358.762V189.012H385.863ZM385.863 161.137V188.238H358.762V161.137H385.863ZM385.863 133.262V160.363H358.762V133.262H385.863ZM385.863 105.387V132.488H358.762V105.387H385.863ZM385.863 77.5121V104.613H358.762V77.5121H385.863ZM385.863 49.6371V76.7378H358.762V49.6371H385.863ZM385.863 21.7621V48.8628H358.762V21.7621H385.863ZM385.863 -6.11286V20.9878H358.762V-6.11286H385.863ZM385.863 -33.9879V-6.88716H358.762V-33.9879H385.863ZM385.863 -61.8629V-34.7622H358.762V-61.8629H385.863ZM385.863 -89.7378V-62.6372H358.762V-89.7378H385.863ZM24.2622 243.988H51.3628V216.887H24.2622V243.988ZM52.1372 243.988H79.2379V216.887H52.1372V243.988ZM80.0122 243.988H107.113V216.887H80.0122V243.988ZM107.887 243.988H134.988V216.887H107.887V243.988ZM135.762 243.988H162.863V216.887H135.762V243.988ZM163.637 243.988H190.738V216.887H163.637V243.988ZM191.512 243.988H218.613V216.887H191.512V243.988ZM219.387 243.988H246.488V216.887H219.387V243.988ZM247.262 243.988H274.363V216.887H247.262V243.988ZM275.137 243.988H302.238V216.887H275.137V243.988ZM303.012 243.988H330.113V216.887H303.012V243.988ZM330.887 243.988H357.988V216.887H330.887V243.988ZM357.988 189.012V216.113H330.887V189.012H357.988ZM357.988 161.137V188.238H330.887V161.137H357.988ZM357.988 133.262V160.363H330.887V133.262H357.988ZM357.988 105.387V132.488H330.887V105.387H357.988ZM357.988 77.5121V104.613H330.887V77.5121H357.988ZM357.988 49.6371V76.7378H330.887V49.6371H357.988ZM357.988 21.7621V48.8628H330.887V21.7621H357.988ZM357.988 -6.11286V20.9878H330.887V-6.11286H357.988ZM357.988 -33.9879V-6.88716H330.887V-33.9879H357.988ZM357.988 -61.8629V-34.7622H330.887V-61.8629H357.988ZM357.988 -89.7379V-62.6372H330.887V-89.7379H357.988ZM24.2622 216.113H51.3628V189.012H24.2622V216.113ZM52.1372 216.113H79.2379V189.012H52.1372V216.113ZM80.0122 216.113H107.113V189.012H80.0122V216.113ZM107.887 216.113H134.988V189.012H107.887V216.113ZM135.762 216.113H162.863V189.012H135.762V216.113ZM163.637 216.113H190.738V189.012H163.637V216.113ZM191.512 216.113H218.613V189.012H191.512V216.113ZM219.387 216.113H246.488V189.012H219.387V216.113ZM247.262 216.113H274.363V189.012H247.262V216.113ZM275.137 216.113H302.238V189.012H275.137V216.113ZM303.012 216.113H330.113V189.012H303.012V216.113ZM330.113 161.137V188.238H303.012V161.137H330.113ZM330.113 133.262V160.363H303.012V133.262H330.113ZM330.113 105.387V132.488H303.012V105.387H330.113ZM330.113 77.5121V104.613H303.012V77.5121H330.113ZM330.113 49.6371V76.7378H303.012V49.6371H330.113ZM330.113 21.7621V48.8628H303.012V21.7621H330.113ZM330.113 -6.11286V20.9878H303.012V-6.11286H330.113ZM330.113 -33.9879V-6.88716H303.012V-33.9879H330.113ZM330.113 -61.8629V-34.7622H303.012V-61.8629H330.113ZM330.113 -89.7379V-62.6372H303.012V-89.7379H330.113ZM24.2622 188.238H51.3628V161.137H24.2622V188.238ZM52.1372 188.238H79.2379V161.137H52.1372V188.238ZM80.0122 188.238H107.113V161.137H80.0122V188.238ZM107.887 188.238H134.988V161.137H107.887V188.238ZM135.762 188.238H162.863V161.137H135.762V188.238ZM163.637 188.238H190.738V161.137H163.637V188.238ZM191.512 188.238H218.613V161.137H191.512V188.238ZM219.387 188.238H246.488V161.137H219.387V188.238ZM247.262 188.238H274.363V161.137H247.262V188.238ZM275.137 188.238H302.238V161.137H275.137V188.238ZM302.238 133.262V160.363H275.137V133.262H302.238ZM302.238 105.387V132.488H275.137V105.387H302.238ZM302.238 77.5121V104.613H275.137V77.5121H302.238ZM302.238 49.6371V76.7378H275.137V49.6371H302.238ZM302.238 21.7621V48.8628H275.137V21.7621H302.238ZM302.238 -6.11286V20.9878H275.137V-6.11286H302.238ZM302.238 -33.9879V-6.88716H275.137V-33.9879H302.238ZM302.238 -61.8629V-34.7622H275.137V-61.8629H302.238ZM302.238 -89.7379V-62.6372H275.137V-89.7379H302.238ZM24.2622 160.363H51.3628V133.262H24.2622V160.363ZM52.1372 160.363H79.2379V133.262H52.1372V160.363ZM80.0122 160.363H107.113V133.262H80.0122V160.363ZM107.887 160.363H134.988V133.262H107.887V160.363ZM135.762 160.363H162.863V133.262H135.762V160.363ZM163.637 160.363H190.738V133.262H163.637V160.363ZM191.512 160.363H218.613V133.262H191.512V160.363ZM219.387 160.363H246.488V133.262H219.387V160.363ZM247.262 160.363H274.363V133.262H247.262V160.363ZM274.363 105.387V132.488H247.262V105.387H274.363ZM274.363 77.5121V104.613H247.262V77.5121H274.363ZM274.363 49.6371V76.7378H247.262V49.6371H274.363ZM274.363 21.7621V48.8628H247.262V21.7621H274.363ZM274.363 -6.11286V20.9878H247.262V-6.11286H274.363ZM274.363 -33.9879V-6.88716H247.262V-33.9879H274.363ZM274.363 -61.8629V-34.7622H247.262V-61.8629H274.363ZM274.363 -89.7379V-62.6372H247.262V-89.7379H274.363ZM24.2622 132.488H51.3628V105.387H24.2622V132.488ZM52.1372 132.488H79.2379V105.387H52.1372V132.488ZM80.0122 132.488H107.113V105.387H80.0122V132.488ZM107.887 132.488H134.988V105.387H107.887V132.488ZM135.762 132.488H162.863V105.387H135.762V132.488ZM163.637 132.488H190.738V105.387H163.637V132.488ZM191.512 132.488H218.613V105.387H191.512V132.488ZM219.387 132.488H246.488V105.387H219.387V132.488ZM246.488 77.5121V104.613H219.387V77.5121H246.488ZM246.488 49.6371V76.7378H219.387V49.6371H246.488ZM246.488 21.7621V48.8628H219.387V21.7621H246.488ZM246.488 -6.11286V20.9878H219.387V-6.11286H246.488ZM246.488 -33.9879V-6.88716H219.387V-33.9879H246.488ZM246.488 -61.8629V-34.7622H219.387V-61.8629H246.488ZM246.488 -89.7379V-62.6372H219.387V-89.7379H246.488ZM24.2622 104.613H51.3628V77.5121H24.2622V104.613ZM52.1372 104.613H79.2379V77.5121H52.1372V104.613ZM80.0122 104.613H107.113V77.5121H80.0122V104.613ZM107.887 104.613H134.988V77.5121H107.887V104.613ZM135.762 104.613H162.863V77.5121H135.762V104.613ZM163.637 104.613H190.738V77.5121H163.637V104.613ZM191.512 104.613H218.613V77.5121H191.512V104.613ZM218.613 49.6371V76.7378H191.512V49.6371H218.613ZM218.613 21.7621V48.8628H191.512V21.7621H218.613ZM218.613 -6.11286V20.9878H191.512V-6.11286H218.613ZM218.613 -33.9879V-6.88716H191.512V-33.9879H218.613ZM218.613 -61.8629V-34.7622H191.512V-61.8629H218.613ZM218.613 -89.7379V-62.6372H191.512V-89.7379H218.613ZM24.2622 76.7378H51.3628V49.6371H24.2622V76.7378ZM52.1372 76.7378H79.2379V49.6371H52.1372V76.7378ZM80.0122 76.7378H107.113V49.6371H80.0122V76.7378ZM107.887 76.7378H134.988V49.6371H107.887V76.7378ZM135.762 76.7378H162.863V49.6371H135.762V76.7378ZM163.637 76.7378H190.738V49.6371H163.637V76.7378ZM190.738 21.7621V48.8628H163.637V21.7621H190.738ZM190.738 -6.11286V20.9878H163.637V-6.11286H190.738ZM190.738 -33.9879V-6.88716H163.637V-33.9879H190.738ZM190.738 -61.8629V-34.7622H163.637V-61.8629H190.738ZM190.738 -89.7379V-62.6372H163.637V-89.7379H190.738ZM24.2622 48.8628H51.3628V21.7621H24.2622V48.8628ZM52.1372 48.8628H79.2379V21.7621H52.1372V48.8628ZM80.0122 48.8628H107.113V21.7621H80.0122V48.8628ZM107.887 48.8628H134.988V21.7621H107.887V48.8628ZM135.762 48.8628H162.863V21.7621H135.762V48.8628ZM162.863 -6.11286V20.9878H135.762V-6.11286H162.863ZM162.863 -33.9879V-6.88716H135.762V-33.9879H162.863ZM162.863 -61.8629V-34.7622H135.762V-61.8629H162.863ZM162.863 -89.7379V-62.6372H135.762V-89.7379H162.863ZM24.2622 20.9878H51.3628V-6.11287H24.2622V20.9878ZM52.1372 20.9878H79.2379V-6.11287H52.1372V20.9878ZM80.0122 20.9878H107.113V-6.11287H80.0122V20.9878ZM107.887 20.9878H134.988V-6.11286H107.887V20.9878ZM134.988 -33.9879V-6.88716H107.887V-33.9879H134.988ZM134.988 -61.8629V-34.7622H107.887V-61.8629H134.988ZM134.988 -89.7379V-62.6372H107.887V-89.7379H134.988ZM24.2622 -6.88717H51.3628V-33.9879H24.2622V-6.88717ZM52.1372 -6.88717H79.2379V-33.9879L52.1372 -33.9879V-6.88717ZM80.0122 -6.88717H107.113V-33.9879H80.0122V-6.88717ZM107.113 -61.8629V-34.7622H80.0122V-61.8629H107.113ZM107.113 -89.7379V-62.6372H80.0122V-89.7379H107.113ZM24.2622 -34.7622H51.3628V-61.8629H24.2622V-34.7622ZM52.1372 -34.7622L79.2379 -34.7622V-61.8629H52.1372V-34.7622ZM79.2379 -89.7379V-62.6372H52.1372V-89.7379H79.2379ZM24.2622 -62.6372H51.3628V-89.7379H24.2622V-62.6372Z" fill="url(#paint0_radial_227_7371)" fill-opacity="0.6"></path></g><defs><radialGradient id="paint0_radial_227_7371" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(219 174.242) rotate(90) scale(185.324)"><stop stop-color="white"></stop><stop offset="1" stop-color="#7298F9" stop-opacity="0"></stop></radialGradient><clipPath id="clip0_227_7371"><rect width="438" height="210" fill="white"></rect></clipPath></defs></svg></div><div class="p-5 flex flex-col gap-2 border-t border-muted"><div class="flex items-start justify-between"><h4 class="text-foreground text-lg">LangChain + Next.js Starter</h4></div><p class="text-sm text-foreground-lighter">Starter template and example use-cases for LangChain projects in Next.js, including chat, agents, and retrieval.</p></div></div><div><div class="flex flex-col justify-between p-5 pt-0"><div class="flex items-stretch gap-2"><button data-size="tiny" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border hover:bg-surface-300 shadow-none focus-visible:outline-border-strong data-[state=open]:bg-surface-300 data-[state=open]:outline-border-strong border-transparent text-xs px-2.5 py-1 h-[26px] group overflow-hidden text-foreground-lighter group-hover/panel:text-foreground !bg-transparent !p-0"> <span class="truncate">View Template</span> <div class="[&amp;_svg]:h-[14px] [&amp;_svg]:w-[14px] text-foreground-lighter"><div class="relative w-3.5 h-3.5 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right absolute w-3.5 h-3.5 inset-0 transition-transform duration-200 translate-x-0 translate-y-0 group-hover/panel:translate-x-6 group-hover/panel:-translate-y-6"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></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-arrow-up-right absolute w-3.5 h-3.5 inset-0 transition-transform duration-200 -translate-x-6 translate-y-6 group-hover/panel:translate-x-0 group-hover/panel:-translate-y-0"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></button></div></div></div><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="swiper-slide" style="width: 289.6px; margin-right: 12px;"><a class="w-full h-full" target="_blank" href="https://github.com/supabase/supabase/tree/master/examples/user-management/flutter-user-management"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger h-full"><div class="relative z-10 w-full h-full rounded-[11px] overflow-hidden text-foreground-light bg-surface-75 group/panel"><div class="flex flex-col justify-between"><div class="relative w-full aspect-[3/1] bg flex items-center justify-center gap-4 overflow-hidden"><div title="Flutter" class="relative z-10"><svg role="img" width="35" height="35" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Flutter logo</title><path fill-rule="evenodd" clip-rule="evenodd" d="M60 14L43.5404 14.0178L17 39.9987L25.1885 48.0244L32.3854 41.0187L60 14Z M44.0127 37.9683C43.7791 37.9578 43.5384 37.9469 43.3873 38.1422L29.2346 51.9946L37.364 59.9039L37.3546 59.9129L43.1723 65.6128C43.2105 65.6459 43.2484 65.683 43.287 65.7208C43.4462 65.8765 43.617 66.0436 43.8636 65.9896C46.5511 65.9837 49.2385 65.9847 51.9262 65.9857C54.614 65.9867 57.3021 65.9877 59.9906 65.9818L45.6831 51.9631L59.9859 37.9706L44.2922 37.9666C44.2048 37.977 44.1094 37.9727 44.0127 37.9683Z" fill="hsl(var(--foreground-lighter))"></path></svg></div><svg class="absolute w-full h-auto object-cover object-center inset-0 z-10" width="100%" height="100%" viewBox="0 0 438 210" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_227_7371)"><path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M23.4878 244.762V271.863H-4V272.637H23.4878V299.738H-4V300.512H23.4878V328H24.2622V300.512H51.3628V328H52.1372V300.512H79.2379V328H80.0122V300.512H107.113V328H107.887V300.512H134.988V328H135.762V300.512H162.863V328H163.637V300.512H190.738V328H191.512V300.512H218.613V328H219.387V300.512H246.488V328H247.262V300.512H274.363V328H275.137V300.512H302.238V328H303.012V300.512H330.113V328H330.887V300.512H357.988V328H358.762V300.512H385.863V328H386.637V300.512H413.738V328H414.512V300.512H442V299.738H414.512V272.637H442V271.863H414.512V244.762H442V243.988H414.512V216.887H442V216.113H414.512V189.012H442V188.238H414.512V161.137H442V160.363H414.512V133.262H442V132.488H414.512V105.387H442V104.613H414.512V77.5122H442V76.7379H414.512V49.6372H442V48.8629H414.512V21.7622H442V20.9879H414.512V-6.11284H442V-6.88715H414.512V-33.9878H442V-34.7621H414.512V-61.8628H442V-62.6372H414.512V-89.7378H442V-90.5122H414.512V-118H413.738V-90.5122H386.637V-118H385.863V-90.5122H358.762V-118H357.988V-90.5122H330.887V-118H330.113V-90.5122H303.012V-118H302.238V-90.5122H275.137V-118H274.363V-90.5122H247.262V-118H246.488V-90.5122H219.387V-118H218.613V-90.5122H191.512V-118H190.738V-90.5122H163.637V-118H162.863V-90.5122H135.762V-118H134.988V-90.5122H107.887V-118H107.113V-90.5122H80.0122V-118H79.2379V-90.5122H52.1372V-118H51.3628V-90.5122H24.2622V-118H23.4878V-90.5122H-4V-89.7379H23.4878V-62.6372H-4V-61.8629H23.4878V-34.7622H-4V-33.9879H23.4878V-6.88717H-4V-6.11287H23.4878V20.9878H-4V21.7621H23.4878V48.8628H-4V49.6371H23.4878V76.7378H-4V77.5121H23.4878V104.613H-4V105.387H23.4878V132.488H-4V133.262H23.4878V160.363H-4V161.137H23.4878V188.238H-4V189.012H23.4878V216.113H-4V216.887H23.4878V243.988H-4V244.762H23.4878ZM413.738 299.738V272.637H386.637V299.738H413.738ZM385.863 299.738V272.637H358.762V299.738H385.863ZM357.988 299.738V272.637H330.887V299.738H357.988ZM330.113 299.738V272.637H303.012V299.738H330.113ZM302.238 299.738V272.637H275.137V299.738H302.238ZM274.363 299.738V272.637H247.262V299.738H274.363ZM246.488 299.738V272.637H219.387V299.738H246.488ZM218.613 299.738V272.637H191.512V299.738H218.613ZM190.738 299.738V272.637H163.637V299.738H190.738ZM162.863 299.738V272.637H135.762V299.738H162.863ZM134.988 299.738V272.637H107.887V299.738H134.988ZM107.113 299.738V272.637H80.0122V299.738H107.113ZM79.2379 299.738V272.637H52.1372V299.738H79.2379ZM51.3628 299.738V272.637H24.2622V299.738H51.3628ZM51.3628 271.863H24.2622V244.762H51.3628V271.863ZM79.2379 271.863H52.1372V244.762H79.2379V271.863ZM107.113 271.863H80.0122V244.762H107.113V271.863ZM134.988 271.863H107.887V244.762H134.988V271.863ZM162.863 271.863H135.762V244.762H162.863V271.863ZM190.738 271.863H163.637V244.762H190.738V271.863ZM218.613 271.863H191.512V244.762H218.613V271.863ZM246.488 271.863H219.387V244.762H246.488V271.863ZM274.363 271.863H247.262V244.762H274.363V271.863ZM302.238 271.863H275.137V244.762H302.238V271.863ZM330.113 271.863H303.012V244.762H330.113V271.863ZM357.988 271.863H330.887V244.762H357.988V271.863ZM385.863 271.863H358.762V244.762H385.863V271.863ZM413.738 271.863H386.637V244.762H413.738V271.863ZM413.738 -89.7378H386.637V-62.6372H413.738V-89.7378ZM413.738 -61.8629H386.637V-34.7622H413.738V-61.8629ZM413.738 -33.9879H386.637V-6.88716H413.738V-33.9879ZM413.738 -6.11286H386.637V20.9878H413.738V-6.11286ZM413.738 21.7621H386.637V48.8628H413.738V21.7621ZM413.738 49.6371H386.637V76.7378H413.738V49.6371ZM413.738 77.5121H386.637V104.613H413.738V77.5121ZM413.738 105.387H386.637V132.488H413.738V105.387ZM413.738 133.262H386.637V160.363H413.738V133.262ZM413.738 161.137H386.637V188.238H413.738V161.137ZM413.738 189.012H386.637V216.113H413.738V189.012ZM413.738 216.887H386.637V243.988H413.738V216.887ZM385.863 216.887V243.988H358.762V216.887H385.863ZM385.863 189.012V216.113H358.762V189.012H385.863ZM385.863 161.137V188.238H358.762V161.137H385.863ZM385.863 133.262V160.363H358.762V133.262H385.863ZM385.863 105.387V132.488H358.762V105.387H385.863ZM385.863 77.5121V104.613H358.762V77.5121H385.863ZM385.863 49.6371V76.7378H358.762V49.6371H385.863ZM385.863 21.7621V48.8628H358.762V21.7621H385.863ZM385.863 -6.11286V20.9878H358.762V-6.11286H385.863ZM385.863 -33.9879V-6.88716H358.762V-33.9879H385.863ZM385.863 -61.8629V-34.7622H358.762V-61.8629H385.863ZM385.863 -89.7378V-62.6372H358.762V-89.7378H385.863ZM24.2622 243.988H51.3628V216.887H24.2622V243.988ZM52.1372 243.988H79.2379V216.887H52.1372V243.988ZM80.0122 243.988H107.113V216.887H80.0122V243.988ZM107.887 243.988H134.988V216.887H107.887V243.988ZM135.762 243.988H162.863V216.887H135.762V243.988ZM163.637 243.988H190.738V216.887H163.637V243.988ZM191.512 243.988H218.613V216.887H191.512V243.988ZM219.387 243.988H246.488V216.887H219.387V243.988ZM247.262 243.988H274.363V216.887H247.262V243.988ZM275.137 243.988H302.238V216.887H275.137V243.988ZM303.012 243.988H330.113V216.887H303.012V243.988ZM330.887 243.988H357.988V216.887H330.887V243.988ZM357.988 189.012V216.113H330.887V189.012H357.988ZM357.988 161.137V188.238H330.887V161.137H357.988ZM357.988 133.262V160.363H330.887V133.262H357.988ZM357.988 105.387V132.488H330.887V105.387H357.988ZM357.988 77.5121V104.613H330.887V77.5121H357.988ZM357.988 49.6371V76.7378H330.887V49.6371H357.988ZM357.988 21.7621V48.8628H330.887V21.7621H357.988ZM357.988 -6.11286V20.9878H330.887V-6.11286H357.988ZM357.988 -33.9879V-6.88716H330.887V-33.9879H357.988ZM357.988 -61.8629V-34.7622H330.887V-61.8629H357.988ZM357.988 -89.7379V-62.6372H330.887V-89.7379H357.988ZM24.2622 216.113H51.3628V189.012H24.2622V216.113ZM52.1372 216.113H79.2379V189.012H52.1372V216.113ZM80.0122 216.113H107.113V189.012H80.0122V216.113ZM107.887 216.113H134.988V189.012H107.887V216.113ZM135.762 216.113H162.863V189.012H135.762V216.113ZM163.637 216.113H190.738V189.012H163.637V216.113ZM191.512 216.113H218.613V189.012H191.512V216.113ZM219.387 216.113H246.488V189.012H219.387V216.113ZM247.262 216.113H274.363V189.012H247.262V216.113ZM275.137 216.113H302.238V189.012H275.137V216.113ZM303.012 216.113H330.113V189.012H303.012V216.113ZM330.113 161.137V188.238H303.012V161.137H330.113ZM330.113 133.262V160.363H303.012V133.262H330.113ZM330.113 105.387V132.488H303.012V105.387H330.113ZM330.113 77.5121V104.613H303.012V77.5121H330.113ZM330.113 49.6371V76.7378H303.012V49.6371H330.113ZM330.113 21.7621V48.8628H303.012V21.7621H330.113ZM330.113 -6.11286V20.9878H303.012V-6.11286H330.113ZM330.113 -33.9879V-6.88716H303.012V-33.9879H330.113ZM330.113 -61.8629V-34.7622H303.012V-61.8629H330.113ZM330.113 -89.7379V-62.6372H303.012V-89.7379H330.113ZM24.2622 188.238H51.3628V161.137H24.2622V188.238ZM52.1372 188.238H79.2379V161.137H52.1372V188.238ZM80.0122 188.238H107.113V161.137H80.0122V188.238ZM107.887 188.238H134.988V161.137H107.887V188.238ZM135.762 188.238H162.863V161.137H135.762V188.238ZM163.637 188.238H190.738V161.137H163.637V188.238ZM191.512 188.238H218.613V161.137H191.512V188.238ZM219.387 188.238H246.488V161.137H219.387V188.238ZM247.262 188.238H274.363V161.137H247.262V188.238ZM275.137 188.238H302.238V161.137H275.137V188.238ZM302.238 133.262V160.363H275.137V133.262H302.238ZM302.238 105.387V132.488H275.137V105.387H302.238ZM302.238 77.5121V104.613H275.137V77.5121H302.238ZM302.238 49.6371V76.7378H275.137V49.6371H302.238ZM302.238 21.7621V48.8628H275.137V21.7621H302.238ZM302.238 -6.11286V20.9878H275.137V-6.11286H302.238ZM302.238 -33.9879V-6.88716H275.137V-33.9879H302.238ZM302.238 -61.8629V-34.7622H275.137V-61.8629H302.238ZM302.238 -89.7379V-62.6372H275.137V-89.7379H302.238ZM24.2622 160.363H51.3628V133.262H24.2622V160.363ZM52.1372 160.363H79.2379V133.262H52.1372V160.363ZM80.0122 160.363H107.113V133.262H80.0122V160.363ZM107.887 160.363H134.988V133.262H107.887V160.363ZM135.762 160.363H162.863V133.262H135.762V160.363ZM163.637 160.363H190.738V133.262H163.637V160.363ZM191.512 160.363H218.613V133.262H191.512V160.363ZM219.387 160.363H246.488V133.262H219.387V160.363ZM247.262 160.363H274.363V133.262H247.262V160.363ZM274.363 105.387V132.488H247.262V105.387H274.363ZM274.363 77.5121V104.613H247.262V77.5121H274.363ZM274.363 49.6371V76.7378H247.262V49.6371H274.363ZM274.363 21.7621V48.8628H247.262V21.7621H274.363ZM274.363 -6.11286V20.9878H247.262V-6.11286H274.363ZM274.363 -33.9879V-6.88716H247.262V-33.9879H274.363ZM274.363 -61.8629V-34.7622H247.262V-61.8629H274.363ZM274.363 -89.7379V-62.6372H247.262V-89.7379H274.363ZM24.2622 132.488H51.3628V105.387H24.2622V132.488ZM52.1372 132.488H79.2379V105.387H52.1372V132.488ZM80.0122 132.488H107.113V105.387H80.0122V132.488ZM107.887 132.488H134.988V105.387H107.887V132.488ZM135.762 132.488H162.863V105.387H135.762V132.488ZM163.637 132.488H190.738V105.387H163.637V132.488ZM191.512 132.488H218.613V105.387H191.512V132.488ZM219.387 132.488H246.488V105.387H219.387V132.488ZM246.488 77.5121V104.613H219.387V77.5121H246.488ZM246.488 49.6371V76.7378H219.387V49.6371H246.488ZM246.488 21.7621V48.8628H219.387V21.7621H246.488ZM246.488 -6.11286V20.9878H219.387V-6.11286H246.488ZM246.488 -33.9879V-6.88716H219.387V-33.9879H246.488ZM246.488 -61.8629V-34.7622H219.387V-61.8629H246.488ZM246.488 -89.7379V-62.6372H219.387V-89.7379H246.488ZM24.2622 104.613H51.3628V77.5121H24.2622V104.613ZM52.1372 104.613H79.2379V77.5121H52.1372V104.613ZM80.0122 104.613H107.113V77.5121H80.0122V104.613ZM107.887 104.613H134.988V77.5121H107.887V104.613ZM135.762 104.613H162.863V77.5121H135.762V104.613ZM163.637 104.613H190.738V77.5121H163.637V104.613ZM191.512 104.613H218.613V77.5121H191.512V104.613ZM218.613 49.6371V76.7378H191.512V49.6371H218.613ZM218.613 21.7621V48.8628H191.512V21.7621H218.613ZM218.613 -6.11286V20.9878H191.512V-6.11286H218.613ZM218.613 -33.9879V-6.88716H191.512V-33.9879H218.613ZM218.613 -61.8629V-34.7622H191.512V-61.8629H218.613ZM218.613 -89.7379V-62.6372H191.512V-89.7379H218.613ZM24.2622 76.7378H51.3628V49.6371H24.2622V76.7378ZM52.1372 76.7378H79.2379V49.6371H52.1372V76.7378ZM80.0122 76.7378H107.113V49.6371H80.0122V76.7378ZM107.887 76.7378H134.988V49.6371H107.887V76.7378ZM135.762 76.7378H162.863V49.6371H135.762V76.7378ZM163.637 76.7378H190.738V49.6371H163.637V76.7378ZM190.738 21.7621V48.8628H163.637V21.7621H190.738ZM190.738 -6.11286V20.9878H163.637V-6.11286H190.738ZM190.738 -33.9879V-6.88716H163.637V-33.9879H190.738ZM190.738 -61.8629V-34.7622H163.637V-61.8629H190.738ZM190.738 -89.7379V-62.6372H163.637V-89.7379H190.738ZM24.2622 48.8628H51.3628V21.7621H24.2622V48.8628ZM52.1372 48.8628H79.2379V21.7621H52.1372V48.8628ZM80.0122 48.8628H107.113V21.7621H80.0122V48.8628ZM107.887 48.8628H134.988V21.7621H107.887V48.8628ZM135.762 48.8628H162.863V21.7621H135.762V48.8628ZM162.863 -6.11286V20.9878H135.762V-6.11286H162.863ZM162.863 -33.9879V-6.88716H135.762V-33.9879H162.863ZM162.863 -61.8629V-34.7622H135.762V-61.8629H162.863ZM162.863 -89.7379V-62.6372H135.762V-89.7379H162.863ZM24.2622 20.9878H51.3628V-6.11287H24.2622V20.9878ZM52.1372 20.9878H79.2379V-6.11287H52.1372V20.9878ZM80.0122 20.9878H107.113V-6.11287H80.0122V20.9878ZM107.887 20.9878H134.988V-6.11286H107.887V20.9878ZM134.988 -33.9879V-6.88716H107.887V-33.9879H134.988ZM134.988 -61.8629V-34.7622H107.887V-61.8629H134.988ZM134.988 -89.7379V-62.6372H107.887V-89.7379H134.988ZM24.2622 -6.88717H51.3628V-33.9879H24.2622V-6.88717ZM52.1372 -6.88717H79.2379V-33.9879L52.1372 -33.9879V-6.88717ZM80.0122 -6.88717H107.113V-33.9879H80.0122V-6.88717ZM107.113 -61.8629V-34.7622H80.0122V-61.8629H107.113ZM107.113 -89.7379V-62.6372H80.0122V-89.7379H107.113ZM24.2622 -34.7622H51.3628V-61.8629H24.2622V-34.7622ZM52.1372 -34.7622L79.2379 -34.7622V-61.8629H52.1372V-34.7622ZM79.2379 -89.7379V-62.6372H52.1372V-89.7379H79.2379ZM24.2622 -62.6372H51.3628V-89.7379H24.2622V-62.6372Z" fill="url(#paint0_radial_227_7371)" fill-opacity="0.6"></path></g><defs><radialGradient id="paint0_radial_227_7371" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(219 174.242) rotate(90) scale(185.324)"><stop stop-color="white"></stop><stop offset="1" stop-color="#7298F9" stop-opacity="0"></stop></radialGradient><clipPath id="clip0_227_7371"><rect width="438" height="210" fill="white"></rect></clipPath></defs></svg></div><div class="p-5 flex flex-col gap-2 border-t border-muted"><div class="flex items-start justify-between"><h4 class="text-foreground text-lg">Flutter User Management</h4></div><p class="text-sm text-foreground-lighter">Get started with Supabase and Flutter by building a user management app with auth, file storage, and database.</p></div></div><div><div class="flex flex-col justify-between p-5 pt-0"><div class="flex items-stretch gap-2"><button data-size="tiny" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border hover:bg-surface-300 shadow-none focus-visible:outline-border-strong data-[state=open]:bg-surface-300 data-[state=open]:outline-border-strong border-transparent text-xs px-2.5 py-1 h-[26px] group overflow-hidden text-foreground-lighter group-hover/panel:text-foreground !bg-transparent !p-0"> <span class="truncate">View Template</span> <div class="[&amp;_svg]:h-[14px] [&amp;_svg]:w-[14px] text-foreground-lighter"><div class="relative w-3.5 h-3.5 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right absolute w-3.5 h-3.5 inset-0 transition-transform duration-200 translate-x-0 translate-y-0 group-hover/panel:translate-x-6 group-hover/panel:-translate-y-6"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></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-arrow-up-right absolute w-3.5 h-3.5 inset-0 transition-transform duration-200 -translate-x-6 translate-y-6 group-hover/panel:translate-x-0 group-hover/panel:-translate-y-0"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></button></div></div></div><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="swiper-slide" style="width: 289.6px; margin-right: 12px;"><a class="w-full h-full" target="_blank" href="https://github.com/supabase-community/create-t3-turbo"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger h-full"><div class="relative z-10 w-full h-full rounded-[11px] overflow-hidden text-foreground-light bg-surface-75 group/panel"><div class="flex flex-col justify-between"><div class="relative w-full aspect-[3/1] bg flex items-center justify-center gap-4 overflow-hidden"><div title="Expo" class="relative z-10"><svg role="img" width="35" height="35" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Expo logo</title><path fill-rule="evenodd" clip-rule="evenodd" d="M64.4949 33.2495C63.9652 32.5135 63.2523 31.9253 62.4252 31.5418C61.5958 31.1568 60.6805 30.9886 59.7667 31.0533C58.8528 31.1179 57.971 31.4132 57.2055 31.9111C56.4437 32.4074 55.8247 33.0903 55.4088 33.8934C54.9999 34.7555 54.8684 35.721 55.032 36.6594C55.1955 37.5979 55.6463 38.4641 56.3235 39.1411C58.1778 39.2857 60.0232 38.7701 61.5269 37.6872C63.0243 36.6102 64.0799 35.0341 64.4949 33.2495ZM48.7005 12.9995L45.3172 11.1811L30.5938 19.2141L31.7675 19.8372L34.0005 20.9864L38.0418 18.7849L48.7028 12.9626L48.7005 12.9995ZM50.0632 12.4457C50.1501 12.4671 50.23 12.5101 50.2954 12.5707C50.3607 12.6313 50.4093 12.7074 50.4365 12.7918L55.3692 27.058C55.4202 27.1711 55.4243 27.2994 55.3807 27.4155C55.337 27.5315 55.2491 27.6261 55.1359 27.6787C53.2584 28.6864 51.7801 30.2916 50.9405 32.2341C50.1046 34.1713 49.9606 36.3322 50.5322 38.3611C51.218 40.5737 52.6672 42.4782 54.6272 43.7426C56.5919 45.0118 58.9485 45.5657 61.2865 45.3118C61.4143 45.3044 61.5414 45.3357 61.6507 45.4017C61.7599 45.4677 61.8462 45.5652 61.8979 45.6811L66.9939 60.3234C67.0265 60.4413 67.0214 60.5663 66.9792 60.6812C66.937 60.7961 66.8598 60.8952 66.7582 60.9649L51.0968 69.9418C51.0223 69.973 50.9421 69.9887 50.8612 69.988C50.7165 70.0144 50.5671 69.9899 50.4389 69.9188L44.9438 66.538C44.8439 66.4867 44.7624 66.4061 44.7105 66.3072L33.9772 42.1157L17.6322 51.2311C17.5343 51.2798 17.4269 51.307 17.3174 51.311C17.2079 51.315 17.0988 51.2956 16.9975 51.2541L13.2828 49.1818C13.1624 49.1178 13.0712 49.0108 13.0278 48.8826C12.9845 48.7544 12.9922 48.6146 13.0495 48.4918L28.9278 18.9534C28.9873 18.8527 29.077 18.7728 29.1845 18.7249L45.0162 10.0687C45.1029 10.0237 45.1994 10.0001 45.2973 10.0001C45.3953 10.0001 45.4918 10.0237 45.5785 10.0687L50.0655 12.4457H50.0632ZM30.4305 20.3818L29.6605 19.9918L14.3538 48.5611L17.1468 50.1026L30.3465 33.1757C30.4113 33.0975 30.494 33.0359 30.5877 32.9957C30.6815 32.9556 30.7836 32.9382 30.8855 32.9449C30.9852 32.9627 31.0793 33.0029 31.1607 33.0626C31.242 33.1222 31.3084 33.1996 31.3545 33.2887L45.7278 65.7488L49.5685 68.0726L34.1405 23.8572L33.4848 22.0157L30.4095 20.3587L30.4328 20.3818H30.4305ZM54.1022 37.4172C53.7506 36.1438 53.8494 34.7898 54.3822 33.5795C54.9172 32.3635 55.8532 31.3629 57.0375 30.7411C58.2422 30.0817 59.6268 29.816 60.9934 29.9818C62.36 30.1476 63.6387 30.7364 64.6465 31.6641C65.2072 32.192 65.6567 32.8245 65.969 33.5251C66.2813 34.2257 66.4503 34.9805 66.4661 35.746C66.482 36.5114 66.3444 37.2725 66.0613 37.9851C65.7782 38.6977 65.3553 39.3478 64.8169 39.898L64.6465 40.0664C63.4517 41.1796 61.8733 41.8015 60.2318 41.8058C58.5903 41.81 57.0086 41.1964 55.8078 40.0895C55.0181 39.3573 54.4309 38.4373 54.1022 37.4172Z" fill="hsl(var(--foreground-lighter))"></path></svg></div><svg class="absolute w-full h-auto object-cover object-center inset-0 z-10" width="100%" height="100%" viewBox="0 0 438 210" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_227_7371)"><path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M23.4878 244.762V271.863H-4V272.637H23.4878V299.738H-4V300.512H23.4878V328H24.2622V300.512H51.3628V328H52.1372V300.512H79.2379V328H80.0122V300.512H107.113V328H107.887V300.512H134.988V328H135.762V300.512H162.863V328H163.637V300.512H190.738V328H191.512V300.512H218.613V328H219.387V300.512H246.488V328H247.262V300.512H274.363V328H275.137V300.512H302.238V328H303.012V300.512H330.113V328H330.887V300.512H357.988V328H358.762V300.512H385.863V328H386.637V300.512H413.738V328H414.512V300.512H442V299.738H414.512V272.637H442V271.863H414.512V244.762H442V243.988H414.512V216.887H442V216.113H414.512V189.012H442V188.238H414.512V161.137H442V160.363H414.512V133.262H442V132.488H414.512V105.387H442V104.613H414.512V77.5122H442V76.7379H414.512V49.6372H442V48.8629H414.512V21.7622H442V20.9879H414.512V-6.11284H442V-6.88715H414.512V-33.9878H442V-34.7621H414.512V-61.8628H442V-62.6372H414.512V-89.7378H442V-90.5122H414.512V-118H413.738V-90.5122H386.637V-118H385.863V-90.5122H358.762V-118H357.988V-90.5122H330.887V-118H330.113V-90.5122H303.012V-118H302.238V-90.5122H275.137V-118H274.363V-90.5122H247.262V-118H246.488V-90.5122H219.387V-118H218.613V-90.5122H191.512V-118H190.738V-90.5122H163.637V-118H162.863V-90.5122H135.762V-118H134.988V-90.5122H107.887V-118H107.113V-90.5122H80.0122V-118H79.2379V-90.5122H52.1372V-118H51.3628V-90.5122H24.2622V-118H23.4878V-90.5122H-4V-89.7379H23.4878V-62.6372H-4V-61.8629H23.4878V-34.7622H-4V-33.9879H23.4878V-6.88717H-4V-6.11287H23.4878V20.9878H-4V21.7621H23.4878V48.8628H-4V49.6371H23.4878V76.7378H-4V77.5121H23.4878V104.613H-4V105.387H23.4878V132.488H-4V133.262H23.4878V160.363H-4V161.137H23.4878V188.238H-4V189.012H23.4878V216.113H-4V216.887H23.4878V243.988H-4V244.762H23.4878ZM413.738 299.738V272.637H386.637V299.738H413.738ZM385.863 299.738V272.637H358.762V299.738H385.863ZM357.988 299.738V272.637H330.887V299.738H357.988ZM330.113 299.738V272.637H303.012V299.738H330.113ZM302.238 299.738V272.637H275.137V299.738H302.238ZM274.363 299.738V272.637H247.262V299.738H274.363ZM246.488 299.738V272.637H219.387V299.738H246.488ZM218.613 299.738V272.637H191.512V299.738H218.613ZM190.738 299.738V272.637H163.637V299.738H190.738ZM162.863 299.738V272.637H135.762V299.738H162.863ZM134.988 299.738V272.637H107.887V299.738H134.988ZM107.113 299.738V272.637H80.0122V299.738H107.113ZM79.2379 299.738V272.637H52.1372V299.738H79.2379ZM51.3628 299.738V272.637H24.2622V299.738H51.3628ZM51.3628 271.863H24.2622V244.762H51.3628V271.863ZM79.2379 271.863H52.1372V244.762H79.2379V271.863ZM107.113 271.863H80.0122V244.762H107.113V271.863ZM134.988 271.863H107.887V244.762H134.988V271.863ZM162.863 271.863H135.762V244.762H162.863V271.863ZM190.738 271.863H163.637V244.762H190.738V271.863ZM218.613 271.863H191.512V244.762H218.613V271.863ZM246.488 271.863H219.387V244.762H246.488V271.863ZM274.363 271.863H247.262V244.762H274.363V271.863ZM302.238 271.863H275.137V244.762H302.238V271.863ZM330.113 271.863H303.012V244.762H330.113V271.863ZM357.988 271.863H330.887V244.762H357.988V271.863ZM385.863 271.863H358.762V244.762H385.863V271.863ZM413.738 271.863H386.637V244.762H413.738V271.863ZM413.738 -89.7378H386.637V-62.6372H413.738V-89.7378ZM413.738 -61.8629H386.637V-34.7622H413.738V-61.8629ZM413.738 -33.9879H386.637V-6.88716H413.738V-33.9879ZM413.738 -6.11286H386.637V20.9878H413.738V-6.11286ZM413.738 21.7621H386.637V48.8628H413.738V21.7621ZM413.738 49.6371H386.637V76.7378H413.738V49.6371ZM413.738 77.5121H386.637V104.613H413.738V77.5121ZM413.738 105.387H386.637V132.488H413.738V105.387ZM413.738 133.262H386.637V160.363H413.738V133.262ZM413.738 161.137H386.637V188.238H413.738V161.137ZM413.738 189.012H386.637V216.113H413.738V189.012ZM413.738 216.887H386.637V243.988H413.738V216.887ZM385.863 216.887V243.988H358.762V216.887H385.863ZM385.863 189.012V216.113H358.762V189.012H385.863ZM385.863 161.137V188.238H358.762V161.137H385.863ZM385.863 133.262V160.363H358.762V133.262H385.863ZM385.863 105.387V132.488H358.762V105.387H385.863ZM385.863 77.5121V104.613H358.762V77.5121H385.863ZM385.863 49.6371V76.7378H358.762V49.6371H385.863ZM385.863 21.7621V48.8628H358.762V21.7621H385.863ZM385.863 -6.11286V20.9878H358.762V-6.11286H385.863ZM385.863 -33.9879V-6.88716H358.762V-33.9879H385.863ZM385.863 -61.8629V-34.7622H358.762V-61.8629H385.863ZM385.863 -89.7378V-62.6372H358.762V-89.7378H385.863ZM24.2622 243.988H51.3628V216.887H24.2622V243.988ZM52.1372 243.988H79.2379V216.887H52.1372V243.988ZM80.0122 243.988H107.113V216.887H80.0122V243.988ZM107.887 243.988H134.988V216.887H107.887V243.988ZM135.762 243.988H162.863V216.887H135.762V243.988ZM163.637 243.988H190.738V216.887H163.637V243.988ZM191.512 243.988H218.613V216.887H191.512V243.988ZM219.387 243.988H246.488V216.887H219.387V243.988ZM247.262 243.988H274.363V216.887H247.262V243.988ZM275.137 243.988H302.238V216.887H275.137V243.988ZM303.012 243.988H330.113V216.887H303.012V243.988ZM330.887 243.988H357.988V216.887H330.887V243.988ZM357.988 189.012V216.113H330.887V189.012H357.988ZM357.988 161.137V188.238H330.887V161.137H357.988ZM357.988 133.262V160.363H330.887V133.262H357.988ZM357.988 105.387V132.488H330.887V105.387H357.988ZM357.988 77.5121V104.613H330.887V77.5121H357.988ZM357.988 49.6371V76.7378H330.887V49.6371H357.988ZM357.988 21.7621V48.8628H330.887V21.7621H357.988ZM357.988 -6.11286V20.9878H330.887V-6.11286H357.988ZM357.988 -33.9879V-6.88716H330.887V-33.9879H357.988ZM357.988 -61.8629V-34.7622H330.887V-61.8629H357.988ZM357.988 -89.7379V-62.6372H330.887V-89.7379H357.988ZM24.2622 216.113H51.3628V189.012H24.2622V216.113ZM52.1372 216.113H79.2379V189.012H52.1372V216.113ZM80.0122 216.113H107.113V189.012H80.0122V216.113ZM107.887 216.113H134.988V189.012H107.887V216.113ZM135.762 216.113H162.863V189.012H135.762V216.113ZM163.637 216.113H190.738V189.012H163.637V216.113ZM191.512 216.113H218.613V189.012H191.512V216.113ZM219.387 216.113H246.488V189.012H219.387V216.113ZM247.262 216.113H274.363V189.012H247.262V216.113ZM275.137 216.113H302.238V189.012H275.137V216.113ZM303.012 216.113H330.113V189.012H303.012V216.113ZM330.113 161.137V188.238H303.012V161.137H330.113ZM330.113 133.262V160.363H303.012V133.262H330.113ZM330.113 105.387V132.488H303.012V105.387H330.113ZM330.113 77.5121V104.613H303.012V77.5121H330.113ZM330.113 49.6371V76.7378H303.012V49.6371H330.113ZM330.113 21.7621V48.8628H303.012V21.7621H330.113ZM330.113 -6.11286V20.9878H303.012V-6.11286H330.113ZM330.113 -33.9879V-6.88716H303.012V-33.9879H330.113ZM330.113 -61.8629V-34.7622H303.012V-61.8629H330.113ZM330.113 -89.7379V-62.6372H303.012V-89.7379H330.113ZM24.2622 188.238H51.3628V161.137H24.2622V188.238ZM52.1372 188.238H79.2379V161.137H52.1372V188.238ZM80.0122 188.238H107.113V161.137H80.0122V188.238ZM107.887 188.238H134.988V161.137H107.887V188.238ZM135.762 188.238H162.863V161.137H135.762V188.238ZM163.637 188.238H190.738V161.137H163.637V188.238ZM191.512 188.238H218.613V161.137H191.512V188.238ZM219.387 188.238H246.488V161.137H219.387V188.238ZM247.262 188.238H274.363V161.137H247.262V188.238ZM275.137 188.238H302.238V161.137H275.137V188.238ZM302.238 133.262V160.363H275.137V133.262H302.238ZM302.238 105.387V132.488H275.137V105.387H302.238ZM302.238 77.5121V104.613H275.137V77.5121H302.238ZM302.238 49.6371V76.7378H275.137V49.6371H302.238ZM302.238 21.7621V48.8628H275.137V21.7621H302.238ZM302.238 -6.11286V20.9878H275.137V-6.11286H302.238ZM302.238 -33.9879V-6.88716H275.137V-33.9879H302.238ZM302.238 -61.8629V-34.7622H275.137V-61.8629H302.238ZM302.238 -89.7379V-62.6372H275.137V-89.7379H302.238ZM24.2622 160.363H51.3628V133.262H24.2622V160.363ZM52.1372 160.363H79.2379V133.262H52.1372V160.363ZM80.0122 160.363H107.113V133.262H80.0122V160.363ZM107.887 160.363H134.988V133.262H107.887V160.363ZM135.762 160.363H162.863V133.262H135.762V160.363ZM163.637 160.363H190.738V133.262H163.637V160.363ZM191.512 160.363H218.613V133.262H191.512V160.363ZM219.387 160.363H246.488V133.262H219.387V160.363ZM247.262 160.363H274.363V133.262H247.262V160.363ZM274.363 105.387V132.488H247.262V105.387H274.363ZM274.363 77.5121V104.613H247.262V77.5121H274.363ZM274.363 49.6371V76.7378H247.262V49.6371H274.363ZM274.363 21.7621V48.8628H247.262V21.7621H274.363ZM274.363 -6.11286V20.9878H247.262V-6.11286H274.363ZM274.363 -33.9879V-6.88716H247.262V-33.9879H274.363ZM274.363 -61.8629V-34.7622H247.262V-61.8629H274.363ZM274.363 -89.7379V-62.6372H247.262V-89.7379H274.363ZM24.2622 132.488H51.3628V105.387H24.2622V132.488ZM52.1372 132.488H79.2379V105.387H52.1372V132.488ZM80.0122 132.488H107.113V105.387H80.0122V132.488ZM107.887 132.488H134.988V105.387H107.887V132.488ZM135.762 132.488H162.863V105.387H135.762V132.488ZM163.637 132.488H190.738V105.387H163.637V132.488ZM191.512 132.488H218.613V105.387H191.512V132.488ZM219.387 132.488H246.488V105.387H219.387V132.488ZM246.488 77.5121V104.613H219.387V77.5121H246.488ZM246.488 49.6371V76.7378H219.387V49.6371H246.488ZM246.488 21.7621V48.8628H219.387V21.7621H246.488ZM246.488 -6.11286V20.9878H219.387V-6.11286H246.488ZM246.488 -33.9879V-6.88716H219.387V-33.9879H246.488ZM246.488 -61.8629V-34.7622H219.387V-61.8629H246.488ZM246.488 -89.7379V-62.6372H219.387V-89.7379H246.488ZM24.2622 104.613H51.3628V77.5121H24.2622V104.613ZM52.1372 104.613H79.2379V77.5121H52.1372V104.613ZM80.0122 104.613H107.113V77.5121H80.0122V104.613ZM107.887 104.613H134.988V77.5121H107.887V104.613ZM135.762 104.613H162.863V77.5121H135.762V104.613ZM163.637 104.613H190.738V77.5121H163.637V104.613ZM191.512 104.613H218.613V77.5121H191.512V104.613ZM218.613 49.6371V76.7378H191.512V49.6371H218.613ZM218.613 21.7621V48.8628H191.512V21.7621H218.613ZM218.613 -6.11286V20.9878H191.512V-6.11286H218.613ZM218.613 -33.9879V-6.88716H191.512V-33.9879H218.613ZM218.613 -61.8629V-34.7622H191.512V-61.8629H218.613ZM218.613 -89.7379V-62.6372H191.512V-89.7379H218.613ZM24.2622 76.7378H51.3628V49.6371H24.2622V76.7378ZM52.1372 76.7378H79.2379V49.6371H52.1372V76.7378ZM80.0122 76.7378H107.113V49.6371H80.0122V76.7378ZM107.887 76.7378H134.988V49.6371H107.887V76.7378ZM135.762 76.7378H162.863V49.6371H135.762V76.7378ZM163.637 76.7378H190.738V49.6371H163.637V76.7378ZM190.738 21.7621V48.8628H163.637V21.7621H190.738ZM190.738 -6.11286V20.9878H163.637V-6.11286H190.738ZM190.738 -33.9879V-6.88716H163.637V-33.9879H190.738ZM190.738 -61.8629V-34.7622H163.637V-61.8629H190.738ZM190.738 -89.7379V-62.6372H163.637V-89.7379H190.738ZM24.2622 48.8628H51.3628V21.7621H24.2622V48.8628ZM52.1372 48.8628H79.2379V21.7621H52.1372V48.8628ZM80.0122 48.8628H107.113V21.7621H80.0122V48.8628ZM107.887 48.8628H134.988V21.7621H107.887V48.8628ZM135.762 48.8628H162.863V21.7621H135.762V48.8628ZM162.863 -6.11286V20.9878H135.762V-6.11286H162.863ZM162.863 -33.9879V-6.88716H135.762V-33.9879H162.863ZM162.863 -61.8629V-34.7622H135.762V-61.8629H162.863ZM162.863 -89.7379V-62.6372H135.762V-89.7379H162.863ZM24.2622 20.9878H51.3628V-6.11287H24.2622V20.9878ZM52.1372 20.9878H79.2379V-6.11287H52.1372V20.9878ZM80.0122 20.9878H107.113V-6.11287H80.0122V20.9878ZM107.887 20.9878H134.988V-6.11286H107.887V20.9878ZM134.988 -33.9879V-6.88716H107.887V-33.9879H134.988ZM134.988 -61.8629V-34.7622H107.887V-61.8629H134.988ZM134.988 -89.7379V-62.6372H107.887V-89.7379H134.988ZM24.2622 -6.88717H51.3628V-33.9879H24.2622V-6.88717ZM52.1372 -6.88717H79.2379V-33.9879L52.1372 -33.9879V-6.88717ZM80.0122 -6.88717H107.113V-33.9879H80.0122V-6.88717ZM107.113 -61.8629V-34.7622H80.0122V-61.8629H107.113ZM107.113 -89.7379V-62.6372H80.0122V-89.7379H107.113ZM24.2622 -34.7622H51.3628V-61.8629H24.2622V-34.7622ZM52.1372 -34.7622L79.2379 -34.7622V-61.8629H52.1372V-34.7622ZM79.2379 -89.7379V-62.6372H52.1372V-89.7379H79.2379ZM24.2622 -62.6372H51.3628V-89.7379H24.2622V-62.6372Z" fill="url(#paint0_radial_227_7371)" fill-opacity="0.6"></path></g><defs><radialGradient id="paint0_radial_227_7371" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(219 174.242) rotate(90) scale(185.324)"><stop stop-color="white"></stop><stop offset="1" stop-color="#7298F9" stop-opacity="0"></stop></radialGradient><clipPath id="clip0_227_7371"><rect width="438" height="210" fill="white"></rect></clipPath></defs></svg></div><div class="p-5 flex flex-col gap-2 border-t border-muted"><div class="flex items-start justify-between"><h4 class="text-foreground text-lg">Expo React Native Starter</h4></div><p class="text-sm text-foreground-lighter">An extended version of create-t3-turbo implementing authentication on both the web and mobile applications.</p></div></div><div><div class="flex flex-col justify-between p-5 pt-0"><div class="flex items-stretch gap-2"><button data-size="tiny" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border hover:bg-surface-300 shadow-none focus-visible:outline-border-strong data-[state=open]:bg-surface-300 data-[state=open]:outline-border-strong border-transparent text-xs px-2.5 py-1 h-[26px] group overflow-hidden text-foreground-lighter group-hover/panel:text-foreground !bg-transparent !p-0"> <span class="truncate">View Template</span> <div class="[&amp;_svg]:h-[14px] [&amp;_svg]:w-[14px] text-foreground-lighter"><div class="relative w-3.5 h-3.5 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right absolute w-3.5 h-3.5 inset-0 transition-transform duration-200 translate-x-0 translate-y-0 group-hover/panel:translate-x-6 group-hover/panel:-translate-y-6"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></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-arrow-up-right absolute w-3.5 h-3.5 inset-0 transition-transform duration-200 -translate-x-6 translate-y-6 group-hover/panel:translate-x-0 group-hover/panel:-translate-y-0"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></button></div></div></div><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div></div></div></div><div class="hidden lg:grid grid-cols-12 gap-5 mt-4"><div class="col-span-12 h-full lg:col-span-6 xl:col-span-4 flex items-stretch"><a class="w-full h-full" target="_blank" href="https://github.com/vercel/nextjs-subscription-payments"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger h-full"><div class="relative z-10 w-full h-full rounded-[11px] overflow-hidden text-foreground-light bg-surface-75 group/panel"><div class="flex flex-col justify-between"><div class="relative w-full aspect-[3/1] bg flex items-center justify-center gap-4 overflow-hidden"><div title="Next.js" class="relative z-10"><svg role="img" width="35" height="35" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Next.js logo</title><path fill-rule="evenodd" clip-rule="evenodd" d="M56.1984 63.6323C51.7018 66.6266 46.3019 68.3716 40.4944 68.3716C24.8264 68.3716 12.125 55.6702 12.125 40.0022C12.125 24.3342 24.8264 11.6328 40.4944 11.6328C56.1624 11.6328 68.8638 24.3342 68.8638 40.0022C68.8638 48.4568 65.1655 56.0475 59.2983 61.2449L52.5615 52.5671V28.2656H48.6484V47.5267L33.6954 28.2656H28.7578V51.734H32.7079V33.282L56.1984 63.6323Z" fill="hsl(var(--foreground-lighter))"></path></svg></div><div title="Stripe" class="relative z-10"><svg role="img" width="35" height="35" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Stripe logo</title><path fill-rule="evenodd" clip-rule="evenodd" d="M13.1153 17.4759C10.0596 21.6818 10.0596 27.6813 10.0596 39.6805V41.9614C10.0596 53.9605 10.0596 59.9601 13.1153 64.1659C14.1022 65.5242 15.2967 66.7188 16.655 67.7056C20.8609 70.7614 26.8604 70.7614 38.8596 70.7614H41.1404C53.1396 70.7614 59.1391 70.7614 63.345 67.7056C64.7033 66.7188 65.8978 65.5242 66.8847 64.1659C69.9404 59.9601 69.9404 53.9605 69.9404 41.9614V39.6805C69.9404 27.6813 69.9404 21.6818 66.8847 17.4759C65.8978 16.1176 64.7033 14.9231 63.345 13.9362C59.1391 10.8805 53.1396 10.8805 41.1404 10.8805H38.8596C26.8604 10.8805 20.8609 10.8805 16.655 13.9362C15.2967 14.9231 14.1022 16.1176 13.1153 17.4759ZM38.0531 33.4895C38.0531 34.8563 39.7101 35.7264 42.7339 36.8445C48.4088 38.8739 51.9293 41.2766 51.9293 47.0343C51.9293 50.5137 50.728 53.206 48.4085 55.0286C46.3375 56.6854 43.2723 57.5551 39.5859 57.5551C34.9463 57.5551 30.4728 56.1469 28.0706 54.78L29.3131 47.0343C32.1301 48.6911 36.4375 49.975 39.0472 49.975C41.1594 49.975 42.3196 49.1881 42.3196 47.8212C42.3196 46.413 41.1183 45.5017 37.5147 44.2175C31.9228 42.1879 28.4848 39.7854 28.4848 34.1522C28.4848 31.0456 29.6029 28.4773 31.7572 26.6963C33.8282 24.9979 36.7278 24.0868 40.207 24.0868C45.1361 24.0868 48.6983 25.4536 50.4382 26.2821L49.1956 33.9449C47.0002 32.8683 43.8108 31.6669 40.7042 31.6669C39.0058 31.6669 38.0531 32.3293 38.0531 33.4895Z" fill="hsl(var(--foreground-lighter))"></path></svg></div><div title="Vercel" class="relative z-10"><svg role="img" width="35" height="35" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Vercel logo</title><path fill-rule="evenodd" clip-rule="evenodd" d="M39.9999 13.8742L69.7914 66.1253H10.2085L39.9999 13.8742Z" fill="hsl(var(--foreground-lighter))"></path></svg></div><svg class="absolute w-full h-auto object-cover object-center inset-0 z-10" width="100%" height="100%" viewBox="0 0 438 210" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_227_7371)"><path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M23.4878 244.762V271.863H-4V272.637H23.4878V299.738H-4V300.512H23.4878V328H24.2622V300.512H51.3628V328H52.1372V300.512H79.2379V328H80.0122V300.512H107.113V328H107.887V300.512H134.988V328H135.762V300.512H162.863V328H163.637V300.512H190.738V328H191.512V300.512H218.613V328H219.387V300.512H246.488V328H247.262V300.512H274.363V328H275.137V300.512H302.238V328H303.012V300.512H330.113V328H330.887V300.512H357.988V328H358.762V300.512H385.863V328H386.637V300.512H413.738V328H414.512V300.512H442V299.738H414.512V272.637H442V271.863H414.512V244.762H442V243.988H414.512V216.887H442V216.113H414.512V189.012H442V188.238H414.512V161.137H442V160.363H414.512V133.262H442V132.488H414.512V105.387H442V104.613H414.512V77.5122H442V76.7379H414.512V49.6372H442V48.8629H414.512V21.7622H442V20.9879H414.512V-6.11284H442V-6.88715H414.512V-33.9878H442V-34.7621H414.512V-61.8628H442V-62.6372H414.512V-89.7378H442V-90.5122H414.512V-118H413.738V-90.5122H386.637V-118H385.863V-90.5122H358.762V-118H357.988V-90.5122H330.887V-118H330.113V-90.5122H303.012V-118H302.238V-90.5122H275.137V-118H274.363V-90.5122H247.262V-118H246.488V-90.5122H219.387V-118H218.613V-90.5122H191.512V-118H190.738V-90.5122H163.637V-118H162.863V-90.5122H135.762V-118H134.988V-90.5122H107.887V-118H107.113V-90.5122H80.0122V-118H79.2379V-90.5122H52.1372V-118H51.3628V-90.5122H24.2622V-118H23.4878V-90.5122H-4V-89.7379H23.4878V-62.6372H-4V-61.8629H23.4878V-34.7622H-4V-33.9879H23.4878V-6.88717H-4V-6.11287H23.4878V20.9878H-4V21.7621H23.4878V48.8628H-4V49.6371H23.4878V76.7378H-4V77.5121H23.4878V104.613H-4V105.387H23.4878V132.488H-4V133.262H23.4878V160.363H-4V161.137H23.4878V188.238H-4V189.012H23.4878V216.113H-4V216.887H23.4878V243.988H-4V244.762H23.4878ZM413.738 299.738V272.637H386.637V299.738H413.738ZM385.863 299.738V272.637H358.762V299.738H385.863ZM357.988 299.738V272.637H330.887V299.738H357.988ZM330.113 299.738V272.637H303.012V299.738H330.113ZM302.238 299.738V272.637H275.137V299.738H302.238ZM274.363 299.738V272.637H247.262V299.738H274.363ZM246.488 299.738V272.637H219.387V299.738H246.488ZM218.613 299.738V272.637H191.512V299.738H218.613ZM190.738 299.738V272.637H163.637V299.738H190.738ZM162.863 299.738V272.637H135.762V299.738H162.863ZM134.988 299.738V272.637H107.887V299.738H134.988ZM107.113 299.738V272.637H80.0122V299.738H107.113ZM79.2379 299.738V272.637H52.1372V299.738H79.2379ZM51.3628 299.738V272.637H24.2622V299.738H51.3628ZM51.3628 271.863H24.2622V244.762H51.3628V271.863ZM79.2379 271.863H52.1372V244.762H79.2379V271.863ZM107.113 271.863H80.0122V244.762H107.113V271.863ZM134.988 271.863H107.887V244.762H134.988V271.863ZM162.863 271.863H135.762V244.762H162.863V271.863ZM190.738 271.863H163.637V244.762H190.738V271.863ZM218.613 271.863H191.512V244.762H218.613V271.863ZM246.488 271.863H219.387V244.762H246.488V271.863ZM274.363 271.863H247.262V244.762H274.363V271.863ZM302.238 271.863H275.137V244.762H302.238V271.863ZM330.113 271.863H303.012V244.762H330.113V271.863ZM357.988 271.863H330.887V244.762H357.988V271.863ZM385.863 271.863H358.762V244.762H385.863V271.863ZM413.738 271.863H386.637V244.762H413.738V271.863ZM413.738 -89.7378H386.637V-62.6372H413.738V-89.7378ZM413.738 -61.8629H386.637V-34.7622H413.738V-61.8629ZM413.738 -33.9879H386.637V-6.88716H413.738V-33.9879ZM413.738 -6.11286H386.637V20.9878H413.738V-6.11286ZM413.738 21.7621H386.637V48.8628H413.738V21.7621ZM413.738 49.6371H386.637V76.7378H413.738V49.6371ZM413.738 77.5121H386.637V104.613H413.738V77.5121ZM413.738 105.387H386.637V132.488H413.738V105.387ZM413.738 133.262H386.637V160.363H413.738V133.262ZM413.738 161.137H386.637V188.238H413.738V161.137ZM413.738 189.012H386.637V216.113H413.738V189.012ZM413.738 216.887H386.637V243.988H413.738V216.887ZM385.863 216.887V243.988H358.762V216.887H385.863ZM385.863 189.012V216.113H358.762V189.012H385.863ZM385.863 161.137V188.238H358.762V161.137H385.863ZM385.863 133.262V160.363H358.762V133.262H385.863ZM385.863 105.387V132.488H358.762V105.387H385.863ZM385.863 77.5121V104.613H358.762V77.5121H385.863ZM385.863 49.6371V76.7378H358.762V49.6371H385.863ZM385.863 21.7621V48.8628H358.762V21.7621H385.863ZM385.863 -6.11286V20.9878H358.762V-6.11286H385.863ZM385.863 -33.9879V-6.88716H358.762V-33.9879H385.863ZM385.863 -61.8629V-34.7622H358.762V-61.8629H385.863ZM385.863 -89.7378V-62.6372H358.762V-89.7378H385.863ZM24.2622 243.988H51.3628V216.887H24.2622V243.988ZM52.1372 243.988H79.2379V216.887H52.1372V243.988ZM80.0122 243.988H107.113V216.887H80.0122V243.988ZM107.887 243.988H134.988V216.887H107.887V243.988ZM135.762 243.988H162.863V216.887H135.762V243.988ZM163.637 243.988H190.738V216.887H163.637V243.988ZM191.512 243.988H218.613V216.887H191.512V243.988ZM219.387 243.988H246.488V216.887H219.387V243.988ZM247.262 243.988H274.363V216.887H247.262V243.988ZM275.137 243.988H302.238V216.887H275.137V243.988ZM303.012 243.988H330.113V216.887H303.012V243.988ZM330.887 243.988H357.988V216.887H330.887V243.988ZM357.988 189.012V216.113H330.887V189.012H357.988ZM357.988 161.137V188.238H330.887V161.137H357.988ZM357.988 133.262V160.363H330.887V133.262H357.988ZM357.988 105.387V132.488H330.887V105.387H357.988ZM357.988 77.5121V104.613H330.887V77.5121H357.988ZM357.988 49.6371V76.7378H330.887V49.6371H357.988ZM357.988 21.7621V48.8628H330.887V21.7621H357.988ZM357.988 -6.11286V20.9878H330.887V-6.11286H357.988ZM357.988 -33.9879V-6.88716H330.887V-33.9879H357.988ZM357.988 -61.8629V-34.7622H330.887V-61.8629H357.988ZM357.988 -89.7379V-62.6372H330.887V-89.7379H357.988ZM24.2622 216.113H51.3628V189.012H24.2622V216.113ZM52.1372 216.113H79.2379V189.012H52.1372V216.113ZM80.0122 216.113H107.113V189.012H80.0122V216.113ZM107.887 216.113H134.988V189.012H107.887V216.113ZM135.762 216.113H162.863V189.012H135.762V216.113ZM163.637 216.113H190.738V189.012H163.637V216.113ZM191.512 216.113H218.613V189.012H191.512V216.113ZM219.387 216.113H246.488V189.012H219.387V216.113ZM247.262 216.113H274.363V189.012H247.262V216.113ZM275.137 216.113H302.238V189.012H275.137V216.113ZM303.012 216.113H330.113V189.012H303.012V216.113ZM330.113 161.137V188.238H303.012V161.137H330.113ZM330.113 133.262V160.363H303.012V133.262H330.113ZM330.113 105.387V132.488H303.012V105.387H330.113ZM330.113 77.5121V104.613H303.012V77.5121H330.113ZM330.113 49.6371V76.7378H303.012V49.6371H330.113ZM330.113 21.7621V48.8628H303.012V21.7621H330.113ZM330.113 -6.11286V20.9878H303.012V-6.11286H330.113ZM330.113 -33.9879V-6.88716H303.012V-33.9879H330.113ZM330.113 -61.8629V-34.7622H303.012V-61.8629H330.113ZM330.113 -89.7379V-62.6372H303.012V-89.7379H330.113ZM24.2622 188.238H51.3628V161.137H24.2622V188.238ZM52.1372 188.238H79.2379V161.137H52.1372V188.238ZM80.0122 188.238H107.113V161.137H80.0122V188.238ZM107.887 188.238H134.988V161.137H107.887V188.238ZM135.762 188.238H162.863V161.137H135.762V188.238ZM163.637 188.238H190.738V161.137H163.637V188.238ZM191.512 188.238H218.613V161.137H191.512V188.238ZM219.387 188.238H246.488V161.137H219.387V188.238ZM247.262 188.238H274.363V161.137H247.262V188.238ZM275.137 188.238H302.238V161.137H275.137V188.238ZM302.238 133.262V160.363H275.137V133.262H302.238ZM302.238 105.387V132.488H275.137V105.387H302.238ZM302.238 77.5121V104.613H275.137V77.5121H302.238ZM302.238 49.6371V76.7378H275.137V49.6371H302.238ZM302.238 21.7621V48.8628H275.137V21.7621H302.238ZM302.238 -6.11286V20.9878H275.137V-6.11286H302.238ZM302.238 -33.9879V-6.88716H275.137V-33.9879H302.238ZM302.238 -61.8629V-34.7622H275.137V-61.8629H302.238ZM302.238 -89.7379V-62.6372H275.137V-89.7379H302.238ZM24.2622 160.363H51.3628V133.262H24.2622V160.363ZM52.1372 160.363H79.2379V133.262H52.1372V160.363ZM80.0122 160.363H107.113V133.262H80.0122V160.363ZM107.887 160.363H134.988V133.262H107.887V160.363ZM135.762 160.363H162.863V133.262H135.762V160.363ZM163.637 160.363H190.738V133.262H163.637V160.363ZM191.512 160.363H218.613V133.262H191.512V160.363ZM219.387 160.363H246.488V133.262H219.387V160.363ZM247.262 160.363H274.363V133.262H247.262V160.363ZM274.363 105.387V132.488H247.262V105.387H274.363ZM274.363 77.5121V104.613H247.262V77.5121H274.363ZM274.363 49.6371V76.7378H247.262V49.6371H274.363ZM274.363 21.7621V48.8628H247.262V21.7621H274.363ZM274.363 -6.11286V20.9878H247.262V-6.11286H274.363ZM274.363 -33.9879V-6.88716H247.262V-33.9879H274.363ZM274.363 -61.8629V-34.7622H247.262V-61.8629H274.363ZM274.363 -89.7379V-62.6372H247.262V-89.7379H274.363ZM24.2622 132.488H51.3628V105.387H24.2622V132.488ZM52.1372 132.488H79.2379V105.387H52.1372V132.488ZM80.0122 132.488H107.113V105.387H80.0122V132.488ZM107.887 132.488H134.988V105.387H107.887V132.488ZM135.762 132.488H162.863V105.387H135.762V132.488ZM163.637 132.488H190.738V105.387H163.637V132.488ZM191.512 132.488H218.613V105.387H191.512V132.488ZM219.387 132.488H246.488V105.387H219.387V132.488ZM246.488 77.5121V104.613H219.387V77.5121H246.488ZM246.488 49.6371V76.7378H219.387V49.6371H246.488ZM246.488 21.7621V48.8628H219.387V21.7621H246.488ZM246.488 -6.11286V20.9878H219.387V-6.11286H246.488ZM246.488 -33.9879V-6.88716H219.387V-33.9879H246.488ZM246.488 -61.8629V-34.7622H219.387V-61.8629H246.488ZM246.488 -89.7379V-62.6372H219.387V-89.7379H246.488ZM24.2622 104.613H51.3628V77.5121H24.2622V104.613ZM52.1372 104.613H79.2379V77.5121H52.1372V104.613ZM80.0122 104.613H107.113V77.5121H80.0122V104.613ZM107.887 104.613H134.988V77.5121H107.887V104.613ZM135.762 104.613H162.863V77.5121H135.762V104.613ZM163.637 104.613H190.738V77.5121H163.637V104.613ZM191.512 104.613H218.613V77.5121H191.512V104.613ZM218.613 49.6371V76.7378H191.512V49.6371H218.613ZM218.613 21.7621V48.8628H191.512V21.7621H218.613ZM218.613 -6.11286V20.9878H191.512V-6.11286H218.613ZM218.613 -33.9879V-6.88716H191.512V-33.9879H218.613ZM218.613 -61.8629V-34.7622H191.512V-61.8629H218.613ZM218.613 -89.7379V-62.6372H191.512V-89.7379H218.613ZM24.2622 76.7378H51.3628V49.6371H24.2622V76.7378ZM52.1372 76.7378H79.2379V49.6371H52.1372V76.7378ZM80.0122 76.7378H107.113V49.6371H80.0122V76.7378ZM107.887 76.7378H134.988V49.6371H107.887V76.7378ZM135.762 76.7378H162.863V49.6371H135.762V76.7378ZM163.637 76.7378H190.738V49.6371H163.637V76.7378ZM190.738 21.7621V48.8628H163.637V21.7621H190.738ZM190.738 -6.11286V20.9878H163.637V-6.11286H190.738ZM190.738 -33.9879V-6.88716H163.637V-33.9879H190.738ZM190.738 -61.8629V-34.7622H163.637V-61.8629H190.738ZM190.738 -89.7379V-62.6372H163.637V-89.7379H190.738ZM24.2622 48.8628H51.3628V21.7621H24.2622V48.8628ZM52.1372 48.8628H79.2379V21.7621H52.1372V48.8628ZM80.0122 48.8628H107.113V21.7621H80.0122V48.8628ZM107.887 48.8628H134.988V21.7621H107.887V48.8628ZM135.762 48.8628H162.863V21.7621H135.762V48.8628ZM162.863 -6.11286V20.9878H135.762V-6.11286H162.863ZM162.863 -33.9879V-6.88716H135.762V-33.9879H162.863ZM162.863 -61.8629V-34.7622H135.762V-61.8629H162.863ZM162.863 -89.7379V-62.6372H135.762V-89.7379H162.863ZM24.2622 20.9878H51.3628V-6.11287H24.2622V20.9878ZM52.1372 20.9878H79.2379V-6.11287H52.1372V20.9878ZM80.0122 20.9878H107.113V-6.11287H80.0122V20.9878ZM107.887 20.9878H134.988V-6.11286H107.887V20.9878ZM134.988 -33.9879V-6.88716H107.887V-33.9879H134.988ZM134.988 -61.8629V-34.7622H107.887V-61.8629H134.988ZM134.988 -89.7379V-62.6372H107.887V-89.7379H134.988ZM24.2622 -6.88717H51.3628V-33.9879H24.2622V-6.88717ZM52.1372 -6.88717H79.2379V-33.9879L52.1372 -33.9879V-6.88717ZM80.0122 -6.88717H107.113V-33.9879H80.0122V-6.88717ZM107.113 -61.8629V-34.7622H80.0122V-61.8629H107.113ZM107.113 -89.7379V-62.6372H80.0122V-89.7379H107.113ZM24.2622 -34.7622H51.3628V-61.8629H24.2622V-34.7622ZM52.1372 -34.7622L79.2379 -34.7622V-61.8629H52.1372V-34.7622ZM79.2379 -89.7379V-62.6372H52.1372V-89.7379H79.2379ZM24.2622 -62.6372H51.3628V-89.7379H24.2622V-62.6372Z" fill="url(#paint0_radial_227_7371)" fill-opacity="0.6"></path></g><defs><radialGradient id="paint0_radial_227_7371" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(219 174.242) rotate(90) scale(185.324)"><stop stop-color="white"></stop><stop offset="1" stop-color="#7298F9" stop-opacity="0"></stop></radialGradient><clipPath id="clip0_227_7371"><rect width="438" height="210" fill="white"></rect></clipPath></defs></svg></div><div class="p-5 flex flex-col gap-2 border-t border-muted"><div class="flex items-start justify-between"><h4 class="text-foreground text-lg">Stripe Subscriptions Starter</h4></div><p class="text-sm text-foreground-lighter">The all-in-one subscription starter kit for high-performance SaaS applications, powered by Stripe, Supabase, and Vercel.</p></div></div><div><div class="flex flex-col justify-between p-5 pt-0"><div class="flex items-stretch gap-2"><button data-size="tiny" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border hover:bg-surface-300 shadow-none focus-visible:outline-border-strong data-[state=open]:bg-surface-300 data-[state=open]:outline-border-strong border-transparent text-xs px-2.5 py-1 h-[26px] group overflow-hidden text-foreground-lighter group-hover/panel:text-foreground !bg-transparent !p-0"> <span class="truncate">View Template</span> <div class="[&amp;_svg]:h-[14px] [&amp;_svg]:w-[14px] text-foreground-lighter"><div class="relative w-3.5 h-3.5 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right absolute w-3.5 h-3.5 inset-0 transition-transform duration-200 translate-x-0 translate-y-0 group-hover/panel:translate-x-6 group-hover/panel:-translate-y-6"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></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-arrow-up-right absolute w-3.5 h-3.5 inset-0 transition-transform duration-200 -translate-x-6 translate-y-6 group-hover/panel:translate-x-0 group-hover/panel:-translate-y-0"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></button></div></div></div><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="col-span-12 h-full lg:col-span-6 xl:col-span-4 flex items-stretch"><a class="w-full h-full" target="_blank" href="https://github.com/vercel/next.js/tree/canary/examples/with-supabase"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger h-full"><div class="relative z-10 w-full h-full rounded-[11px] overflow-hidden text-foreground-light bg-surface-75 group/panel"><div class="flex flex-col justify-between"><div class="relative w-full aspect-[3/1] bg flex items-center justify-center gap-4 overflow-hidden"><div title="Next.js" class="relative z-10"><svg role="img" width="35" height="35" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Next.js logo</title><path fill-rule="evenodd" clip-rule="evenodd" d="M56.1984 63.6323C51.7018 66.6266 46.3019 68.3716 40.4944 68.3716C24.8264 68.3716 12.125 55.6702 12.125 40.0022C12.125 24.3342 24.8264 11.6328 40.4944 11.6328C56.1624 11.6328 68.8638 24.3342 68.8638 40.0022C68.8638 48.4568 65.1655 56.0475 59.2983 61.2449L52.5615 52.5671V28.2656H48.6484V47.5267L33.6954 28.2656H28.7578V51.734H32.7079V33.282L56.1984 63.6323Z" fill="hsl(var(--foreground-lighter))"></path></svg></div><div title="Vercel" class="relative z-10"><svg role="img" width="35" height="35" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Vercel logo</title><path fill-rule="evenodd" clip-rule="evenodd" d="M39.9999 13.8742L69.7914 66.1253H10.2085L39.9999 13.8742Z" fill="hsl(var(--foreground-lighter))"></path></svg></div><svg class="absolute w-full h-auto object-cover object-center inset-0 z-10" width="100%" height="100%" viewBox="0 0 438 210" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_227_7371)"><path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M23.4878 244.762V271.863H-4V272.637H23.4878V299.738H-4V300.512H23.4878V328H24.2622V300.512H51.3628V328H52.1372V300.512H79.2379V328H80.0122V300.512H107.113V328H107.887V300.512H134.988V328H135.762V300.512H162.863V328H163.637V300.512H190.738V328H191.512V300.512H218.613V328H219.387V300.512H246.488V328H247.262V300.512H274.363V328H275.137V300.512H302.238V328H303.012V300.512H330.113V328H330.887V300.512H357.988V328H358.762V300.512H385.863V328H386.637V300.512H413.738V328H414.512V300.512H442V299.738H414.512V272.637H442V271.863H414.512V244.762H442V243.988H414.512V216.887H442V216.113H414.512V189.012H442V188.238H414.512V161.137H442V160.363H414.512V133.262H442V132.488H414.512V105.387H442V104.613H414.512V77.5122H442V76.7379H414.512V49.6372H442V48.8629H414.512V21.7622H442V20.9879H414.512V-6.11284H442V-6.88715H414.512V-33.9878H442V-34.7621H414.512V-61.8628H442V-62.6372H414.512V-89.7378H442V-90.5122H414.512V-118H413.738V-90.5122H386.637V-118H385.863V-90.5122H358.762V-118H357.988V-90.5122H330.887V-118H330.113V-90.5122H303.012V-118H302.238V-90.5122H275.137V-118H274.363V-90.5122H247.262V-118H246.488V-90.5122H219.387V-118H218.613V-90.5122H191.512V-118H190.738V-90.5122H163.637V-118H162.863V-90.5122H135.762V-118H134.988V-90.5122H107.887V-118H107.113V-90.5122H80.0122V-118H79.2379V-90.5122H52.1372V-118H51.3628V-90.5122H24.2622V-118H23.4878V-90.5122H-4V-89.7379H23.4878V-62.6372H-4V-61.8629H23.4878V-34.7622H-4V-33.9879H23.4878V-6.88717H-4V-6.11287H23.4878V20.9878H-4V21.7621H23.4878V48.8628H-4V49.6371H23.4878V76.7378H-4V77.5121H23.4878V104.613H-4V105.387H23.4878V132.488H-4V133.262H23.4878V160.363H-4V161.137H23.4878V188.238H-4V189.012H23.4878V216.113H-4V216.887H23.4878V243.988H-4V244.762H23.4878ZM413.738 299.738V272.637H386.637V299.738H413.738ZM385.863 299.738V272.637H358.762V299.738H385.863ZM357.988 299.738V272.637H330.887V299.738H357.988ZM330.113 299.738V272.637H303.012V299.738H330.113ZM302.238 299.738V272.637H275.137V299.738H302.238ZM274.363 299.738V272.637H247.262V299.738H274.363ZM246.488 299.738V272.637H219.387V299.738H246.488ZM218.613 299.738V272.637H191.512V299.738H218.613ZM190.738 299.738V272.637H163.637V299.738H190.738ZM162.863 299.738V272.637H135.762V299.738H162.863ZM134.988 299.738V272.637H107.887V299.738H134.988ZM107.113 299.738V272.637H80.0122V299.738H107.113ZM79.2379 299.738V272.637H52.1372V299.738H79.2379ZM51.3628 299.738V272.637H24.2622V299.738H51.3628ZM51.3628 271.863H24.2622V244.762H51.3628V271.863ZM79.2379 271.863H52.1372V244.762H79.2379V271.863ZM107.113 271.863H80.0122V244.762H107.113V271.863ZM134.988 271.863H107.887V244.762H134.988V271.863ZM162.863 271.863H135.762V244.762H162.863V271.863ZM190.738 271.863H163.637V244.762H190.738V271.863ZM218.613 271.863H191.512V244.762H218.613V271.863ZM246.488 271.863H219.387V244.762H246.488V271.863ZM274.363 271.863H247.262V244.762H274.363V271.863ZM302.238 271.863H275.137V244.762H302.238V271.863ZM330.113 271.863H303.012V244.762H330.113V271.863ZM357.988 271.863H330.887V244.762H357.988V271.863ZM385.863 271.863H358.762V244.762H385.863V271.863ZM413.738 271.863H386.637V244.762H413.738V271.863ZM413.738 -89.7378H386.637V-62.6372H413.738V-89.7378ZM413.738 -61.8629H386.637V-34.7622H413.738V-61.8629ZM413.738 -33.9879H386.637V-6.88716H413.738V-33.9879ZM413.738 -6.11286H386.637V20.9878H413.738V-6.11286ZM413.738 21.7621H386.637V48.8628H413.738V21.7621ZM413.738 49.6371H386.637V76.7378H413.738V49.6371ZM413.738 77.5121H386.637V104.613H413.738V77.5121ZM413.738 105.387H386.637V132.488H413.738V105.387ZM413.738 133.262H386.637V160.363H413.738V133.262ZM413.738 161.137H386.637V188.238H413.738V161.137ZM413.738 189.012H386.637V216.113H413.738V189.012ZM413.738 216.887H386.637V243.988H413.738V216.887ZM385.863 216.887V243.988H358.762V216.887H385.863ZM385.863 189.012V216.113H358.762V189.012H385.863ZM385.863 161.137V188.238H358.762V161.137H385.863ZM385.863 133.262V160.363H358.762V133.262H385.863ZM385.863 105.387V132.488H358.762V105.387H385.863ZM385.863 77.5121V104.613H358.762V77.5121H385.863ZM385.863 49.6371V76.7378H358.762V49.6371H385.863ZM385.863 21.7621V48.8628H358.762V21.7621H385.863ZM385.863 -6.11286V20.9878H358.762V-6.11286H385.863ZM385.863 -33.9879V-6.88716H358.762V-33.9879H385.863ZM385.863 -61.8629V-34.7622H358.762V-61.8629H385.863ZM385.863 -89.7378V-62.6372H358.762V-89.7378H385.863ZM24.2622 243.988H51.3628V216.887H24.2622V243.988ZM52.1372 243.988H79.2379V216.887H52.1372V243.988ZM80.0122 243.988H107.113V216.887H80.0122V243.988ZM107.887 243.988H134.988V216.887H107.887V243.988ZM135.762 243.988H162.863V216.887H135.762V243.988ZM163.637 243.988H190.738V216.887H163.637V243.988ZM191.512 243.988H218.613V216.887H191.512V243.988ZM219.387 243.988H246.488V216.887H219.387V243.988ZM247.262 243.988H274.363V216.887H247.262V243.988ZM275.137 243.988H302.238V216.887H275.137V243.988ZM303.012 243.988H330.113V216.887H303.012V243.988ZM330.887 243.988H357.988V216.887H330.887V243.988ZM357.988 189.012V216.113H330.887V189.012H357.988ZM357.988 161.137V188.238H330.887V161.137H357.988ZM357.988 133.262V160.363H330.887V133.262H357.988ZM357.988 105.387V132.488H330.887V105.387H357.988ZM357.988 77.5121V104.613H330.887V77.5121H357.988ZM357.988 49.6371V76.7378H330.887V49.6371H357.988ZM357.988 21.7621V48.8628H330.887V21.7621H357.988ZM357.988 -6.11286V20.9878H330.887V-6.11286H357.988ZM357.988 -33.9879V-6.88716H330.887V-33.9879H357.988ZM357.988 -61.8629V-34.7622H330.887V-61.8629H357.988ZM357.988 -89.7379V-62.6372H330.887V-89.7379H357.988ZM24.2622 216.113H51.3628V189.012H24.2622V216.113ZM52.1372 216.113H79.2379V189.012H52.1372V216.113ZM80.0122 216.113H107.113V189.012H80.0122V216.113ZM107.887 216.113H134.988V189.012H107.887V216.113ZM135.762 216.113H162.863V189.012H135.762V216.113ZM163.637 216.113H190.738V189.012H163.637V216.113ZM191.512 216.113H218.613V189.012H191.512V216.113ZM219.387 216.113H246.488V189.012H219.387V216.113ZM247.262 216.113H274.363V189.012H247.262V216.113ZM275.137 216.113H302.238V189.012H275.137V216.113ZM303.012 216.113H330.113V189.012H303.012V216.113ZM330.113 161.137V188.238H303.012V161.137H330.113ZM330.113 133.262V160.363H303.012V133.262H330.113ZM330.113 105.387V132.488H303.012V105.387H330.113ZM330.113 77.5121V104.613H303.012V77.5121H330.113ZM330.113 49.6371V76.7378H303.012V49.6371H330.113ZM330.113 21.7621V48.8628H303.012V21.7621H330.113ZM330.113 -6.11286V20.9878H303.012V-6.11286H330.113ZM330.113 -33.9879V-6.88716H303.012V-33.9879H330.113ZM330.113 -61.8629V-34.7622H303.012V-61.8629H330.113ZM330.113 -89.7379V-62.6372H303.012V-89.7379H330.113ZM24.2622 188.238H51.3628V161.137H24.2622V188.238ZM52.1372 188.238H79.2379V161.137H52.1372V188.238ZM80.0122 188.238H107.113V161.137H80.0122V188.238ZM107.887 188.238H134.988V161.137H107.887V188.238ZM135.762 188.238H162.863V161.137H135.762V188.238ZM163.637 188.238H190.738V161.137H163.637V188.238ZM191.512 188.238H218.613V161.137H191.512V188.238ZM219.387 188.238H246.488V161.137H219.387V188.238ZM247.262 188.238H274.363V161.137H247.262V188.238ZM275.137 188.238H302.238V161.137H275.137V188.238ZM302.238 133.262V160.363H275.137V133.262H302.238ZM302.238 105.387V132.488H275.137V105.387H302.238ZM302.238 77.5121V104.613H275.137V77.5121H302.238ZM302.238 49.6371V76.7378H275.137V49.6371H302.238ZM302.238 21.7621V48.8628H275.137V21.7621H302.238ZM302.238 -6.11286V20.9878H275.137V-6.11286H302.238ZM302.238 -33.9879V-6.88716H275.137V-33.9879H302.238ZM302.238 -61.8629V-34.7622H275.137V-61.8629H302.238ZM302.238 -89.7379V-62.6372H275.137V-89.7379H302.238ZM24.2622 160.363H51.3628V133.262H24.2622V160.363ZM52.1372 160.363H79.2379V133.262H52.1372V160.363ZM80.0122 160.363H107.113V133.262H80.0122V160.363ZM107.887 160.363H134.988V133.262H107.887V160.363ZM135.762 160.363H162.863V133.262H135.762V160.363ZM163.637 160.363H190.738V133.262H163.637V160.363ZM191.512 160.363H218.613V133.262H191.512V160.363ZM219.387 160.363H246.488V133.262H219.387V160.363ZM247.262 160.363H274.363V133.262H247.262V160.363ZM274.363 105.387V132.488H247.262V105.387H274.363ZM274.363 77.5121V104.613H247.262V77.5121H274.363ZM274.363 49.6371V76.7378H247.262V49.6371H274.363ZM274.363 21.7621V48.8628H247.262V21.7621H274.363ZM274.363 -6.11286V20.9878H247.262V-6.11286H274.363ZM274.363 -33.9879V-6.88716H247.262V-33.9879H274.363ZM274.363 -61.8629V-34.7622H247.262V-61.8629H274.363ZM274.363 -89.7379V-62.6372H247.262V-89.7379H274.363ZM24.2622 132.488H51.3628V105.387H24.2622V132.488ZM52.1372 132.488H79.2379V105.387H52.1372V132.488ZM80.0122 132.488H107.113V105.387H80.0122V132.488ZM107.887 132.488H134.988V105.387H107.887V132.488ZM135.762 132.488H162.863V105.387H135.762V132.488ZM163.637 132.488H190.738V105.387H163.637V132.488ZM191.512 132.488H218.613V105.387H191.512V132.488ZM219.387 132.488H246.488V105.387H219.387V132.488ZM246.488 77.5121V104.613H219.387V77.5121H246.488ZM246.488 49.6371V76.7378H219.387V49.6371H246.488ZM246.488 21.7621V48.8628H219.387V21.7621H246.488ZM246.488 -6.11286V20.9878H219.387V-6.11286H246.488ZM246.488 -33.9879V-6.88716H219.387V-33.9879H246.488ZM246.488 -61.8629V-34.7622H219.387V-61.8629H246.488ZM246.488 -89.7379V-62.6372H219.387V-89.7379H246.488ZM24.2622 104.613H51.3628V77.5121H24.2622V104.613ZM52.1372 104.613H79.2379V77.5121H52.1372V104.613ZM80.0122 104.613H107.113V77.5121H80.0122V104.613ZM107.887 104.613H134.988V77.5121H107.887V104.613ZM135.762 104.613H162.863V77.5121H135.762V104.613ZM163.637 104.613H190.738V77.5121H163.637V104.613ZM191.512 104.613H218.613V77.5121H191.512V104.613ZM218.613 49.6371V76.7378H191.512V49.6371H218.613ZM218.613 21.7621V48.8628H191.512V21.7621H218.613ZM218.613 -6.11286V20.9878H191.512V-6.11286H218.613ZM218.613 -33.9879V-6.88716H191.512V-33.9879H218.613ZM218.613 -61.8629V-34.7622H191.512V-61.8629H218.613ZM218.613 -89.7379V-62.6372H191.512V-89.7379H218.613ZM24.2622 76.7378H51.3628V49.6371H24.2622V76.7378ZM52.1372 76.7378H79.2379V49.6371H52.1372V76.7378ZM80.0122 76.7378H107.113V49.6371H80.0122V76.7378ZM107.887 76.7378H134.988V49.6371H107.887V76.7378ZM135.762 76.7378H162.863V49.6371H135.762V76.7378ZM163.637 76.7378H190.738V49.6371H163.637V76.7378ZM190.738 21.7621V48.8628H163.637V21.7621H190.738ZM190.738 -6.11286V20.9878H163.637V-6.11286H190.738ZM190.738 -33.9879V-6.88716H163.637V-33.9879H190.738ZM190.738 -61.8629V-34.7622H163.637V-61.8629H190.738ZM190.738 -89.7379V-62.6372H163.637V-89.7379H190.738ZM24.2622 48.8628H51.3628V21.7621H24.2622V48.8628ZM52.1372 48.8628H79.2379V21.7621H52.1372V48.8628ZM80.0122 48.8628H107.113V21.7621H80.0122V48.8628ZM107.887 48.8628H134.988V21.7621H107.887V48.8628ZM135.762 48.8628H162.863V21.7621H135.762V48.8628ZM162.863 -6.11286V20.9878H135.762V-6.11286H162.863ZM162.863 -33.9879V-6.88716H135.762V-33.9879H162.863ZM162.863 -61.8629V-34.7622H135.762V-61.8629H162.863ZM162.863 -89.7379V-62.6372H135.762V-89.7379H162.863ZM24.2622 20.9878H51.3628V-6.11287H24.2622V20.9878ZM52.1372 20.9878H79.2379V-6.11287H52.1372V20.9878ZM80.0122 20.9878H107.113V-6.11287H80.0122V20.9878ZM107.887 20.9878H134.988V-6.11286H107.887V20.9878ZM134.988 -33.9879V-6.88716H107.887V-33.9879H134.988ZM134.988 -61.8629V-34.7622H107.887V-61.8629H134.988ZM134.988 -89.7379V-62.6372H107.887V-89.7379H134.988ZM24.2622 -6.88717H51.3628V-33.9879H24.2622V-6.88717ZM52.1372 -6.88717H79.2379V-33.9879L52.1372 -33.9879V-6.88717ZM80.0122 -6.88717H107.113V-33.9879H80.0122V-6.88717ZM107.113 -61.8629V-34.7622H80.0122V-61.8629H107.113ZM107.113 -89.7379V-62.6372H80.0122V-89.7379H107.113ZM24.2622 -34.7622H51.3628V-61.8629H24.2622V-34.7622ZM52.1372 -34.7622L79.2379 -34.7622V-61.8629H52.1372V-34.7622ZM79.2379 -89.7379V-62.6372H52.1372V-89.7379H79.2379ZM24.2622 -62.6372H51.3628V-89.7379H24.2622V-62.6372Z" fill="url(#paint0_radial_227_7371)" fill-opacity="0.6"></path></g><defs><radialGradient id="paint0_radial_227_7371" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(219 174.242) rotate(90) scale(185.324)"><stop stop-color="white"></stop><stop offset="1" stop-color="#7298F9" stop-opacity="0"></stop></radialGradient><clipPath id="clip0_227_7371"><rect width="438" height="210" fill="white"></rect></clipPath></defs></svg></div><div class="p-5 flex flex-col gap-2 border-t border-muted"><div class="flex items-start justify-between"><h4 class="text-foreground text-lg">Next.js Starter</h4></div><p class="text-sm text-foreground-lighter">A Next.js App Router template configured with cookie-based auth using Supabase, TypeScript and Tailwind CSS.</p></div></div><div><div class="flex flex-col justify-between p-5 pt-0"><div class="flex items-stretch gap-2"><button data-size="tiny" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border hover:bg-surface-300 shadow-none focus-visible:outline-border-strong data-[state=open]:bg-surface-300 data-[state=open]:outline-border-strong border-transparent text-xs px-2.5 py-1 h-[26px] group overflow-hidden text-foreground-lighter group-hover/panel:text-foreground !bg-transparent !p-0"> <span class="truncate">View Template</span> <div class="[&amp;_svg]:h-[14px] [&amp;_svg]:w-[14px] text-foreground-lighter"><div class="relative w-3.5 h-3.5 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right absolute w-3.5 h-3.5 inset-0 transition-transform duration-200 translate-x-0 translate-y-0 group-hover/panel:translate-x-6 group-hover/panel:-translate-y-6"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></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-arrow-up-right absolute w-3.5 h-3.5 inset-0 transition-transform duration-200 -translate-x-6 translate-y-6 group-hover/panel:translate-x-0 group-hover/panel:-translate-y-0"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></button></div></div></div><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="col-span-12 h-full lg:col-span-6 xl:col-span-4 flex items-stretch"><a class="w-full h-full" target="_blank" href="https://github.com/supabase-community/vercel-ai-chatbot"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger h-full"><div class="relative z-10 w-full h-full rounded-[11px] overflow-hidden text-foreground-light bg-surface-75 group/panel"><div class="flex flex-col justify-between"><div class="relative w-full aspect-[3/1] bg flex items-center justify-center gap-4 overflow-hidden"><div title="Next.js" class="relative z-10"><svg role="img" width="35" height="35" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Next.js logo</title><path fill-rule="evenodd" clip-rule="evenodd" d="M56.1984 63.6323C51.7018 66.6266 46.3019 68.3716 40.4944 68.3716C24.8264 68.3716 12.125 55.6702 12.125 40.0022C12.125 24.3342 24.8264 11.6328 40.4944 11.6328C56.1624 11.6328 68.8638 24.3342 68.8638 40.0022C68.8638 48.4568 65.1655 56.0475 59.2983 61.2449L52.5615 52.5671V28.2656H48.6484V47.5267L33.6954 28.2656H28.7578V51.734H32.7079V33.282L56.1984 63.6323Z" fill="hsl(var(--foreground-lighter))"></path></svg></div><div title="OpenAI" class="relative z-10"><svg role="img" width="35" height="35" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><title>OpenAI logo</title><path fill-rule="evenodd" clip-rule="evenodd" d="M66.1943 35.3654C67.5556 31.2814 67.0883 26.8114 64.9143 23.0932C61.643 17.4041 55.0599 14.4782 48.6394 15.8396C45.7745 12.6293 41.6702 10.8007 37.3628 10.821C30.8 10.821 24.9687 15.0472 22.9369 21.2848C18.7107 22.1585 15.0737 24.7999 12.9403 28.5384C9.64875 34.2275 10.4005 41.3796 14.8096 46.2559C13.4483 50.3399 13.9156 54.8099 16.0896 58.5078C19.3608 64.2172 25.9439 67.143 32.3848 65.7817C35.2294 68.992 39.3336 70.841 43.6411 70.8206C50.2039 70.8206 56.0352 66.5944 58.067 60.3568C62.2932 59.4831 65.9302 56.8417 68.0433 53.1032C71.3551 47.4141 70.6034 40.2621 66.1943 35.3857V35.3654ZM61.5211 25.064C62.8215 27.3397 63.3091 30.0014 62.8621 32.5818C62.7809 32.5208 62.6183 32.4395 62.5167 32.3786L50.5696 25.4704C49.9601 25.125 49.2083 25.125 48.5987 25.4704L34.5995 33.557V27.6241L46.1606 20.9394C51.5449 17.8307 58.4124 19.6797 61.5211 25.064ZM34.5995 37.3972L40.4918 33.9837L46.3841 37.3972V44.2038L40.4918 47.6172L34.5995 44.2038V37.3972ZM37.3425 14.7424C39.9838 14.7424 42.5236 15.6567 44.5554 17.3431C44.4741 17.3837 44.3116 17.4853 44.1897 17.5463L32.2426 24.4342C31.633 24.7796 31.2673 25.4298 31.2673 26.1409V42.3142L26.1268 39.3477V25.9784C26.1268 19.761 31.1454 14.7424 37.3628 14.7221L37.3425 14.7424ZM16.3538 30.5093C17.6744 28.2337 19.7266 26.4863 22.2054 25.572V39.7744C22.2054 40.4855 22.5711 41.1154 23.1807 41.4811L37.1596 49.5475L31.9988 52.5342L20.458 45.8699C15.094 42.7612 13.2451 35.8936 16.3538 30.5093ZM19.5031 56.5776C18.1824 54.3223 17.7151 51.6402 18.1621 49.0598C18.2433 49.1208 18.4059 49.2021 18.5075 49.263L30.4546 56.1712C31.0641 56.5166 31.8159 56.5166 32.4255 56.1712L46.4044 48.0846V54.0175L34.8433 60.6819C29.459 63.7702 22.5914 61.9416 19.4828 56.5776H19.5031ZM43.6614 66.8992C41.0404 66.8992 38.4803 65.9849 36.4688 64.2985C36.5501 64.2579 36.7329 64.1563 36.8345 64.0953L48.7816 57.2074C49.3912 56.862 49.7772 56.2118 49.7569 55.5007V39.3477L54.8974 42.3142V55.6632C54.8974 61.8806 49.8585 66.9195 43.6614 66.9195V66.8992ZM64.6704 51.1323C63.3498 53.4079 61.2773 55.1553 58.8188 56.0493V41.8469C58.8188 41.1357 58.4531 40.4856 57.8435 40.1401L43.8443 32.0535L48.9848 29.087L60.5459 35.7514C65.9302 38.8601 67.7588 45.7276 64.6501 51.112L64.6704 51.1323Z" fill="hsl(var(--foreground-lighter))"></path></svg></div><div title="Vercel" class="relative z-10"><svg role="img" width="35" height="35" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Vercel logo</title><path fill-rule="evenodd" clip-rule="evenodd" d="M39.9999 13.8742L69.7914 66.1253H10.2085L39.9999 13.8742Z" fill="hsl(var(--foreground-lighter))"></path></svg></div><svg class="absolute w-full h-auto object-cover object-center inset-0 z-10" width="100%" height="100%" viewBox="0 0 438 210" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_227_7371)"><path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M23.4878 244.762V271.863H-4V272.637H23.4878V299.738H-4V300.512H23.4878V328H24.2622V300.512H51.3628V328H52.1372V300.512H79.2379V328H80.0122V300.512H107.113V328H107.887V300.512H134.988V328H135.762V300.512H162.863V328H163.637V300.512H190.738V328H191.512V300.512H218.613V328H219.387V300.512H246.488V328H247.262V300.512H274.363V328H275.137V300.512H302.238V328H303.012V300.512H330.113V328H330.887V300.512H357.988V328H358.762V300.512H385.863V328H386.637V300.512H413.738V328H414.512V300.512H442V299.738H414.512V272.637H442V271.863H414.512V244.762H442V243.988H414.512V216.887H442V216.113H414.512V189.012H442V188.238H414.512V161.137H442V160.363H414.512V133.262H442V132.488H414.512V105.387H442V104.613H414.512V77.5122H442V76.7379H414.512V49.6372H442V48.8629H414.512V21.7622H442V20.9879H414.512V-6.11284H442V-6.88715H414.512V-33.9878H442V-34.7621H414.512V-61.8628H442V-62.6372H414.512V-89.7378H442V-90.5122H414.512V-118H413.738V-90.5122H386.637V-118H385.863V-90.5122H358.762V-118H357.988V-90.5122H330.887V-118H330.113V-90.5122H303.012V-118H302.238V-90.5122H275.137V-118H274.363V-90.5122H247.262V-118H246.488V-90.5122H219.387V-118H218.613V-90.5122H191.512V-118H190.738V-90.5122H163.637V-118H162.863V-90.5122H135.762V-118H134.988V-90.5122H107.887V-118H107.113V-90.5122H80.0122V-118H79.2379V-90.5122H52.1372V-118H51.3628V-90.5122H24.2622V-118H23.4878V-90.5122H-4V-89.7379H23.4878V-62.6372H-4V-61.8629H23.4878V-34.7622H-4V-33.9879H23.4878V-6.88717H-4V-6.11287H23.4878V20.9878H-4V21.7621H23.4878V48.8628H-4V49.6371H23.4878V76.7378H-4V77.5121H23.4878V104.613H-4V105.387H23.4878V132.488H-4V133.262H23.4878V160.363H-4V161.137H23.4878V188.238H-4V189.012H23.4878V216.113H-4V216.887H23.4878V243.988H-4V244.762H23.4878ZM413.738 299.738V272.637H386.637V299.738H413.738ZM385.863 299.738V272.637H358.762V299.738H385.863ZM357.988 299.738V272.637H330.887V299.738H357.988ZM330.113 299.738V272.637H303.012V299.738H330.113ZM302.238 299.738V272.637H275.137V299.738H302.238ZM274.363 299.738V272.637H247.262V299.738H274.363ZM246.488 299.738V272.637H219.387V299.738H246.488ZM218.613 299.738V272.637H191.512V299.738H218.613ZM190.738 299.738V272.637H163.637V299.738H190.738ZM162.863 299.738V272.637H135.762V299.738H162.863ZM134.988 299.738V272.637H107.887V299.738H134.988ZM107.113 299.738V272.637H80.0122V299.738H107.113ZM79.2379 299.738V272.637H52.1372V299.738H79.2379ZM51.3628 299.738V272.637H24.2622V299.738H51.3628ZM51.3628 271.863H24.2622V244.762H51.3628V271.863ZM79.2379 271.863H52.1372V244.762H79.2379V271.863ZM107.113 271.863H80.0122V244.762H107.113V271.863ZM134.988 271.863H107.887V244.762H134.988V271.863ZM162.863 271.863H135.762V244.762H162.863V271.863ZM190.738 271.863H163.637V244.762H190.738V271.863ZM218.613 271.863H191.512V244.762H218.613V271.863ZM246.488 271.863H219.387V244.762H246.488V271.863ZM274.363 271.863H247.262V244.762H274.363V271.863ZM302.238 271.863H275.137V244.762H302.238V271.863ZM330.113 271.863H303.012V244.762H330.113V271.863ZM357.988 271.863H330.887V244.762H357.988V271.863ZM385.863 271.863H358.762V244.762H385.863V271.863ZM413.738 271.863H386.637V244.762H413.738V271.863ZM413.738 -89.7378H386.637V-62.6372H413.738V-89.7378ZM413.738 -61.8629H386.637V-34.7622H413.738V-61.8629ZM413.738 -33.9879H386.637V-6.88716H413.738V-33.9879ZM413.738 -6.11286H386.637V20.9878H413.738V-6.11286ZM413.738 21.7621H386.637V48.8628H413.738V21.7621ZM413.738 49.6371H386.637V76.7378H413.738V49.6371ZM413.738 77.5121H386.637V104.613H413.738V77.5121ZM413.738 105.387H386.637V132.488H413.738V105.387ZM413.738 133.262H386.637V160.363H413.738V133.262ZM413.738 161.137H386.637V188.238H413.738V161.137ZM413.738 189.012H386.637V216.113H413.738V189.012ZM413.738 216.887H386.637V243.988H413.738V216.887ZM385.863 216.887V243.988H358.762V216.887H385.863ZM385.863 189.012V216.113H358.762V189.012H385.863ZM385.863 161.137V188.238H358.762V161.137H385.863ZM385.863 133.262V160.363H358.762V133.262H385.863ZM385.863 105.387V132.488H358.762V105.387H385.863ZM385.863 77.5121V104.613H358.762V77.5121H385.863ZM385.863 49.6371V76.7378H358.762V49.6371H385.863ZM385.863 21.7621V48.8628H358.762V21.7621H385.863ZM385.863 -6.11286V20.9878H358.762V-6.11286H385.863ZM385.863 -33.9879V-6.88716H358.762V-33.9879H385.863ZM385.863 -61.8629V-34.7622H358.762V-61.8629H385.863ZM385.863 -89.7378V-62.6372H358.762V-89.7378H385.863ZM24.2622 243.988H51.3628V216.887H24.2622V243.988ZM52.1372 243.988H79.2379V216.887H52.1372V243.988ZM80.0122 243.988H107.113V216.887H80.0122V243.988ZM107.887 243.988H134.988V216.887H107.887V243.988ZM135.762 243.988H162.863V216.887H135.762V243.988ZM163.637 243.988H190.738V216.887H163.637V243.988ZM191.512 243.988H218.613V216.887H191.512V243.988ZM219.387 243.988H246.488V216.887H219.387V243.988ZM247.262 243.988H274.363V216.887H247.262V243.988ZM275.137 243.988H302.238V216.887H275.137V243.988ZM303.012 243.988H330.113V216.887H303.012V243.988ZM330.887 243.988H357.988V216.887H330.887V243.988ZM357.988 189.012V216.113H330.887V189.012H357.988ZM357.988 161.137V188.238H330.887V161.137H357.988ZM357.988 133.262V160.363H330.887V133.262H357.988ZM357.988 105.387V132.488H330.887V105.387H357.988ZM357.988 77.5121V104.613H330.887V77.5121H357.988ZM357.988 49.6371V76.7378H330.887V49.6371H357.988ZM357.988 21.7621V48.8628H330.887V21.7621H357.988ZM357.988 -6.11286V20.9878H330.887V-6.11286H357.988ZM357.988 -33.9879V-6.88716H330.887V-33.9879H357.988ZM357.988 -61.8629V-34.7622H330.887V-61.8629H357.988ZM357.988 -89.7379V-62.6372H330.887V-89.7379H357.988ZM24.2622 216.113H51.3628V189.012H24.2622V216.113ZM52.1372 216.113H79.2379V189.012H52.1372V216.113ZM80.0122 216.113H107.113V189.012H80.0122V216.113ZM107.887 216.113H134.988V189.012H107.887V216.113ZM135.762 216.113H162.863V189.012H135.762V216.113ZM163.637 216.113H190.738V189.012H163.637V216.113ZM191.512 216.113H218.613V189.012H191.512V216.113ZM219.387 216.113H246.488V189.012H219.387V216.113ZM247.262 216.113H274.363V189.012H247.262V216.113ZM275.137 216.113H302.238V189.012H275.137V216.113ZM303.012 216.113H330.113V189.012H303.012V216.113ZM330.113 161.137V188.238H303.012V161.137H330.113ZM330.113 133.262V160.363H303.012V133.262H330.113ZM330.113 105.387V132.488H303.012V105.387H330.113ZM330.113 77.5121V104.613H303.012V77.5121H330.113ZM330.113 49.6371V76.7378H303.012V49.6371H330.113ZM330.113 21.7621V48.8628H303.012V21.7621H330.113ZM330.113 -6.11286V20.9878H303.012V-6.11286H330.113ZM330.113 -33.9879V-6.88716H303.012V-33.9879H330.113ZM330.113 -61.8629V-34.7622H303.012V-61.8629H330.113ZM330.113 -89.7379V-62.6372H303.012V-89.7379H330.113ZM24.2622 188.238H51.3628V161.137H24.2622V188.238ZM52.1372 188.238H79.2379V161.137H52.1372V188.238ZM80.0122 188.238H107.113V161.137H80.0122V188.238ZM107.887 188.238H134.988V161.137H107.887V188.238ZM135.762 188.238H162.863V161.137H135.762V188.238ZM163.637 188.238H190.738V161.137H163.637V188.238ZM191.512 188.238H218.613V161.137H191.512V188.238ZM219.387 188.238H246.488V161.137H219.387V188.238ZM247.262 188.238H274.363V161.137H247.262V188.238ZM275.137 188.238H302.238V161.137H275.137V188.238ZM302.238 133.262V160.363H275.137V133.262H302.238ZM302.238 105.387V132.488H275.137V105.387H302.238ZM302.238 77.5121V104.613H275.137V77.5121H302.238ZM302.238 49.6371V76.7378H275.137V49.6371H302.238ZM302.238 21.7621V48.8628H275.137V21.7621H302.238ZM302.238 -6.11286V20.9878H275.137V-6.11286H302.238ZM302.238 -33.9879V-6.88716H275.137V-33.9879H302.238ZM302.238 -61.8629V-34.7622H275.137V-61.8629H302.238ZM302.238 -89.7379V-62.6372H275.137V-89.7379H302.238ZM24.2622 160.363H51.3628V133.262H24.2622V160.363ZM52.1372 160.363H79.2379V133.262H52.1372V160.363ZM80.0122 160.363H107.113V133.262H80.0122V160.363ZM107.887 160.363H134.988V133.262H107.887V160.363ZM135.762 160.363H162.863V133.262H135.762V160.363ZM163.637 160.363H190.738V133.262H163.637V160.363ZM191.512 160.363H218.613V133.262H191.512V160.363ZM219.387 160.363H246.488V133.262H219.387V160.363ZM247.262 160.363H274.363V133.262H247.262V160.363ZM274.363 105.387V132.488H247.262V105.387H274.363ZM274.363 77.5121V104.613H247.262V77.5121H274.363ZM274.363 49.6371V76.7378H247.262V49.6371H274.363ZM274.363 21.7621V48.8628H247.262V21.7621H274.363ZM274.363 -6.11286V20.9878H247.262V-6.11286H274.363ZM274.363 -33.9879V-6.88716H247.262V-33.9879H274.363ZM274.363 -61.8629V-34.7622H247.262V-61.8629H274.363ZM274.363 -89.7379V-62.6372H247.262V-89.7379H274.363ZM24.2622 132.488H51.3628V105.387H24.2622V132.488ZM52.1372 132.488H79.2379V105.387H52.1372V132.488ZM80.0122 132.488H107.113V105.387H80.0122V132.488ZM107.887 132.488H134.988V105.387H107.887V132.488ZM135.762 132.488H162.863V105.387H135.762V132.488ZM163.637 132.488H190.738V105.387H163.637V132.488ZM191.512 132.488H218.613V105.387H191.512V132.488ZM219.387 132.488H246.488V105.387H219.387V132.488ZM246.488 77.5121V104.613H219.387V77.5121H246.488ZM246.488 49.6371V76.7378H219.387V49.6371H246.488ZM246.488 21.7621V48.8628H219.387V21.7621H246.488ZM246.488 -6.11286V20.9878H219.387V-6.11286H246.488ZM246.488 -33.9879V-6.88716H219.387V-33.9879H246.488ZM246.488 -61.8629V-34.7622H219.387V-61.8629H246.488ZM246.488 -89.7379V-62.6372H219.387V-89.7379H246.488ZM24.2622 104.613H51.3628V77.5121H24.2622V104.613ZM52.1372 104.613H79.2379V77.5121H52.1372V104.613ZM80.0122 104.613H107.113V77.5121H80.0122V104.613ZM107.887 104.613H134.988V77.5121H107.887V104.613ZM135.762 104.613H162.863V77.5121H135.762V104.613ZM163.637 104.613H190.738V77.5121H163.637V104.613ZM191.512 104.613H218.613V77.5121H191.512V104.613ZM218.613 49.6371V76.7378H191.512V49.6371H218.613ZM218.613 21.7621V48.8628H191.512V21.7621H218.613ZM218.613 -6.11286V20.9878H191.512V-6.11286H218.613ZM218.613 -33.9879V-6.88716H191.512V-33.9879H218.613ZM218.613 -61.8629V-34.7622H191.512V-61.8629H218.613ZM218.613 -89.7379V-62.6372H191.512V-89.7379H218.613ZM24.2622 76.7378H51.3628V49.6371H24.2622V76.7378ZM52.1372 76.7378H79.2379V49.6371H52.1372V76.7378ZM80.0122 76.7378H107.113V49.6371H80.0122V76.7378ZM107.887 76.7378H134.988V49.6371H107.887V76.7378ZM135.762 76.7378H162.863V49.6371H135.762V76.7378ZM163.637 76.7378H190.738V49.6371H163.637V76.7378ZM190.738 21.7621V48.8628H163.637V21.7621H190.738ZM190.738 -6.11286V20.9878H163.637V-6.11286H190.738ZM190.738 -33.9879V-6.88716H163.637V-33.9879H190.738ZM190.738 -61.8629V-34.7622H163.637V-61.8629H190.738ZM190.738 -89.7379V-62.6372H163.637V-89.7379H190.738ZM24.2622 48.8628H51.3628V21.7621H24.2622V48.8628ZM52.1372 48.8628H79.2379V21.7621H52.1372V48.8628ZM80.0122 48.8628H107.113V21.7621H80.0122V48.8628ZM107.887 48.8628H134.988V21.7621H107.887V48.8628ZM135.762 48.8628H162.863V21.7621H135.762V48.8628ZM162.863 -6.11286V20.9878H135.762V-6.11286H162.863ZM162.863 -33.9879V-6.88716H135.762V-33.9879H162.863ZM162.863 -61.8629V-34.7622H135.762V-61.8629H162.863ZM162.863 -89.7379V-62.6372H135.762V-89.7379H162.863ZM24.2622 20.9878H51.3628V-6.11287H24.2622V20.9878ZM52.1372 20.9878H79.2379V-6.11287H52.1372V20.9878ZM80.0122 20.9878H107.113V-6.11287H80.0122V20.9878ZM107.887 20.9878H134.988V-6.11286H107.887V20.9878ZM134.988 -33.9879V-6.88716H107.887V-33.9879H134.988ZM134.988 -61.8629V-34.7622H107.887V-61.8629H134.988ZM134.988 -89.7379V-62.6372H107.887V-89.7379H134.988ZM24.2622 -6.88717H51.3628V-33.9879H24.2622V-6.88717ZM52.1372 -6.88717H79.2379V-33.9879L52.1372 -33.9879V-6.88717ZM80.0122 -6.88717H107.113V-33.9879H80.0122V-6.88717ZM107.113 -61.8629V-34.7622H80.0122V-61.8629H107.113ZM107.113 -89.7379V-62.6372H80.0122V-89.7379H107.113ZM24.2622 -34.7622H51.3628V-61.8629H24.2622V-34.7622ZM52.1372 -34.7622L79.2379 -34.7622V-61.8629H52.1372V-34.7622ZM79.2379 -89.7379V-62.6372H52.1372V-89.7379H79.2379ZM24.2622 -62.6372H51.3628V-89.7379H24.2622V-62.6372Z" fill="url(#paint0_radial_227_7371)" fill-opacity="0.6"></path></g><defs><radialGradient id="paint0_radial_227_7371" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(219 174.242) rotate(90) scale(185.324)"><stop stop-color="white"></stop><stop offset="1" stop-color="#7298F9" stop-opacity="0"></stop></radialGradient><clipPath id="clip0_227_7371"><rect width="438" height="210" fill="white"></rect></clipPath></defs></svg></div><div class="p-5 flex flex-col gap-2 border-t border-muted"><div class="flex items-start justify-between"><h4 class="text-foreground text-lg">AI Chatbot</h4></div><p class="text-sm text-foreground-lighter">An open-source AI chatbot app template built with Next.js, the Vercel AI SDK, OpenAI, and Supabase.</p></div></div><div><div class="flex flex-col justify-between p-5 pt-0"><div class="flex items-stretch gap-2"><button data-size="tiny" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border hover:bg-surface-300 shadow-none focus-visible:outline-border-strong data-[state=open]:bg-surface-300 data-[state=open]:outline-border-strong border-transparent text-xs px-2.5 py-1 h-[26px] group overflow-hidden text-foreground-lighter group-hover/panel:text-foreground !bg-transparent !p-0"> <span class="truncate">View Template</span> <div class="[&amp;_svg]:h-[14px] [&amp;_svg]:w-[14px] text-foreground-lighter"><div class="relative w-3.5 h-3.5 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right absolute w-3.5 h-3.5 inset-0 transition-transform duration-200 translate-x-0 translate-y-0 group-hover/panel:translate-x-6 group-hover/panel:-translate-y-6"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></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-arrow-up-right absolute w-3.5 h-3.5 inset-0 transition-transform duration-200 -translate-x-6 translate-y-6 group-hover/panel:translate-x-0 group-hover/panel:-translate-y-0"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></button></div></div></div><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="col-span-12 h-full lg:col-span-6 xl:col-span-4 flex items-stretch"><a class="w-full h-full" target="_blank" href="https://github.com/langchain-ai/langchain-nextjs-template"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger h-full"><div class="relative z-10 w-full h-full rounded-[11px] overflow-hidden text-foreground-light bg-surface-75 group/panel"><div class="flex flex-col justify-between"><div class="relative w-full aspect-[3/1] bg flex items-center justify-center gap-4 overflow-hidden"><div title="LangChain" class="relative z-10"><svg role="img" width="35" height="35" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><title>LangChain logo</title><path fill-rule="evenodd" clip-rule="evenodd" d="M73.9315 24.8378C69.7739 20.5409 62.7041 20.9468 57.0498 27.2696C54.8454 29.7344 53.4624 31.9895 52.8472 34.0886C50.1739 34.6786 47.403 36.3156 44.9084 39.1059C39.2529 45.4299 39.004 50.3753 43.2454 54.8343C47.4868 59.2933 52.9748 59.2933 59.7119 53.2131C62.4866 50.7093 64.0321 48.1909 64.6023 45.7944C66.833 45.1678 69.25 43.7258 71.8533 41.3756C78.5892 35.2966 78.0903 29.1347 73.9315 24.8378ZM56.8835 50.2949C52.2896 54.4418 49.1098 55.0415 46.2176 52.0002C43.3254 48.9589 44.0457 46.0955 47.9019 41.7827C49.4624 40.0372 51.0917 38.8706 52.6647 38.2928C53.0398 39.9397 53.9576 41.4975 55.3868 42.9993C56.8548 44.5425 58.4715 45.5506 60.2384 45.959C59.6644 47.3254 58.5691 48.7736 56.8835 50.2949ZM57.0423 38.3172C57.6963 38.6073 58.3102 39.0376 58.8667 39.613C59.4819 40.2493 59.952 40.9161 60.2659 41.6145C59.6094 41.2964 58.978 40.8137 58.359 40.1627C57.7713 39.5447 57.3349 38.934 57.0423 38.3172ZM69.0249 38.4586C67.3857 39.9384 65.9277 40.9636 64.5985 41.5353C64.1596 39.7556 63.1793 38.1112 61.7901 36.6752C60.4847 35.3271 58.8929 34.4421 57.1486 34.0569C57.7063 32.8196 58.6766 31.4751 60.0433 29.9465C63.9008 25.6338 68.1709 24.8475 71.0081 27.7779C73.8452 30.7084 73.6201 34.3104 69.0249 38.4586Z M38.0887 53.8616C38.8377 53.4557 36.3419 51.6723 34.5126 49.8889C28.1918 38.5391 24.3668 35.0528 21.7885 33.2694C19.2102 31.4861 18.2124 30.1891 15.9666 26.459C13.7222 22.7302 11.3939 22.6485 10.0635 22.568C8.73307 22.4864 5.32323 22.8118 4.99062 25.5679C2.24599 27.1892 2.77366 31.2155 3.9928 32.1346C3.93778 31.4861 4.03407 31.0131 4.38043 30.7291C4.99062 31.4312 5.87716 31.7018 7.8728 31.5397C9.70213 34.0264 9.09194 33.3231 10.201 38.2953C11.3102 43.2675 11.0326 43.3759 16.0779 47.2669C15.8566 52.6719 17.1308 52.077 17.1308 52.077C17.1308 52.077 17.1308 52.5634 16.9645 53.5361C15.579 54.4552 14.7463 53.9688 13.971 53.8604C13.1945 53.7519 12.4193 53.4825 11.6428 53.914C11.3102 53.914 10.091 54.3467 10.146 55.211C10.2573 54.9404 10.6449 54.7782 11.2551 54.7246C11.4214 55.1573 12.0866 55.211 12.0866 55.211C12.0866 55.211 11.6428 55.9131 12.1417 56.2374C12.1417 55.9667 12.363 55.751 12.8619 55.5889C13.1945 55.8595 13.3058 56.1289 14.1373 55.6974C14.9688 55.2646 15.0801 54.9404 17.6859 54.8331C16.5768 55.1037 16.7994 56.3458 16.7994 56.3458C16.7994 56.3458 17.3533 55.3731 18.4074 55.968C19.4615 56.5628 19.7929 55.2378 21.5397 55.6437C20.2093 55.7254 20.2093 57.4271 20.2093 57.4271C20.2093 57.4271 20.4593 56.4543 21.2071 57.1028C21.9548 57.7513 22.7038 56.3727 24.118 55.8058C25.5322 55.2378 26.28 56.536 26.6126 55.7242C26.9452 54.9136 28.0268 55.8058 28.0268 55.8058C28.0268 55.8058 28.2768 54.8331 26.53 54.671C24.7832 54.5089 24.3681 54.7527 23.9517 53.7787C25.1158 53.5349 25.1158 50.8605 25.1158 50.8605C25.1158 50.8605 28.2756 51.509 31.2703 51.9953C32.6845 53.6982 33.516 54.8331 35.1791 54.9952C36.0106 55.4816 37.0922 55.7254 38.0062 55.4816C40.9172 56.1313 40.1682 55.4024 38.0887 53.8616ZM8.73307 26.7833C8.0441 26.7833 7.48517 26.2384 7.48517 25.5667C7.48517 24.8951 8.0441 24.3502 8.73307 24.3502C9.42204 24.3502 9.98097 24.8951 9.98097 25.5667C9.98097 26.2384 9.42204 26.7833 8.73307 26.7833Z" fill="hsl(var(--foreground-lighter))"></path></svg></div><div title="Next.js" class="relative z-10"><svg role="img" width="35" height="35" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Next.js logo</title><path fill-rule="evenodd" clip-rule="evenodd" d="M56.1984 63.6323C51.7018 66.6266 46.3019 68.3716 40.4944 68.3716C24.8264 68.3716 12.125 55.6702 12.125 40.0022C12.125 24.3342 24.8264 11.6328 40.4944 11.6328C56.1624 11.6328 68.8638 24.3342 68.8638 40.0022C68.8638 48.4568 65.1655 56.0475 59.2983 61.2449L52.5615 52.5671V28.2656H48.6484V47.5267L33.6954 28.2656H28.7578V51.734H32.7079V33.282L56.1984 63.6323Z" fill="hsl(var(--foreground-lighter))"></path></svg></div><svg class="absolute w-full h-auto object-cover object-center inset-0 z-10" width="100%" height="100%" viewBox="0 0 438 210" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_227_7371)"><path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M23.4878 244.762V271.863H-4V272.637H23.4878V299.738H-4V300.512H23.4878V328H24.2622V300.512H51.3628V328H52.1372V300.512H79.2379V328H80.0122V300.512H107.113V328H107.887V300.512H134.988V328H135.762V300.512H162.863V328H163.637V300.512H190.738V328H191.512V300.512H218.613V328H219.387V300.512H246.488V328H247.262V300.512H274.363V328H275.137V300.512H302.238V328H303.012V300.512H330.113V328H330.887V300.512H357.988V328H358.762V300.512H385.863V328H386.637V300.512H413.738V328H414.512V300.512H442V299.738H414.512V272.637H442V271.863H414.512V244.762H442V243.988H414.512V216.887H442V216.113H414.512V189.012H442V188.238H414.512V161.137H442V160.363H414.512V133.262H442V132.488H414.512V105.387H442V104.613H414.512V77.5122H442V76.7379H414.512V49.6372H442V48.8629H414.512V21.7622H442V20.9879H414.512V-6.11284H442V-6.88715H414.512V-33.9878H442V-34.7621H414.512V-61.8628H442V-62.6372H414.512V-89.7378H442V-90.5122H414.512V-118H413.738V-90.5122H386.637V-118H385.863V-90.5122H358.762V-118H357.988V-90.5122H330.887V-118H330.113V-90.5122H303.012V-118H302.238V-90.5122H275.137V-118H274.363V-90.5122H247.262V-118H246.488V-90.5122H219.387V-118H218.613V-90.5122H191.512V-118H190.738V-90.5122H163.637V-118H162.863V-90.5122H135.762V-118H134.988V-90.5122H107.887V-118H107.113V-90.5122H80.0122V-118H79.2379V-90.5122H52.1372V-118H51.3628V-90.5122H24.2622V-118H23.4878V-90.5122H-4V-89.7379H23.4878V-62.6372H-4V-61.8629H23.4878V-34.7622H-4V-33.9879H23.4878V-6.88717H-4V-6.11287H23.4878V20.9878H-4V21.7621H23.4878V48.8628H-4V49.6371H23.4878V76.7378H-4V77.5121H23.4878V104.613H-4V105.387H23.4878V132.488H-4V133.262H23.4878V160.363H-4V161.137H23.4878V188.238H-4V189.012H23.4878V216.113H-4V216.887H23.4878V243.988H-4V244.762H23.4878ZM413.738 299.738V272.637H386.637V299.738H413.738ZM385.863 299.738V272.637H358.762V299.738H385.863ZM357.988 299.738V272.637H330.887V299.738H357.988ZM330.113 299.738V272.637H303.012V299.738H330.113ZM302.238 299.738V272.637H275.137V299.738H302.238ZM274.363 299.738V272.637H247.262V299.738H274.363ZM246.488 299.738V272.637H219.387V299.738H246.488ZM218.613 299.738V272.637H191.512V299.738H218.613ZM190.738 299.738V272.637H163.637V299.738H190.738ZM162.863 299.738V272.637H135.762V299.738H162.863ZM134.988 299.738V272.637H107.887V299.738H134.988ZM107.113 299.738V272.637H80.0122V299.738H107.113ZM79.2379 299.738V272.637H52.1372V299.738H79.2379ZM51.3628 299.738V272.637H24.2622V299.738H51.3628ZM51.3628 271.863H24.2622V244.762H51.3628V271.863ZM79.2379 271.863H52.1372V244.762H79.2379V271.863ZM107.113 271.863H80.0122V244.762H107.113V271.863ZM134.988 271.863H107.887V244.762H134.988V271.863ZM162.863 271.863H135.762V244.762H162.863V271.863ZM190.738 271.863H163.637V244.762H190.738V271.863ZM218.613 271.863H191.512V244.762H218.613V271.863ZM246.488 271.863H219.387V244.762H246.488V271.863ZM274.363 271.863H247.262V244.762H274.363V271.863ZM302.238 271.863H275.137V244.762H302.238V271.863ZM330.113 271.863H303.012V244.762H330.113V271.863ZM357.988 271.863H330.887V244.762H357.988V271.863ZM385.863 271.863H358.762V244.762H385.863V271.863ZM413.738 271.863H386.637V244.762H413.738V271.863ZM413.738 -89.7378H386.637V-62.6372H413.738V-89.7378ZM413.738 -61.8629H386.637V-34.7622H413.738V-61.8629ZM413.738 -33.9879H386.637V-6.88716H413.738V-33.9879ZM413.738 -6.11286H386.637V20.9878H413.738V-6.11286ZM413.738 21.7621H386.637V48.8628H413.738V21.7621ZM413.738 49.6371H386.637V76.7378H413.738V49.6371ZM413.738 77.5121H386.637V104.613H413.738V77.5121ZM413.738 105.387H386.637V132.488H413.738V105.387ZM413.738 133.262H386.637V160.363H413.738V133.262ZM413.738 161.137H386.637V188.238H413.738V161.137ZM413.738 189.012H386.637V216.113H413.738V189.012ZM413.738 216.887H386.637V243.988H413.738V216.887ZM385.863 216.887V243.988H358.762V216.887H385.863ZM385.863 189.012V216.113H358.762V189.012H385.863ZM385.863 161.137V188.238H358.762V161.137H385.863ZM385.863 133.262V160.363H358.762V133.262H385.863ZM385.863 105.387V132.488H358.762V105.387H385.863ZM385.863 77.5121V104.613H358.762V77.5121H385.863ZM385.863 49.6371V76.7378H358.762V49.6371H385.863ZM385.863 21.7621V48.8628H358.762V21.7621H385.863ZM385.863 -6.11286V20.9878H358.762V-6.11286H385.863ZM385.863 -33.9879V-6.88716H358.762V-33.9879H385.863ZM385.863 -61.8629V-34.7622H358.762V-61.8629H385.863ZM385.863 -89.7378V-62.6372H358.762V-89.7378H385.863ZM24.2622 243.988H51.3628V216.887H24.2622V243.988ZM52.1372 243.988H79.2379V216.887H52.1372V243.988ZM80.0122 243.988H107.113V216.887H80.0122V243.988ZM107.887 243.988H134.988V216.887H107.887V243.988ZM135.762 243.988H162.863V216.887H135.762V243.988ZM163.637 243.988H190.738V216.887H163.637V243.988ZM191.512 243.988H218.613V216.887H191.512V243.988ZM219.387 243.988H246.488V216.887H219.387V243.988ZM247.262 243.988H274.363V216.887H247.262V243.988ZM275.137 243.988H302.238V216.887H275.137V243.988ZM303.012 243.988H330.113V216.887H303.012V243.988ZM330.887 243.988H357.988V216.887H330.887V243.988ZM357.988 189.012V216.113H330.887V189.012H357.988ZM357.988 161.137V188.238H330.887V161.137H357.988ZM357.988 133.262V160.363H330.887V133.262H357.988ZM357.988 105.387V132.488H330.887V105.387H357.988ZM357.988 77.5121V104.613H330.887V77.5121H357.988ZM357.988 49.6371V76.7378H330.887V49.6371H357.988ZM357.988 21.7621V48.8628H330.887V21.7621H357.988ZM357.988 -6.11286V20.9878H330.887V-6.11286H357.988ZM357.988 -33.9879V-6.88716H330.887V-33.9879H357.988ZM357.988 -61.8629V-34.7622H330.887V-61.8629H357.988ZM357.988 -89.7379V-62.6372H330.887V-89.7379H357.988ZM24.2622 216.113H51.3628V189.012H24.2622V216.113ZM52.1372 216.113H79.2379V189.012H52.1372V216.113ZM80.0122 216.113H107.113V189.012H80.0122V216.113ZM107.887 216.113H134.988V189.012H107.887V216.113ZM135.762 216.113H162.863V189.012H135.762V216.113ZM163.637 216.113H190.738V189.012H163.637V216.113ZM191.512 216.113H218.613V189.012H191.512V216.113ZM219.387 216.113H246.488V189.012H219.387V216.113ZM247.262 216.113H274.363V189.012H247.262V216.113ZM275.137 216.113H302.238V189.012H275.137V216.113ZM303.012 216.113H330.113V189.012H303.012V216.113ZM330.113 161.137V188.238H303.012V161.137H330.113ZM330.113 133.262V160.363H303.012V133.262H330.113ZM330.113 105.387V132.488H303.012V105.387H330.113ZM330.113 77.5121V104.613H303.012V77.5121H330.113ZM330.113 49.6371V76.7378H303.012V49.6371H330.113ZM330.113 21.7621V48.8628H303.012V21.7621H330.113ZM330.113 -6.11286V20.9878H303.012V-6.11286H330.113ZM330.113 -33.9879V-6.88716H303.012V-33.9879H330.113ZM330.113 -61.8629V-34.7622H303.012V-61.8629H330.113ZM330.113 -89.7379V-62.6372H303.012V-89.7379H330.113ZM24.2622 188.238H51.3628V161.137H24.2622V188.238ZM52.1372 188.238H79.2379V161.137H52.1372V188.238ZM80.0122 188.238H107.113V161.137H80.0122V188.238ZM107.887 188.238H134.988V161.137H107.887V188.238ZM135.762 188.238H162.863V161.137H135.762V188.238ZM163.637 188.238H190.738V161.137H163.637V188.238ZM191.512 188.238H218.613V161.137H191.512V188.238ZM219.387 188.238H246.488V161.137H219.387V188.238ZM247.262 188.238H274.363V161.137H247.262V188.238ZM275.137 188.238H302.238V161.137H275.137V188.238ZM302.238 133.262V160.363H275.137V133.262H302.238ZM302.238 105.387V132.488H275.137V105.387H302.238ZM302.238 77.5121V104.613H275.137V77.5121H302.238ZM302.238 49.6371V76.7378H275.137V49.6371H302.238ZM302.238 21.7621V48.8628H275.137V21.7621H302.238ZM302.238 -6.11286V20.9878H275.137V-6.11286H302.238ZM302.238 -33.9879V-6.88716H275.137V-33.9879H302.238ZM302.238 -61.8629V-34.7622H275.137V-61.8629H302.238ZM302.238 -89.7379V-62.6372H275.137V-89.7379H302.238ZM24.2622 160.363H51.3628V133.262H24.2622V160.363ZM52.1372 160.363H79.2379V133.262H52.1372V160.363ZM80.0122 160.363H107.113V133.262H80.0122V160.363ZM107.887 160.363H134.988V133.262H107.887V160.363ZM135.762 160.363H162.863V133.262H135.762V160.363ZM163.637 160.363H190.738V133.262H163.637V160.363ZM191.512 160.363H218.613V133.262H191.512V160.363ZM219.387 160.363H246.488V133.262H219.387V160.363ZM247.262 160.363H274.363V133.262H247.262V160.363ZM274.363 105.387V132.488H247.262V105.387H274.363ZM274.363 77.5121V104.613H247.262V77.5121H274.363ZM274.363 49.6371V76.7378H247.262V49.6371H274.363ZM274.363 21.7621V48.8628H247.262V21.7621H274.363ZM274.363 -6.11286V20.9878H247.262V-6.11286H274.363ZM274.363 -33.9879V-6.88716H247.262V-33.9879H274.363ZM274.363 -61.8629V-34.7622H247.262V-61.8629H274.363ZM274.363 -89.7379V-62.6372H247.262V-89.7379H274.363ZM24.2622 132.488H51.3628V105.387H24.2622V132.488ZM52.1372 132.488H79.2379V105.387H52.1372V132.488ZM80.0122 132.488H107.113V105.387H80.0122V132.488ZM107.887 132.488H134.988V105.387H107.887V132.488ZM135.762 132.488H162.863V105.387H135.762V132.488ZM163.637 132.488H190.738V105.387H163.637V132.488ZM191.512 132.488H218.613V105.387H191.512V132.488ZM219.387 132.488H246.488V105.387H219.387V132.488ZM246.488 77.5121V104.613H219.387V77.5121H246.488ZM246.488 49.6371V76.7378H219.387V49.6371H246.488ZM246.488 21.7621V48.8628H219.387V21.7621H246.488ZM246.488 -6.11286V20.9878H219.387V-6.11286H246.488ZM246.488 -33.9879V-6.88716H219.387V-33.9879H246.488ZM246.488 -61.8629V-34.7622H219.387V-61.8629H246.488ZM246.488 -89.7379V-62.6372H219.387V-89.7379H246.488ZM24.2622 104.613H51.3628V77.5121H24.2622V104.613ZM52.1372 104.613H79.2379V77.5121H52.1372V104.613ZM80.0122 104.613H107.113V77.5121H80.0122V104.613ZM107.887 104.613H134.988V77.5121H107.887V104.613ZM135.762 104.613H162.863V77.5121H135.762V104.613ZM163.637 104.613H190.738V77.5121H163.637V104.613ZM191.512 104.613H218.613V77.5121H191.512V104.613ZM218.613 49.6371V76.7378H191.512V49.6371H218.613ZM218.613 21.7621V48.8628H191.512V21.7621H218.613ZM218.613 -6.11286V20.9878H191.512V-6.11286H218.613ZM218.613 -33.9879V-6.88716H191.512V-33.9879H218.613ZM218.613 -61.8629V-34.7622H191.512V-61.8629H218.613ZM218.613 -89.7379V-62.6372H191.512V-89.7379H218.613ZM24.2622 76.7378H51.3628V49.6371H24.2622V76.7378ZM52.1372 76.7378H79.2379V49.6371H52.1372V76.7378ZM80.0122 76.7378H107.113V49.6371H80.0122V76.7378ZM107.887 76.7378H134.988V49.6371H107.887V76.7378ZM135.762 76.7378H162.863V49.6371H135.762V76.7378ZM163.637 76.7378H190.738V49.6371H163.637V76.7378ZM190.738 21.7621V48.8628H163.637V21.7621H190.738ZM190.738 -6.11286V20.9878H163.637V-6.11286H190.738ZM190.738 -33.9879V-6.88716H163.637V-33.9879H190.738ZM190.738 -61.8629V-34.7622H163.637V-61.8629H190.738ZM190.738 -89.7379V-62.6372H163.637V-89.7379H190.738ZM24.2622 48.8628H51.3628V21.7621H24.2622V48.8628ZM52.1372 48.8628H79.2379V21.7621H52.1372V48.8628ZM80.0122 48.8628H107.113V21.7621H80.0122V48.8628ZM107.887 48.8628H134.988V21.7621H107.887V48.8628ZM135.762 48.8628H162.863V21.7621H135.762V48.8628ZM162.863 -6.11286V20.9878H135.762V-6.11286H162.863ZM162.863 -33.9879V-6.88716H135.762V-33.9879H162.863ZM162.863 -61.8629V-34.7622H135.762V-61.8629H162.863ZM162.863 -89.7379V-62.6372H135.762V-89.7379H162.863ZM24.2622 20.9878H51.3628V-6.11287H24.2622V20.9878ZM52.1372 20.9878H79.2379V-6.11287H52.1372V20.9878ZM80.0122 20.9878H107.113V-6.11287H80.0122V20.9878ZM107.887 20.9878H134.988V-6.11286H107.887V20.9878ZM134.988 -33.9879V-6.88716H107.887V-33.9879H134.988ZM134.988 -61.8629V-34.7622H107.887V-61.8629H134.988ZM134.988 -89.7379V-62.6372H107.887V-89.7379H134.988ZM24.2622 -6.88717H51.3628V-33.9879H24.2622V-6.88717ZM52.1372 -6.88717H79.2379V-33.9879L52.1372 -33.9879V-6.88717ZM80.0122 -6.88717H107.113V-33.9879H80.0122V-6.88717ZM107.113 -61.8629V-34.7622H80.0122V-61.8629H107.113ZM107.113 -89.7379V-62.6372H80.0122V-89.7379H107.113ZM24.2622 -34.7622H51.3628V-61.8629H24.2622V-34.7622ZM52.1372 -34.7622L79.2379 -34.7622V-61.8629H52.1372V-34.7622ZM79.2379 -89.7379V-62.6372H52.1372V-89.7379H79.2379ZM24.2622 -62.6372H51.3628V-89.7379H24.2622V-62.6372Z" fill="url(#paint0_radial_227_7371)" fill-opacity="0.6"></path></g><defs><radialGradient id="paint0_radial_227_7371" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(219 174.242) rotate(90) scale(185.324)"><stop stop-color="white"></stop><stop offset="1" stop-color="#7298F9" stop-opacity="0"></stop></radialGradient><clipPath id="clip0_227_7371"><rect width="438" height="210" fill="white"></rect></clipPath></defs></svg></div><div class="p-5 flex flex-col gap-2 border-t border-muted"><div class="flex items-start justify-between"><h4 class="text-foreground text-lg">LangChain + Next.js Starter</h4></div><p class="text-sm text-foreground-lighter">Starter template and example use-cases for LangChain projects in Next.js, including chat, agents, and retrieval.</p></div></div><div><div class="flex flex-col justify-between p-5 pt-0"><div class="flex items-stretch gap-2"><button data-size="tiny" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border hover:bg-surface-300 shadow-none focus-visible:outline-border-strong data-[state=open]:bg-surface-300 data-[state=open]:outline-border-strong border-transparent text-xs px-2.5 py-1 h-[26px] group overflow-hidden text-foreground-lighter group-hover/panel:text-foreground !bg-transparent !p-0"> <span class="truncate">View Template</span> <div class="[&amp;_svg]:h-[14px] [&amp;_svg]:w-[14px] text-foreground-lighter"><div class="relative w-3.5 h-3.5 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right absolute w-3.5 h-3.5 inset-0 transition-transform duration-200 translate-x-0 translate-y-0 group-hover/panel:translate-x-6 group-hover/panel:-translate-y-6"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></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-arrow-up-right absolute w-3.5 h-3.5 inset-0 transition-transform duration-200 -translate-x-6 translate-y-6 group-hover/panel:translate-x-0 group-hover/panel:-translate-y-0"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></button></div></div></div><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="col-span-12 h-full lg:col-span-6 xl:col-span-4 flex items-stretch"><a class="w-full h-full" target="_blank" href="https://github.com/supabase/supabase/tree/master/examples/user-management/flutter-user-management"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger h-full"><div class="relative z-10 w-full h-full rounded-[11px] overflow-hidden text-foreground-light bg-surface-75 group/panel"><div class="flex flex-col justify-between"><div class="relative w-full aspect-[3/1] bg flex items-center justify-center gap-4 overflow-hidden"><div title="Flutter" class="relative z-10"><svg role="img" width="35" height="35" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Flutter logo</title><path fill-rule="evenodd" clip-rule="evenodd" d="M60 14L43.5404 14.0178L17 39.9987L25.1885 48.0244L32.3854 41.0187L60 14Z M44.0127 37.9683C43.7791 37.9578 43.5384 37.9469 43.3873 38.1422L29.2346 51.9946L37.364 59.9039L37.3546 59.9129L43.1723 65.6128C43.2105 65.6459 43.2484 65.683 43.287 65.7208C43.4462 65.8765 43.617 66.0436 43.8636 65.9896C46.5511 65.9837 49.2385 65.9847 51.9262 65.9857C54.614 65.9867 57.3021 65.9877 59.9906 65.9818L45.6831 51.9631L59.9859 37.9706L44.2922 37.9666C44.2048 37.977 44.1094 37.9727 44.0127 37.9683Z" fill="hsl(var(--foreground-lighter))"></path></svg></div><svg class="absolute w-full h-auto object-cover object-center inset-0 z-10" width="100%" height="100%" viewBox="0 0 438 210" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_227_7371)"><path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M23.4878 244.762V271.863H-4V272.637H23.4878V299.738H-4V300.512H23.4878V328H24.2622V300.512H51.3628V328H52.1372V300.512H79.2379V328H80.0122V300.512H107.113V328H107.887V300.512H134.988V328H135.762V300.512H162.863V328H163.637V300.512H190.738V328H191.512V300.512H218.613V328H219.387V300.512H246.488V328H247.262V300.512H274.363V328H275.137V300.512H302.238V328H303.012V300.512H330.113V328H330.887V300.512H357.988V328H358.762V300.512H385.863V328H386.637V300.512H413.738V328H414.512V300.512H442V299.738H414.512V272.637H442V271.863H414.512V244.762H442V243.988H414.512V216.887H442V216.113H414.512V189.012H442V188.238H414.512V161.137H442V160.363H414.512V133.262H442V132.488H414.512V105.387H442V104.613H414.512V77.5122H442V76.7379H414.512V49.6372H442V48.8629H414.512V21.7622H442V20.9879H414.512V-6.11284H442V-6.88715H414.512V-33.9878H442V-34.7621H414.512V-61.8628H442V-62.6372H414.512V-89.7378H442V-90.5122H414.512V-118H413.738V-90.5122H386.637V-118H385.863V-90.5122H358.762V-118H357.988V-90.5122H330.887V-118H330.113V-90.5122H303.012V-118H302.238V-90.5122H275.137V-118H274.363V-90.5122H247.262V-118H246.488V-90.5122H219.387V-118H218.613V-90.5122H191.512V-118H190.738V-90.5122H163.637V-118H162.863V-90.5122H135.762V-118H134.988V-90.5122H107.887V-118H107.113V-90.5122H80.0122V-118H79.2379V-90.5122H52.1372V-118H51.3628V-90.5122H24.2622V-118H23.4878V-90.5122H-4V-89.7379H23.4878V-62.6372H-4V-61.8629H23.4878V-34.7622H-4V-33.9879H23.4878V-6.88717H-4V-6.11287H23.4878V20.9878H-4V21.7621H23.4878V48.8628H-4V49.6371H23.4878V76.7378H-4V77.5121H23.4878V104.613H-4V105.387H23.4878V132.488H-4V133.262H23.4878V160.363H-4V161.137H23.4878V188.238H-4V189.012H23.4878V216.113H-4V216.887H23.4878V243.988H-4V244.762H23.4878ZM413.738 299.738V272.637H386.637V299.738H413.738ZM385.863 299.738V272.637H358.762V299.738H385.863ZM357.988 299.738V272.637H330.887V299.738H357.988ZM330.113 299.738V272.637H303.012V299.738H330.113ZM302.238 299.738V272.637H275.137V299.738H302.238ZM274.363 299.738V272.637H247.262V299.738H274.363ZM246.488 299.738V272.637H219.387V299.738H246.488ZM218.613 299.738V272.637H191.512V299.738H218.613ZM190.738 299.738V272.637H163.637V299.738H190.738ZM162.863 299.738V272.637H135.762V299.738H162.863ZM134.988 299.738V272.637H107.887V299.738H134.988ZM107.113 299.738V272.637H80.0122V299.738H107.113ZM79.2379 299.738V272.637H52.1372V299.738H79.2379ZM51.3628 299.738V272.637H24.2622V299.738H51.3628ZM51.3628 271.863H24.2622V244.762H51.3628V271.863ZM79.2379 271.863H52.1372V244.762H79.2379V271.863ZM107.113 271.863H80.0122V244.762H107.113V271.863ZM134.988 271.863H107.887V244.762H134.988V271.863ZM162.863 271.863H135.762V244.762H162.863V271.863ZM190.738 271.863H163.637V244.762H190.738V271.863ZM218.613 271.863H191.512V244.762H218.613V271.863ZM246.488 271.863H219.387V244.762H246.488V271.863ZM274.363 271.863H247.262V244.762H274.363V271.863ZM302.238 271.863H275.137V244.762H302.238V271.863ZM330.113 271.863H303.012V244.762H330.113V271.863ZM357.988 271.863H330.887V244.762H357.988V271.863ZM385.863 271.863H358.762V244.762H385.863V271.863ZM413.738 271.863H386.637V244.762H413.738V271.863ZM413.738 -89.7378H386.637V-62.6372H413.738V-89.7378ZM413.738 -61.8629H386.637V-34.7622H413.738V-61.8629ZM413.738 -33.9879H386.637V-6.88716H413.738V-33.9879ZM413.738 -6.11286H386.637V20.9878H413.738V-6.11286ZM413.738 21.7621H386.637V48.8628H413.738V21.7621ZM413.738 49.6371H386.637V76.7378H413.738V49.6371ZM413.738 77.5121H386.637V104.613H413.738V77.5121ZM413.738 105.387H386.637V132.488H413.738V105.387ZM413.738 133.262H386.637V160.363H413.738V133.262ZM413.738 161.137H386.637V188.238H413.738V161.137ZM413.738 189.012H386.637V216.113H413.738V189.012ZM413.738 216.887H386.637V243.988H413.738V216.887ZM385.863 216.887V243.988H358.762V216.887H385.863ZM385.863 189.012V216.113H358.762V189.012H385.863ZM385.863 161.137V188.238H358.762V161.137H385.863ZM385.863 133.262V160.363H358.762V133.262H385.863ZM385.863 105.387V132.488H358.762V105.387H385.863ZM385.863 77.5121V104.613H358.762V77.5121H385.863ZM385.863 49.6371V76.7378H358.762V49.6371H385.863ZM385.863 21.7621V48.8628H358.762V21.7621H385.863ZM385.863 -6.11286V20.9878H358.762V-6.11286H385.863ZM385.863 -33.9879V-6.88716H358.762V-33.9879H385.863ZM385.863 -61.8629V-34.7622H358.762V-61.8629H385.863ZM385.863 -89.7378V-62.6372H358.762V-89.7378H385.863ZM24.2622 243.988H51.3628V216.887H24.2622V243.988ZM52.1372 243.988H79.2379V216.887H52.1372V243.988ZM80.0122 243.988H107.113V216.887H80.0122V243.988ZM107.887 243.988H134.988V216.887H107.887V243.988ZM135.762 243.988H162.863V216.887H135.762V243.988ZM163.637 243.988H190.738V216.887H163.637V243.988ZM191.512 243.988H218.613V216.887H191.512V243.988ZM219.387 243.988H246.488V216.887H219.387V243.988ZM247.262 243.988H274.363V216.887H247.262V243.988ZM275.137 243.988H302.238V216.887H275.137V243.988ZM303.012 243.988H330.113V216.887H303.012V243.988ZM330.887 243.988H357.988V216.887H330.887V243.988ZM357.988 189.012V216.113H330.887V189.012H357.988ZM357.988 161.137V188.238H330.887V161.137H357.988ZM357.988 133.262V160.363H330.887V133.262H357.988ZM357.988 105.387V132.488H330.887V105.387H357.988ZM357.988 77.5121V104.613H330.887V77.5121H357.988ZM357.988 49.6371V76.7378H330.887V49.6371H357.988ZM357.988 21.7621V48.8628H330.887V21.7621H357.988ZM357.988 -6.11286V20.9878H330.887V-6.11286H357.988ZM357.988 -33.9879V-6.88716H330.887V-33.9879H357.988ZM357.988 -61.8629V-34.7622H330.887V-61.8629H357.988ZM357.988 -89.7379V-62.6372H330.887V-89.7379H357.988ZM24.2622 216.113H51.3628V189.012H24.2622V216.113ZM52.1372 216.113H79.2379V189.012H52.1372V216.113ZM80.0122 216.113H107.113V189.012H80.0122V216.113ZM107.887 216.113H134.988V189.012H107.887V216.113ZM135.762 216.113H162.863V189.012H135.762V216.113ZM163.637 216.113H190.738V189.012H163.637V216.113ZM191.512 216.113H218.613V189.012H191.512V216.113ZM219.387 216.113H246.488V189.012H219.387V216.113ZM247.262 216.113H274.363V189.012H247.262V216.113ZM275.137 216.113H302.238V189.012H275.137V216.113ZM303.012 216.113H330.113V189.012H303.012V216.113ZM330.113 161.137V188.238H303.012V161.137H330.113ZM330.113 133.262V160.363H303.012V133.262H330.113ZM330.113 105.387V132.488H303.012V105.387H330.113ZM330.113 77.5121V104.613H303.012V77.5121H330.113ZM330.113 49.6371V76.7378H303.012V49.6371H330.113ZM330.113 21.7621V48.8628H303.012V21.7621H330.113ZM330.113 -6.11286V20.9878H303.012V-6.11286H330.113ZM330.113 -33.9879V-6.88716H303.012V-33.9879H330.113ZM330.113 -61.8629V-34.7622H303.012V-61.8629H330.113ZM330.113 -89.7379V-62.6372H303.012V-89.7379H330.113ZM24.2622 188.238H51.3628V161.137H24.2622V188.238ZM52.1372 188.238H79.2379V161.137H52.1372V188.238ZM80.0122 188.238H107.113V161.137H80.0122V188.238ZM107.887 188.238H134.988V161.137H107.887V188.238ZM135.762 188.238H162.863V161.137H135.762V188.238ZM163.637 188.238H190.738V161.137H163.637V188.238ZM191.512 188.238H218.613V161.137H191.512V188.238ZM219.387 188.238H246.488V161.137H219.387V188.238ZM247.262 188.238H274.363V161.137H247.262V188.238ZM275.137 188.238H302.238V161.137H275.137V188.238ZM302.238 133.262V160.363H275.137V133.262H302.238ZM302.238 105.387V132.488H275.137V105.387H302.238ZM302.238 77.5121V104.613H275.137V77.5121H302.238ZM302.238 49.6371V76.7378H275.137V49.6371H302.238ZM302.238 21.7621V48.8628H275.137V21.7621H302.238ZM302.238 -6.11286V20.9878H275.137V-6.11286H302.238ZM302.238 -33.9879V-6.88716H275.137V-33.9879H302.238ZM302.238 -61.8629V-34.7622H275.137V-61.8629H302.238ZM302.238 -89.7379V-62.6372H275.137V-89.7379H302.238ZM24.2622 160.363H51.3628V133.262H24.2622V160.363ZM52.1372 160.363H79.2379V133.262H52.1372V160.363ZM80.0122 160.363H107.113V133.262H80.0122V160.363ZM107.887 160.363H134.988V133.262H107.887V160.363ZM135.762 160.363H162.863V133.262H135.762V160.363ZM163.637 160.363H190.738V133.262H163.637V160.363ZM191.512 160.363H218.613V133.262H191.512V160.363ZM219.387 160.363H246.488V133.262H219.387V160.363ZM247.262 160.363H274.363V133.262H247.262V160.363ZM274.363 105.387V132.488H247.262V105.387H274.363ZM274.363 77.5121V104.613H247.262V77.5121H274.363ZM274.363 49.6371V76.7378H247.262V49.6371H274.363ZM274.363 21.7621V48.8628H247.262V21.7621H274.363ZM274.363 -6.11286V20.9878H247.262V-6.11286H274.363ZM274.363 -33.9879V-6.88716H247.262V-33.9879H274.363ZM274.363 -61.8629V-34.7622H247.262V-61.8629H274.363ZM274.363 -89.7379V-62.6372H247.262V-89.7379H274.363ZM24.2622 132.488H51.3628V105.387H24.2622V132.488ZM52.1372 132.488H79.2379V105.387H52.1372V132.488ZM80.0122 132.488H107.113V105.387H80.0122V132.488ZM107.887 132.488H134.988V105.387H107.887V132.488ZM135.762 132.488H162.863V105.387H135.762V132.488ZM163.637 132.488H190.738V105.387H163.637V132.488ZM191.512 132.488H218.613V105.387H191.512V132.488ZM219.387 132.488H246.488V105.387H219.387V132.488ZM246.488 77.5121V104.613H219.387V77.5121H246.488ZM246.488 49.6371V76.7378H219.387V49.6371H246.488ZM246.488 21.7621V48.8628H219.387V21.7621H246.488ZM246.488 -6.11286V20.9878H219.387V-6.11286H246.488ZM246.488 -33.9879V-6.88716H219.387V-33.9879H246.488ZM246.488 -61.8629V-34.7622H219.387V-61.8629H246.488ZM246.488 -89.7379V-62.6372H219.387V-89.7379H246.488ZM24.2622 104.613H51.3628V77.5121H24.2622V104.613ZM52.1372 104.613H79.2379V77.5121H52.1372V104.613ZM80.0122 104.613H107.113V77.5121H80.0122V104.613ZM107.887 104.613H134.988V77.5121H107.887V104.613ZM135.762 104.613H162.863V77.5121H135.762V104.613ZM163.637 104.613H190.738V77.5121H163.637V104.613ZM191.512 104.613H218.613V77.5121H191.512V104.613ZM218.613 49.6371V76.7378H191.512V49.6371H218.613ZM218.613 21.7621V48.8628H191.512V21.7621H218.613ZM218.613 -6.11286V20.9878H191.512V-6.11286H218.613ZM218.613 -33.9879V-6.88716H191.512V-33.9879H218.613ZM218.613 -61.8629V-34.7622H191.512V-61.8629H218.613ZM218.613 -89.7379V-62.6372H191.512V-89.7379H218.613ZM24.2622 76.7378H51.3628V49.6371H24.2622V76.7378ZM52.1372 76.7378H79.2379V49.6371H52.1372V76.7378ZM80.0122 76.7378H107.113V49.6371H80.0122V76.7378ZM107.887 76.7378H134.988V49.6371H107.887V76.7378ZM135.762 76.7378H162.863V49.6371H135.762V76.7378ZM163.637 76.7378H190.738V49.6371H163.637V76.7378ZM190.738 21.7621V48.8628H163.637V21.7621H190.738ZM190.738 -6.11286V20.9878H163.637V-6.11286H190.738ZM190.738 -33.9879V-6.88716H163.637V-33.9879H190.738ZM190.738 -61.8629V-34.7622H163.637V-61.8629H190.738ZM190.738 -89.7379V-62.6372H163.637V-89.7379H190.738ZM24.2622 48.8628H51.3628V21.7621H24.2622V48.8628ZM52.1372 48.8628H79.2379V21.7621H52.1372V48.8628ZM80.0122 48.8628H107.113V21.7621H80.0122V48.8628ZM107.887 48.8628H134.988V21.7621H107.887V48.8628ZM135.762 48.8628H162.863V21.7621H135.762V48.8628ZM162.863 -6.11286V20.9878H135.762V-6.11286H162.863ZM162.863 -33.9879V-6.88716H135.762V-33.9879H162.863ZM162.863 -61.8629V-34.7622H135.762V-61.8629H162.863ZM162.863 -89.7379V-62.6372H135.762V-89.7379H162.863ZM24.2622 20.9878H51.3628V-6.11287H24.2622V20.9878ZM52.1372 20.9878H79.2379V-6.11287H52.1372V20.9878ZM80.0122 20.9878H107.113V-6.11287H80.0122V20.9878ZM107.887 20.9878H134.988V-6.11286H107.887V20.9878ZM134.988 -33.9879V-6.88716H107.887V-33.9879H134.988ZM134.988 -61.8629V-34.7622H107.887V-61.8629H134.988ZM134.988 -89.7379V-62.6372H107.887V-89.7379H134.988ZM24.2622 -6.88717H51.3628V-33.9879H24.2622V-6.88717ZM52.1372 -6.88717H79.2379V-33.9879L52.1372 -33.9879V-6.88717ZM80.0122 -6.88717H107.113V-33.9879H80.0122V-6.88717ZM107.113 -61.8629V-34.7622H80.0122V-61.8629H107.113ZM107.113 -89.7379V-62.6372H80.0122V-89.7379H107.113ZM24.2622 -34.7622H51.3628V-61.8629H24.2622V-34.7622ZM52.1372 -34.7622L79.2379 -34.7622V-61.8629H52.1372V-34.7622ZM79.2379 -89.7379V-62.6372H52.1372V-89.7379H79.2379ZM24.2622 -62.6372H51.3628V-89.7379H24.2622V-62.6372Z" fill="url(#paint0_radial_227_7371)" fill-opacity="0.6"></path></g><defs><radialGradient id="paint0_radial_227_7371" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(219 174.242) rotate(90) scale(185.324)"><stop stop-color="white"></stop><stop offset="1" stop-color="#7298F9" stop-opacity="0"></stop></radialGradient><clipPath id="clip0_227_7371"><rect width="438" height="210" fill="white"></rect></clipPath></defs></svg></div><div class="p-5 flex flex-col gap-2 border-t border-muted"><div class="flex items-start justify-between"><h4 class="text-foreground text-lg">Flutter User Management</h4></div><p class="text-sm text-foreground-lighter">Get started with Supabase and Flutter by building a user management app with auth, file storage, and database.</p></div></div><div><div class="flex flex-col justify-between p-5 pt-0"><div class="flex items-stretch gap-2"><button data-size="tiny" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border hover:bg-surface-300 shadow-none focus-visible:outline-border-strong data-[state=open]:bg-surface-300 data-[state=open]:outline-border-strong border-transparent text-xs px-2.5 py-1 h-[26px] group overflow-hidden text-foreground-lighter group-hover/panel:text-foreground !bg-transparent !p-0"> <span class="truncate">View Template</span> <div class="[&amp;_svg]:h-[14px] [&amp;_svg]:w-[14px] text-foreground-lighter"><div class="relative w-3.5 h-3.5 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right absolute w-3.5 h-3.5 inset-0 transition-transform duration-200 translate-x-0 translate-y-0 group-hover/panel:translate-x-6 group-hover/panel:-translate-y-6"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></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-arrow-up-right absolute w-3.5 h-3.5 inset-0 transition-transform duration-200 -translate-x-6 translate-y-6 group-hover/panel:translate-x-0 group-hover/panel:-translate-y-0"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></button></div></div></div><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div><div class="col-span-12 h-full lg:col-span-6 xl:col-span-4 flex items-stretch"><a class="w-full h-full" target="_blank" href="https://github.com/supabase-community/create-t3-turbo"><div class="group/panel relative rounded-xl p-px bg-surface-75 bg-gradient-to-b from-border to-border/50 dark:to-surface-100 transition-all hover:shadow-md flex items-center justify-center hover:bg-none hover:!bg-border-stronger h-full"><div class="relative z-10 w-full h-full rounded-[11px] overflow-hidden text-foreground-light bg-surface-75 group/panel"><div class="flex flex-col justify-between"><div class="relative w-full aspect-[3/1] bg flex items-center justify-center gap-4 overflow-hidden"><div title="Expo" class="relative z-10"><svg role="img" width="35" height="35" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Expo logo</title><path fill-rule="evenodd" clip-rule="evenodd" d="M64.4949 33.2495C63.9652 32.5135 63.2523 31.9253 62.4252 31.5418C61.5958 31.1568 60.6805 30.9886 59.7667 31.0533C58.8528 31.1179 57.971 31.4132 57.2055 31.9111C56.4437 32.4074 55.8247 33.0903 55.4088 33.8934C54.9999 34.7555 54.8684 35.721 55.032 36.6594C55.1955 37.5979 55.6463 38.4641 56.3235 39.1411C58.1778 39.2857 60.0232 38.7701 61.5269 37.6872C63.0243 36.6102 64.0799 35.0341 64.4949 33.2495ZM48.7005 12.9995L45.3172 11.1811L30.5938 19.2141L31.7675 19.8372L34.0005 20.9864L38.0418 18.7849L48.7028 12.9626L48.7005 12.9995ZM50.0632 12.4457C50.1501 12.4671 50.23 12.5101 50.2954 12.5707C50.3607 12.6313 50.4093 12.7074 50.4365 12.7918L55.3692 27.058C55.4202 27.1711 55.4243 27.2994 55.3807 27.4155C55.337 27.5315 55.2491 27.6261 55.1359 27.6787C53.2584 28.6864 51.7801 30.2916 50.9405 32.2341C50.1046 34.1713 49.9606 36.3322 50.5322 38.3611C51.218 40.5737 52.6672 42.4782 54.6272 43.7426C56.5919 45.0118 58.9485 45.5657 61.2865 45.3118C61.4143 45.3044 61.5414 45.3357 61.6507 45.4017C61.7599 45.4677 61.8462 45.5652 61.8979 45.6811L66.9939 60.3234C67.0265 60.4413 67.0214 60.5663 66.9792 60.6812C66.937 60.7961 66.8598 60.8952 66.7582 60.9649L51.0968 69.9418C51.0223 69.973 50.9421 69.9887 50.8612 69.988C50.7165 70.0144 50.5671 69.9899 50.4389 69.9188L44.9438 66.538C44.8439 66.4867 44.7624 66.4061 44.7105 66.3072L33.9772 42.1157L17.6322 51.2311C17.5343 51.2798 17.4269 51.307 17.3174 51.311C17.2079 51.315 17.0988 51.2956 16.9975 51.2541L13.2828 49.1818C13.1624 49.1178 13.0712 49.0108 13.0278 48.8826C12.9845 48.7544 12.9922 48.6146 13.0495 48.4918L28.9278 18.9534C28.9873 18.8527 29.077 18.7728 29.1845 18.7249L45.0162 10.0687C45.1029 10.0237 45.1994 10.0001 45.2973 10.0001C45.3953 10.0001 45.4918 10.0237 45.5785 10.0687L50.0655 12.4457H50.0632ZM30.4305 20.3818L29.6605 19.9918L14.3538 48.5611L17.1468 50.1026L30.3465 33.1757C30.4113 33.0975 30.494 33.0359 30.5877 32.9957C30.6815 32.9556 30.7836 32.9382 30.8855 32.9449C30.9852 32.9627 31.0793 33.0029 31.1607 33.0626C31.242 33.1222 31.3084 33.1996 31.3545 33.2887L45.7278 65.7488L49.5685 68.0726L34.1405 23.8572L33.4848 22.0157L30.4095 20.3587L30.4328 20.3818H30.4305ZM54.1022 37.4172C53.7506 36.1438 53.8494 34.7898 54.3822 33.5795C54.9172 32.3635 55.8532 31.3629 57.0375 30.7411C58.2422 30.0817 59.6268 29.816 60.9934 29.9818C62.36 30.1476 63.6387 30.7364 64.6465 31.6641C65.2072 32.192 65.6567 32.8245 65.969 33.5251C66.2813 34.2257 66.4503 34.9805 66.4661 35.746C66.482 36.5114 66.3444 37.2725 66.0613 37.9851C65.7782 38.6977 65.3553 39.3478 64.8169 39.898L64.6465 40.0664C63.4517 41.1796 61.8733 41.8015 60.2318 41.8058C58.5903 41.81 57.0086 41.1964 55.8078 40.0895C55.0181 39.3573 54.4309 38.4373 54.1022 37.4172Z" fill="hsl(var(--foreground-lighter))"></path></svg></div><svg class="absolute w-full h-auto object-cover object-center inset-0 z-10" width="100%" height="100%" viewBox="0 0 438 210" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_227_7371)"><path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M23.4878 244.762V271.863H-4V272.637H23.4878V299.738H-4V300.512H23.4878V328H24.2622V300.512H51.3628V328H52.1372V300.512H79.2379V328H80.0122V300.512H107.113V328H107.887V300.512H134.988V328H135.762V300.512H162.863V328H163.637V300.512H190.738V328H191.512V300.512H218.613V328H219.387V300.512H246.488V328H247.262V300.512H274.363V328H275.137V300.512H302.238V328H303.012V300.512H330.113V328H330.887V300.512H357.988V328H358.762V300.512H385.863V328H386.637V300.512H413.738V328H414.512V300.512H442V299.738H414.512V272.637H442V271.863H414.512V244.762H442V243.988H414.512V216.887H442V216.113H414.512V189.012H442V188.238H414.512V161.137H442V160.363H414.512V133.262H442V132.488H414.512V105.387H442V104.613H414.512V77.5122H442V76.7379H414.512V49.6372H442V48.8629H414.512V21.7622H442V20.9879H414.512V-6.11284H442V-6.88715H414.512V-33.9878H442V-34.7621H414.512V-61.8628H442V-62.6372H414.512V-89.7378H442V-90.5122H414.512V-118H413.738V-90.5122H386.637V-118H385.863V-90.5122H358.762V-118H357.988V-90.5122H330.887V-118H330.113V-90.5122H303.012V-118H302.238V-90.5122H275.137V-118H274.363V-90.5122H247.262V-118H246.488V-90.5122H219.387V-118H218.613V-90.5122H191.512V-118H190.738V-90.5122H163.637V-118H162.863V-90.5122H135.762V-118H134.988V-90.5122H107.887V-118H107.113V-90.5122H80.0122V-118H79.2379V-90.5122H52.1372V-118H51.3628V-90.5122H24.2622V-118H23.4878V-90.5122H-4V-89.7379H23.4878V-62.6372H-4V-61.8629H23.4878V-34.7622H-4V-33.9879H23.4878V-6.88717H-4V-6.11287H23.4878V20.9878H-4V21.7621H23.4878V48.8628H-4V49.6371H23.4878V76.7378H-4V77.5121H23.4878V104.613H-4V105.387H23.4878V132.488H-4V133.262H23.4878V160.363H-4V161.137H23.4878V188.238H-4V189.012H23.4878V216.113H-4V216.887H23.4878V243.988H-4V244.762H23.4878ZM413.738 299.738V272.637H386.637V299.738H413.738ZM385.863 299.738V272.637H358.762V299.738H385.863ZM357.988 299.738V272.637H330.887V299.738H357.988ZM330.113 299.738V272.637H303.012V299.738H330.113ZM302.238 299.738V272.637H275.137V299.738H302.238ZM274.363 299.738V272.637H247.262V299.738H274.363ZM246.488 299.738V272.637H219.387V299.738H246.488ZM218.613 299.738V272.637H191.512V299.738H218.613ZM190.738 299.738V272.637H163.637V299.738H190.738ZM162.863 299.738V272.637H135.762V299.738H162.863ZM134.988 299.738V272.637H107.887V299.738H134.988ZM107.113 299.738V272.637H80.0122V299.738H107.113ZM79.2379 299.738V272.637H52.1372V299.738H79.2379ZM51.3628 299.738V272.637H24.2622V299.738H51.3628ZM51.3628 271.863H24.2622V244.762H51.3628V271.863ZM79.2379 271.863H52.1372V244.762H79.2379V271.863ZM107.113 271.863H80.0122V244.762H107.113V271.863ZM134.988 271.863H107.887V244.762H134.988V271.863ZM162.863 271.863H135.762V244.762H162.863V271.863ZM190.738 271.863H163.637V244.762H190.738V271.863ZM218.613 271.863H191.512V244.762H218.613V271.863ZM246.488 271.863H219.387V244.762H246.488V271.863ZM274.363 271.863H247.262V244.762H274.363V271.863ZM302.238 271.863H275.137V244.762H302.238V271.863ZM330.113 271.863H303.012V244.762H330.113V271.863ZM357.988 271.863H330.887V244.762H357.988V271.863ZM385.863 271.863H358.762V244.762H385.863V271.863ZM413.738 271.863H386.637V244.762H413.738V271.863ZM413.738 -89.7378H386.637V-62.6372H413.738V-89.7378ZM413.738 -61.8629H386.637V-34.7622H413.738V-61.8629ZM413.738 -33.9879H386.637V-6.88716H413.738V-33.9879ZM413.738 -6.11286H386.637V20.9878H413.738V-6.11286ZM413.738 21.7621H386.637V48.8628H413.738V21.7621ZM413.738 49.6371H386.637V76.7378H413.738V49.6371ZM413.738 77.5121H386.637V104.613H413.738V77.5121ZM413.738 105.387H386.637V132.488H413.738V105.387ZM413.738 133.262H386.637V160.363H413.738V133.262ZM413.738 161.137H386.637V188.238H413.738V161.137ZM413.738 189.012H386.637V216.113H413.738V189.012ZM413.738 216.887H386.637V243.988H413.738V216.887ZM385.863 216.887V243.988H358.762V216.887H385.863ZM385.863 189.012V216.113H358.762V189.012H385.863ZM385.863 161.137V188.238H358.762V161.137H385.863ZM385.863 133.262V160.363H358.762V133.262H385.863ZM385.863 105.387V132.488H358.762V105.387H385.863ZM385.863 77.5121V104.613H358.762V77.5121H385.863ZM385.863 49.6371V76.7378H358.762V49.6371H385.863ZM385.863 21.7621V48.8628H358.762V21.7621H385.863ZM385.863 -6.11286V20.9878H358.762V-6.11286H385.863ZM385.863 -33.9879V-6.88716H358.762V-33.9879H385.863ZM385.863 -61.8629V-34.7622H358.762V-61.8629H385.863ZM385.863 -89.7378V-62.6372H358.762V-89.7378H385.863ZM24.2622 243.988H51.3628V216.887H24.2622V243.988ZM52.1372 243.988H79.2379V216.887H52.1372V243.988ZM80.0122 243.988H107.113V216.887H80.0122V243.988ZM107.887 243.988H134.988V216.887H107.887V243.988ZM135.762 243.988H162.863V216.887H135.762V243.988ZM163.637 243.988H190.738V216.887H163.637V243.988ZM191.512 243.988H218.613V216.887H191.512V243.988ZM219.387 243.988H246.488V216.887H219.387V243.988ZM247.262 243.988H274.363V216.887H247.262V243.988ZM275.137 243.988H302.238V216.887H275.137V243.988ZM303.012 243.988H330.113V216.887H303.012V243.988ZM330.887 243.988H357.988V216.887H330.887V243.988ZM357.988 189.012V216.113H330.887V189.012H357.988ZM357.988 161.137V188.238H330.887V161.137H357.988ZM357.988 133.262V160.363H330.887V133.262H357.988ZM357.988 105.387V132.488H330.887V105.387H357.988ZM357.988 77.5121V104.613H330.887V77.5121H357.988ZM357.988 49.6371V76.7378H330.887V49.6371H357.988ZM357.988 21.7621V48.8628H330.887V21.7621H357.988ZM357.988 -6.11286V20.9878H330.887V-6.11286H357.988ZM357.988 -33.9879V-6.88716H330.887V-33.9879H357.988ZM357.988 -61.8629V-34.7622H330.887V-61.8629H357.988ZM357.988 -89.7379V-62.6372H330.887V-89.7379H357.988ZM24.2622 216.113H51.3628V189.012H24.2622V216.113ZM52.1372 216.113H79.2379V189.012H52.1372V216.113ZM80.0122 216.113H107.113V189.012H80.0122V216.113ZM107.887 216.113H134.988V189.012H107.887V216.113ZM135.762 216.113H162.863V189.012H135.762V216.113ZM163.637 216.113H190.738V189.012H163.637V216.113ZM191.512 216.113H218.613V189.012H191.512V216.113ZM219.387 216.113H246.488V189.012H219.387V216.113ZM247.262 216.113H274.363V189.012H247.262V216.113ZM275.137 216.113H302.238V189.012H275.137V216.113ZM303.012 216.113H330.113V189.012H303.012V216.113ZM330.113 161.137V188.238H303.012V161.137H330.113ZM330.113 133.262V160.363H303.012V133.262H330.113ZM330.113 105.387V132.488H303.012V105.387H330.113ZM330.113 77.5121V104.613H303.012V77.5121H330.113ZM330.113 49.6371V76.7378H303.012V49.6371H330.113ZM330.113 21.7621V48.8628H303.012V21.7621H330.113ZM330.113 -6.11286V20.9878H303.012V-6.11286H330.113ZM330.113 -33.9879V-6.88716H303.012V-33.9879H330.113ZM330.113 -61.8629V-34.7622H303.012V-61.8629H330.113ZM330.113 -89.7379V-62.6372H303.012V-89.7379H330.113ZM24.2622 188.238H51.3628V161.137H24.2622V188.238ZM52.1372 188.238H79.2379V161.137H52.1372V188.238ZM80.0122 188.238H107.113V161.137H80.0122V188.238ZM107.887 188.238H134.988V161.137H107.887V188.238ZM135.762 188.238H162.863V161.137H135.762V188.238ZM163.637 188.238H190.738V161.137H163.637V188.238ZM191.512 188.238H218.613V161.137H191.512V188.238ZM219.387 188.238H246.488V161.137H219.387V188.238ZM247.262 188.238H274.363V161.137H247.262V188.238ZM275.137 188.238H302.238V161.137H275.137V188.238ZM302.238 133.262V160.363H275.137V133.262H302.238ZM302.238 105.387V132.488H275.137V105.387H302.238ZM302.238 77.5121V104.613H275.137V77.5121H302.238ZM302.238 49.6371V76.7378H275.137V49.6371H302.238ZM302.238 21.7621V48.8628H275.137V21.7621H302.238ZM302.238 -6.11286V20.9878H275.137V-6.11286H302.238ZM302.238 -33.9879V-6.88716H275.137V-33.9879H302.238ZM302.238 -61.8629V-34.7622H275.137V-61.8629H302.238ZM302.238 -89.7379V-62.6372H275.137V-89.7379H302.238ZM24.2622 160.363H51.3628V133.262H24.2622V160.363ZM52.1372 160.363H79.2379V133.262H52.1372V160.363ZM80.0122 160.363H107.113V133.262H80.0122V160.363ZM107.887 160.363H134.988V133.262H107.887V160.363ZM135.762 160.363H162.863V133.262H135.762V160.363ZM163.637 160.363H190.738V133.262H163.637V160.363ZM191.512 160.363H218.613V133.262H191.512V160.363ZM219.387 160.363H246.488V133.262H219.387V160.363ZM247.262 160.363H274.363V133.262H247.262V160.363ZM274.363 105.387V132.488H247.262V105.387H274.363ZM274.363 77.5121V104.613H247.262V77.5121H274.363ZM274.363 49.6371V76.7378H247.262V49.6371H274.363ZM274.363 21.7621V48.8628H247.262V21.7621H274.363ZM274.363 -6.11286V20.9878H247.262V-6.11286H274.363ZM274.363 -33.9879V-6.88716H247.262V-33.9879H274.363ZM274.363 -61.8629V-34.7622H247.262V-61.8629H274.363ZM274.363 -89.7379V-62.6372H247.262V-89.7379H274.363ZM24.2622 132.488H51.3628V105.387H24.2622V132.488ZM52.1372 132.488H79.2379V105.387H52.1372V132.488ZM80.0122 132.488H107.113V105.387H80.0122V132.488ZM107.887 132.488H134.988V105.387H107.887V132.488ZM135.762 132.488H162.863V105.387H135.762V132.488ZM163.637 132.488H190.738V105.387H163.637V132.488ZM191.512 132.488H218.613V105.387H191.512V132.488ZM219.387 132.488H246.488V105.387H219.387V132.488ZM246.488 77.5121V104.613H219.387V77.5121H246.488ZM246.488 49.6371V76.7378H219.387V49.6371H246.488ZM246.488 21.7621V48.8628H219.387V21.7621H246.488ZM246.488 -6.11286V20.9878H219.387V-6.11286H246.488ZM246.488 -33.9879V-6.88716H219.387V-33.9879H246.488ZM246.488 -61.8629V-34.7622H219.387V-61.8629H246.488ZM246.488 -89.7379V-62.6372H219.387V-89.7379H246.488ZM24.2622 104.613H51.3628V77.5121H24.2622V104.613ZM52.1372 104.613H79.2379V77.5121H52.1372V104.613ZM80.0122 104.613H107.113V77.5121H80.0122V104.613ZM107.887 104.613H134.988V77.5121H107.887V104.613ZM135.762 104.613H162.863V77.5121H135.762V104.613ZM163.637 104.613H190.738V77.5121H163.637V104.613ZM191.512 104.613H218.613V77.5121H191.512V104.613ZM218.613 49.6371V76.7378H191.512V49.6371H218.613ZM218.613 21.7621V48.8628H191.512V21.7621H218.613ZM218.613 -6.11286V20.9878H191.512V-6.11286H218.613ZM218.613 -33.9879V-6.88716H191.512V-33.9879H218.613ZM218.613 -61.8629V-34.7622H191.512V-61.8629H218.613ZM218.613 -89.7379V-62.6372H191.512V-89.7379H218.613ZM24.2622 76.7378H51.3628V49.6371H24.2622V76.7378ZM52.1372 76.7378H79.2379V49.6371H52.1372V76.7378ZM80.0122 76.7378H107.113V49.6371H80.0122V76.7378ZM107.887 76.7378H134.988V49.6371H107.887V76.7378ZM135.762 76.7378H162.863V49.6371H135.762V76.7378ZM163.637 76.7378H190.738V49.6371H163.637V76.7378ZM190.738 21.7621V48.8628H163.637V21.7621H190.738ZM190.738 -6.11286V20.9878H163.637V-6.11286H190.738ZM190.738 -33.9879V-6.88716H163.637V-33.9879H190.738ZM190.738 -61.8629V-34.7622H163.637V-61.8629H190.738ZM190.738 -89.7379V-62.6372H163.637V-89.7379H190.738ZM24.2622 48.8628H51.3628V21.7621H24.2622V48.8628ZM52.1372 48.8628H79.2379V21.7621H52.1372V48.8628ZM80.0122 48.8628H107.113V21.7621H80.0122V48.8628ZM107.887 48.8628H134.988V21.7621H107.887V48.8628ZM135.762 48.8628H162.863V21.7621H135.762V48.8628ZM162.863 -6.11286V20.9878H135.762V-6.11286H162.863ZM162.863 -33.9879V-6.88716H135.762V-33.9879H162.863ZM162.863 -61.8629V-34.7622H135.762V-61.8629H162.863ZM162.863 -89.7379V-62.6372H135.762V-89.7379H162.863ZM24.2622 20.9878H51.3628V-6.11287H24.2622V20.9878ZM52.1372 20.9878H79.2379V-6.11287H52.1372V20.9878ZM80.0122 20.9878H107.113V-6.11287H80.0122V20.9878ZM107.887 20.9878H134.988V-6.11286H107.887V20.9878ZM134.988 -33.9879V-6.88716H107.887V-33.9879H134.988ZM134.988 -61.8629V-34.7622H107.887V-61.8629H134.988ZM134.988 -89.7379V-62.6372H107.887V-89.7379H134.988ZM24.2622 -6.88717H51.3628V-33.9879H24.2622V-6.88717ZM52.1372 -6.88717H79.2379V-33.9879L52.1372 -33.9879V-6.88717ZM80.0122 -6.88717H107.113V-33.9879H80.0122V-6.88717ZM107.113 -61.8629V-34.7622H80.0122V-61.8629H107.113ZM107.113 -89.7379V-62.6372H80.0122V-89.7379H107.113ZM24.2622 -34.7622H51.3628V-61.8629H24.2622V-34.7622ZM52.1372 -34.7622L79.2379 -34.7622V-61.8629H52.1372V-34.7622ZM79.2379 -89.7379V-62.6372H52.1372V-89.7379H79.2379ZM24.2622 -62.6372H51.3628V-89.7379H24.2622V-62.6372Z" fill="url(#paint0_radial_227_7371)" fill-opacity="0.6"></path></g><defs><radialGradient id="paint0_radial_227_7371" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(219 174.242) rotate(90) scale(185.324)"><stop stop-color="white"></stop><stop offset="1" stop-color="#7298F9" stop-opacity="0"></stop></radialGradient><clipPath id="clip0_227_7371"><rect width="438" height="210" fill="white"></rect></clipPath></defs></svg></div><div class="p-5 flex flex-col gap-2 border-t border-muted"><div class="flex items-start justify-between"><h4 class="text-foreground text-lg">Expo React Native Starter</h4></div><p class="text-sm text-foreground-lighter">An extended version of create-t3-turbo implementing authentication on both the web and mobile applications.</p></div></div><div><div class="flex flex-col justify-between p-5 pt-0"><div class="flex items-stretch gap-2"><button data-size="tiny" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border hover:bg-surface-300 shadow-none focus-visible:outline-border-strong data-[state=open]:bg-surface-300 data-[state=open]:outline-border-strong border-transparent text-xs px-2.5 py-1 h-[26px] group overflow-hidden text-foreground-lighter group-hover/panel:text-foreground !bg-transparent !p-0"> <span class="truncate">View Template</span> <div class="[&amp;_svg]:h-[14px] [&amp;_svg]:w-[14px] text-foreground-lighter"><div class="relative w-3.5 h-3.5 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right absolute w-3.5 h-3.5 inset-0 transition-transform duration-200 translate-x-0 translate-y-0 group-hover/panel:translate-x-6 group-hover/panel:-translate-y-6"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></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-arrow-up-right absolute w-3.5 h-3.5 inset-0 transition-transform duration-200 -translate-x-6 translate-y-6 group-hover/panel:translate-x-0 group-hover/panel:-translate-y-0"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div></button></div></div></div><div class="absolute z-10 inset-0 w-full h-full pointer-events-none opacity-20"></div></div></div></a></div></div></div><div id="dashboard" class="sm:py-18 container relative mx-auto px-6 py-16 md:py-24 lg:px-16 lg:py-24 xl:px-20 text-center"><h3 class="mb-8 text-2xl md:text-4xl max-w-[300px] sm:max-w-none mx-auto text-foreground-lighter"><span class="text-foreground">Stay productive and manage your app</span><br class="hidden sm:block"> without leaving the dashboard</h3><div class="relative flex flex-col gap-8 lg:gap-12 items-center"><div class="absolute -top-[500px] not-sr-only"></div><div class="relative w-full col-span-full flex justify-center gap-2" role="tablist"><button aria-selected="true" role="tab"><div class="inline-flex items-center bg-opacity-10 bg-surface-200 text-foreground-light border border-strong rounded-full text-sm py-1.5 px-3 lg:py-2 lg:px-8 hover:border-foreground-lighter hover:text-foreground opacity-100 !border-foreground">Table Editor</div></button><button aria-selected="false" role="tab"><div class="inline-flex items-center bg-opacity-10 bg-surface-200 text-foreground-light border border-strong rounded-full text-sm py-1.5 px-3 lg:py-2 lg:px-8 hover:border-foreground-lighter hover:text-foreground opacity-80">SQL Editor</div></button><button aria-selected="false" role="tab"><div class="inline-flex items-center bg-opacity-10 bg-surface-200 text-foreground-light border border-strong rounded-full text-sm py-1.5 px-3 lg:py-2 lg:px-8 hover:border-foreground-lighter hover:text-foreground opacity-80">RLS Policies</div></button></div><ul class="position order-last lg:order-2 w-ful flex flex-wrap items-center gap-x-8 gap-y-4 lg:gap-8 justify-center text-center mx-auto z-30" style="opacity: 1;"><li><a class="group cursor-pointer flex items-center gap-2 text-sm whitespace-nowrap text-foreground-light hover:text-foreground transition-colors hover:underline" href="/docs/guides/database/tables?queryGroups=database-method&amp;database-method=sql&amp;queryGroups=language&amp;language=js"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check stroke-2 w-4"><path d="M20 6 9 17l-5-5"></path></svg><span>Full CRUD</span></a></li><li><a class="group cursor-pointer flex items-center gap-2 text-sm whitespace-nowrap text-foreground-light hover:text-foreground transition-colors hover:underline" href="/docs/guides/database/tables?queryGroups=database-method&amp;database-method=sql&amp;queryGroups=language&amp;language=js#materialized-views"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check stroke-2 w-4"><path d="M20 6 9 17l-5-5"></path></svg><span>Materialized Views</span></a></li><li><a class="group cursor-pointer flex items-center gap-2 text-sm whitespace-nowrap text-foreground-light hover:text-foreground transition-colors hover:underline" href="/docs/guides/database/tables?queryGroups=database-method&amp;database-method=sql&amp;queryGroups=language&amp;language=js#joining-tables-with-foreign-keys"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check stroke-2 w-4"><path d="M20 6 9 17l-5-5"></path></svg><span>Foreign Tables</span></a></li><li><a class="group cursor-pointer flex items-center gap-2 text-sm whitespace-nowrap text-foreground-light hover:text-foreground transition-colors hover:underline" href="/docs/guides/database/partitions"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check stroke-2 w-4"><path d="M20 6 9 17l-5-5"></path></svg><span>Partitioned Tables</span></a></li><li><a class="group cursor-pointer flex items-center gap-2 text-sm whitespace-nowrap text-foreground-light hover:text-foreground transition-colors hover:underline" href="/docs/guides/database/overview#table-view"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check stroke-2 w-4"><path d="M20 6 9 17l-5-5"></path></svg><span>Easy as a spreadsheet</span></a></li></ul><div class="relative rounded-2xl shadow-lg p-2 pt-0 h-full border flex flex-col overflow-hidden lg:order-last bg-default w-full max-w-6xl mx-auto"><div class="w-full px-2 py-3 relative flex items-center gap-1.5 lg:gap-2"><div class="w-2 h-2 bg-border rounded-full"></div><div class="w-2 h-2 bg-border rounded-full"></div><div class="w-2 h-2 bg-border rounded-full"></div></div><div class="h-full w-full aspect-video border overflow-hidden rounded-lg"></div></div></div></div><div class="sm:py-18 container relative mx-auto px-6 py-16 md:py-24 lg:px-16 lg:py-24 xl:px-20 w-full text-center flex flex-col items-center !pb-0"><h3 class="h2">Join the community</h3><p class="p max-w-[300px] md:max-w-none">Discover what our community has to say about their Supabase experience.</p><div class="my-4 flex justify-center gap-2"><a target="_blank" tabindex="-1" data-size="small" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border text-foreground bg-alternative dark:bg-muted hover:bg-selection border-strong hover:border-stronger focus-visible:outline-brand-600 data-[state=open]:bg-selection data-[state=open]:outline-brand-600 data-[state=open]:border-button-hover text-sm leading-4 px-3 py-2 h-[34px]" href="https://github.com/supabase/supabase/discussions"><span class="truncate">GitHub discussions</span><div class="[&amp;_svg]:h-[18px] [&amp;_svg]:w-[18px] text-foreground-lighter"><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" class="lucide lucide-message-circle"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg></div></a><a target="_blank" tabindex="-1" data-size="small" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border text-foreground bg-alternative dark:bg-muted hover:bg-selection border-strong hover:border-stronger focus-visible:outline-brand-600 data-[state=open]:bg-selection data-[state=open]:outline-brand-600 data-[state=open]:border-button-hover text-sm leading-4 px-3 py-2 h-[34px]" href="https://discord.supabase.com/"><span class="truncate">Discord</span><div class="[&amp;_svg]:h-[18px] [&amp;_svg]:w-[18px] text-foreground-lighter"><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" class="lucide lucide-message-circle"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg></div></a></div></div><div class="sm:py-18 container relative mx-auto px-6 py-16 md:py-24 lg:px-16 lg:py-24 xl:px-20 relative w-full !px-0 lg:!px-16 xl:!px-0 !pb-0 mb-16 md:mb-12 lg:mb-12 !pt-6 max-w-[1400px]"><div class="lg:hidden -mb-32"><div class="swiper swiper-initialized swiper-horizontal h-[400px] !px-6 w-full overflow-visible" style="z-index:0;margin-right:1px"><div class="swiper-wrapper"><div class="swiper-slide swiper-slide-active" style="width: 289.6px; margin-right: 12px;"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/thatguy_tex/status/1497602628410388480"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@thatguy_tex twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F09HouOSt_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F09HouOSt_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F09HouOSt_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@thatguy_tex</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->Working with @supabase has been one of the best dev experiences I've had lately. Incredibly easy to set up, great documentation, and so many fewer hoops to jump through than the competition. I definitely plan to use it on any and all future projects.<!-- -->"</p></div></a></div><div class="swiper-slide swiper-slide-next" style="width: 289.6px; margin-right: 12px;"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/IxoyeDesign/status/1497473731777728512"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@IxoyeDesign twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FC8opIL-g_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FC8opIL-g_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FC8opIL-g_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@IxoyeDesign</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->@supabase is just 🤯 Now I see why a lot of people love using it as a backend for their applications. I am really impressed with how easy it is to set up an Auth and then just code it together for the frontend. @IngoKpp now I see your joy with Supabase #coding #fullstackwebdev<!-- -->"</p></div></a></div><div class="swiper-slide" style="width: 289.6px; margin-right: 12px;"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/varlenneto/status/1496595780475535366"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@varlenneto twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FwkXN0t_F_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FwkXN0t_F_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FwkXN0t_F_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@varlenneto</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->I've been using @supabase for two personal projects and it has been amazing being able to use the power of Postgres and don't have to worry about the backend<!-- -->"</p></div></a></div><div class="swiper-slide" style="width: 289.6px; margin-right: 12px;"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/justinjunodev/status/1500264302749622273"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@justinjunodev twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9k_ZB9OO_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F9k_ZB9OO_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9k_ZB9OO_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@justinjunodev</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->Y'all @supabase + @nextjs is amazing! 🙌 Barely an hour into a proof-of-concept and already have most of the functionality in place. 🤯🤯🤯<!-- -->"</p></div></a></div><div class="swiper-slide" style="width: 289.6px; margin-right: 12px;"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/BraydonCoyer/status/1511071369731137537"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@BraydonCoyer twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F8YxkpW8f_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F8YxkpW8f_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F8YxkpW8f_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@BraydonCoyer</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->And thanks to @supabase, I was able to go from idea to launched feature in a matter of hours. Absolutely amazing!<!-- -->"</p></div></a></div><div class="swiper-slide" style="width: 289.6px; margin-right: 12px;"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/damlakoksal/status/1511436907984662539"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@damlakoksal twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FN8EfTFs7_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FN8EfTFs7_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FN8EfTFs7_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@damlakoksal</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->Contributing to open-source projects and seeing merged PRs gives enormous happiness! Special thanks to @supabase, for giving this opportunity by staying open-source and being junior-friendly✌🏼<!-- -->"</p></div></a></div><div class="swiper-slide" style="width: 289.6px; margin-right: 12px;"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/kentherogers/status/1512609587110719488"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@KenTheRogers twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9l9Td-Fz_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F9l9Td-Fz_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9l9Td-Fz_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@KenTheRogers</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->Holy crap. @supabase is absolutely incredible. Most elegant backend as a service I've ever used. This is a dream.<!-- -->"</p></div></a></div><div class="swiper-slide" style="width: 289.6px; margin-right: 12px;"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/paoloricciuti/status/1497691838597066752"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@PaoloRicciuti twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FOCDKFUOp_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FOCDKFUOp_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FOCDKFUOp_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@PaoloRicciuti</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->Using @supabase I'm really pleased on the power of postgres (and sql in general). Despite being a bit dubious about the whole backend as a service thing I have to say I really don't miss anything. The whole experience feel very robust and secure.<!-- -->"</p></div></a></div><div class="swiper-slide" style="width: 289.6px; margin-right: 12px;"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/saxxone/status/1500812171063828486"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@saxxone twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FBXi6z1M7_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FBXi6z1M7_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FBXi6z1M7_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@saxxone</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->@supabase is lit. It took me less than 10 minutes to setup, the DX is just amazing.<!-- -->"</p></div></a></div><div class="swiper-slide" style="width: 289.6px; margin-right: 12px;"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/michaelcdever/status/1524753565599690754"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@michaelcdever twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FrWX8Jzp5_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FrWX8Jzp5_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FrWX8Jzp5_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@michaelcdever</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->I’m not sure what magic @supabase is using but we’ve migrated @happyteamsdotio database to @supabase from @heroku and it’s much much faster at half the cost.<!-- -->"</p></div></a></div><div class="swiper-slide" style="width: 289.6px; margin-right: 12px;"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/swyx/status/1366685025047994373"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@swyx twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FqhvO9V6x_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FqhvO9V6x_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FqhvO9V6x_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@swyx</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->There are a lot of indie hackers building in public, but it’s rare to see a startup shipping as consistently and transparently as Supabase. Their upcoming March releases look to be 🔥 Def worth a follow! also opened my eyes as to how to value add in open source.<!-- -->"</p></div></a></div><div class="swiper-slide" style="width: 289.6px; margin-right: 12px;"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/jperelli/status/1366195769657720834"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@jperelli twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F_ki30kYo_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F_ki30kYo_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F_ki30kYo_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@jperelli</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->This weekend I made a personal record 🥇 on the less time spent creating an application with social login / permissions, database, cdn, infinite scaling, git push to deploy and for free. Thanks to @supabase and @vercel<!-- -->"</p></div></a></div><div class="swiper-slide" style="width: 289.6px; margin-right: 12px;"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/KennethCassel/status/1524359528619384834"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@KennethCassel twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FpmQj3TX-_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FpmQj3TX-_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FpmQj3TX-_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@KennethCassel</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->Badass! Supabase is amazing. literally saves our small team a whole engineer’s worth of work constantly. The founders and everyone I’ve chatted with at supabase are just awesome people as well :)<!-- -->"</p></div></a></div><div class="swiper-slide" style="width: 289.6px; margin-right: 12px;"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/the_BrianB/status/1524716498442276864"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@the_BrianB twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F7NITI8Z3_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F7NITI8Z3_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F7NITI8Z3_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@the_BrianB</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->Working with Supabase is just fun. It makes working with a DB so much easier.<!-- -->"</p></div></a></div><div class="swiper-slide" style="width: 289.6px; margin-right: 12px;"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/_wilhelm__/status/1524074865107488769"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@_wilhelm__ twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FCvqDy6YF_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FCvqDy6YF_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FCvqDy6YF_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@_wilhelm__</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->This community is STRONG and will continue to be the reason why developers flock to @supabase over an alternative. Keep up the good work! ⚡️<!-- -->"</p></div></a></div><div class="swiper-slide" style="width: 289.6px; margin-right: 12px;"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/drewclemcr8/status/1523843155484942340"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@drewclemcr8 twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FbJlKtSxz_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FbJlKtSxz_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FbJlKtSxz_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@drewclemcr8</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->Working on my next SaaS app and I want this to be my whole job because I'm just straight out vibing putting it together. @supabase and chill, if you will<!-- -->"</p></div></a></div><div class="swiper-slide" style="width: 289.6px; margin-right: 12px;"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/CodiferousCoder/status/1522233113207836675"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@CodiferousCoder twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2Ft37cVLwy_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2Ft37cVLwy_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2Ft37cVLwy_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@CodiferousCoder</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->@supabase Putting a ton of well-explained example API queries in a self-building documentation is just a classy move all around. I also love having GraphQL-style nested queries with traditional SQL filtering. This is pure DX delight. A+++. #backend<!-- -->"</p></div></a></div><div class="swiper-slide" style="width: 289.6px; margin-right: 12px;"><a target="_blank" class="mb-4 z-0 break-inside-avoid-column block group" href="https://twitter.com/nasiscoe/status/1365140856035024902"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@nasiscoe twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2Fnc2Ms5hH_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2Fnc2Ms5hH_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2Fnc2Ms5hH_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@nasiscoe</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->Me using @supabase for the first time right now 🤯<!-- -->"</p></div></a></div></div></div></div><div class="group overflow-hidden relative transition-all max-h-[500px] w-auto flex-nowrap hidden lg:flex"><div class="columns-1 sm:columns-2 md:columns-2 lg:columns-3 xl:columns-5 gap-4 h-fit pr-4 w-screen min-w-[900px] xl:min-w-[1600px] max-w-[1600px] animate-[marquee_40000ms_linear_both_infinite] group-hover:pause motion-reduce:animate-none motion-reduce:will-change-none will-change-transform transition-transform"><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/thatguy_tex/status/1497602628410388480"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@thatguy_tex twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F09HouOSt_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F09HouOSt_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F09HouOSt_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@thatguy_tex</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->Working with @supabase has been one of the best dev experiences I've had lately. Incredibly easy to set up, great documentation, and so many fewer hoops to jump through than the competition. I definitely plan to use it on any and all future projects.<!-- -->"</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/IxoyeDesign/status/1497473731777728512"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@IxoyeDesign twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FC8opIL-g_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FC8opIL-g_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FC8opIL-g_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@IxoyeDesign</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->@supabase is just 🤯 Now I see why a lot of people love using it as a backend for their applications. I am really impressed with how easy it is to set up an Auth and then just code it together for the frontend. @IngoKpp now I see your joy with Supabase #coding #fullstackwebdev<!-- -->"</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/varlenneto/status/1496595780475535366"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@varlenneto twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FwkXN0t_F_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FwkXN0t_F_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FwkXN0t_F_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@varlenneto</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->I've been using @supabase for two personal projects and it has been amazing being able to use the power of Postgres and don't have to worry about the backend<!-- -->"</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/justinjunodev/status/1500264302749622273"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@justinjunodev twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9k_ZB9OO_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F9k_ZB9OO_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9k_ZB9OO_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@justinjunodev</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->Y'all @supabase + @nextjs is amazing! 🙌 Barely an hour into a proof-of-concept and already have most of the functionality in place. 🤯🤯🤯<!-- -->"</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/BraydonCoyer/status/1511071369731137537"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@BraydonCoyer twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F8YxkpW8f_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F8YxkpW8f_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F8YxkpW8f_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@BraydonCoyer</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->And thanks to @supabase, I was able to go from idea to launched feature in a matter of hours. Absolutely amazing!<!-- -->"</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/damlakoksal/status/1511436907984662539"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@damlakoksal twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FN8EfTFs7_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FN8EfTFs7_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FN8EfTFs7_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@damlakoksal</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->Contributing to open-source projects and seeing merged PRs gives enormous happiness! Special thanks to @supabase, for giving this opportunity by staying open-source and being junior-friendly✌🏼<!-- -->"</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/kentherogers/status/1512609587110719488"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@KenTheRogers twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9l9Td-Fz_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F9l9Td-Fz_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9l9Td-Fz_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@KenTheRogers</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->Holy crap. @supabase is absolutely incredible. Most elegant backend as a service I've ever used. This is a dream.<!-- -->"</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/paoloricciuti/status/1497691838597066752"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@PaoloRicciuti twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FOCDKFUOp_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FOCDKFUOp_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FOCDKFUOp_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@PaoloRicciuti</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->Using @supabase I'm really pleased on the power of postgres (and sql in general). Despite being a bit dubious about the whole backend as a service thing I have to say I really don't miss anything. The whole experience feel very robust and secure.<!-- -->"</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/saxxone/status/1500812171063828486"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@saxxone twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FBXi6z1M7_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FBXi6z1M7_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FBXi6z1M7_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@saxxone</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->@supabase is lit. It took me less than 10 minutes to setup, the DX is just amazing.<!-- -->"</p></div></a></div><div class="columns-1 sm:columns-2 md:columns-2 lg:columns-3 xl:columns-5 gap-4 h-fit pr-4 w-screen min-w-[900px] xl:min-w-[1600px] max-w-[1600px] animate-[marquee_40000ms_linear_both_infinite] group-hover:pause motion-reduce:animate-none motion-reduce:will-change-none will-change-transform transition-transform"><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/thatguy_tex/status/1497602628410388480"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@thatguy_tex twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F09HouOSt_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F09HouOSt_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F09HouOSt_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@thatguy_tex</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->Working with @supabase has been one of the best dev experiences I've had lately. Incredibly easy to set up, great documentation, and so many fewer hoops to jump through than the competition. I definitely plan to use it on any and all future projects.<!-- -->"</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/IxoyeDesign/status/1497473731777728512"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@IxoyeDesign twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FC8opIL-g_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FC8opIL-g_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FC8opIL-g_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@IxoyeDesign</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->@supabase is just 🤯 Now I see why a lot of people love using it as a backend for their applications. I am really impressed with how easy it is to set up an Auth and then just code it together for the frontend. @IngoKpp now I see your joy with Supabase #coding #fullstackwebdev<!-- -->"</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/varlenneto/status/1496595780475535366"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@varlenneto twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FwkXN0t_F_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FwkXN0t_F_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FwkXN0t_F_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@varlenneto</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->I've been using @supabase for two personal projects and it has been amazing being able to use the power of Postgres and don't have to worry about the backend<!-- -->"</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/justinjunodev/status/1500264302749622273"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@justinjunodev twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9k_ZB9OO_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F9k_ZB9OO_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9k_ZB9OO_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@justinjunodev</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->Y'all @supabase + @nextjs is amazing! 🙌 Barely an hour into a proof-of-concept and already have most of the functionality in place. 🤯🤯🤯<!-- -->"</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/BraydonCoyer/status/1511071369731137537"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@BraydonCoyer twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F8YxkpW8f_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F8YxkpW8f_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F8YxkpW8f_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@BraydonCoyer</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->And thanks to @supabase, I was able to go from idea to launched feature in a matter of hours. Absolutely amazing!<!-- -->"</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/damlakoksal/status/1511436907984662539"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@damlakoksal twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FN8EfTFs7_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FN8EfTFs7_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FN8EfTFs7_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@damlakoksal</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->Contributing to open-source projects and seeing merged PRs gives enormous happiness! Special thanks to @supabase, for giving this opportunity by staying open-source and being junior-friendly✌🏼<!-- -->"</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/kentherogers/status/1512609587110719488"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@KenTheRogers twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9l9Td-Fz_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F9l9Td-Fz_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9l9Td-Fz_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@KenTheRogers</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->Holy crap. @supabase is absolutely incredible. Most elegant backend as a service I've ever used. This is a dream.<!-- -->"</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/paoloricciuti/status/1497691838597066752"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@PaoloRicciuti twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FOCDKFUOp_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FOCDKFUOp_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FOCDKFUOp_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@PaoloRicciuti</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->Using @supabase I'm really pleased on the power of postgres (and sql in general). Despite being a bit dubious about the whole backend as a service thing I have to say I really don't miss anything. The whole experience feel very robust and secure.<!-- -->"</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/saxxone/status/1500812171063828486"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@saxxone twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FBXi6z1M7_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FBXi6z1M7_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FBXi6z1M7_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@saxxone</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->@supabase is lit. It took me less than 10 minutes to setup, the DX is just amazing.<!-- -->"</p></div></a></div><div class="columns-1 sm:columns-2 md:columns-2 lg:columns-3 xl:columns-5 gap-4 h-fit pr-4 w-screen min-w-[900px] xl:min-w-[1600px] max-w-[1600px] animate-[marquee_40000ms_linear_both_infinite] group-hover:pause motion-reduce:animate-none motion-reduce:will-change-none will-change-transform transition-transform"><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/thatguy_tex/status/1497602628410388480"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@thatguy_tex twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F09HouOSt_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F09HouOSt_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F09HouOSt_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@thatguy_tex</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->Working with @supabase has been one of the best dev experiences I've had lately. Incredibly easy to set up, great documentation, and so many fewer hoops to jump through than the competition. I definitely plan to use it on any and all future projects.<!-- -->"</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/IxoyeDesign/status/1497473731777728512"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@IxoyeDesign twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FC8opIL-g_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FC8opIL-g_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FC8opIL-g_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@IxoyeDesign</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->@supabase is just 🤯 Now I see why a lot of people love using it as a backend for their applications. I am really impressed with how easy it is to set up an Auth and then just code it together for the frontend. @IngoKpp now I see your joy with Supabase #coding #fullstackwebdev<!-- -->"</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/varlenneto/status/1496595780475535366"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@varlenneto twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FwkXN0t_F_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FwkXN0t_F_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FwkXN0t_F_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@varlenneto</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->I've been using @supabase for two personal projects and it has been amazing being able to use the power of Postgres and don't have to worry about the backend<!-- -->"</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/justinjunodev/status/1500264302749622273"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@justinjunodev twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9k_ZB9OO_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F9k_ZB9OO_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9k_ZB9OO_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@justinjunodev</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->Y'all @supabase + @nextjs is amazing! 🙌 Barely an hour into a proof-of-concept and already have most of the functionality in place. 🤯🤯🤯<!-- -->"</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/BraydonCoyer/status/1511071369731137537"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@BraydonCoyer twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F8YxkpW8f_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F8YxkpW8f_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F8YxkpW8f_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@BraydonCoyer</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->And thanks to @supabase, I was able to go from idea to launched feature in a matter of hours. Absolutely amazing!<!-- -->"</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/damlakoksal/status/1511436907984662539"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@damlakoksal twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FN8EfTFs7_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FN8EfTFs7_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FN8EfTFs7_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@damlakoksal</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->Contributing to open-source projects and seeing merged PRs gives enormous happiness! Special thanks to @supabase, for giving this opportunity by staying open-source and being junior-friendly✌🏼<!-- -->"</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/kentherogers/status/1512609587110719488"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@KenTheRogers twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9l9Td-Fz_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2F9l9Td-Fz_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2F9l9Td-Fz_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@KenTheRogers</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->Holy crap. @supabase is absolutely incredible. Most elegant backend as a service I've ever used. This is a dream.<!-- -->"</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/paoloricciuti/status/1497691838597066752"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@PaoloRicciuti twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FOCDKFUOp_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FOCDKFUOp_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FOCDKFUOp_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@PaoloRicciuti</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->Using @supabase I'm really pleased on the power of postgres (and sql in general). Despite being a bit dubious about the whole backend as a service thing I have to say I really don't miss anything. The whole experience feel very robust and secure.<!-- -->"</p></div></a><a target="_blank" class="min-w-[200px] mb-4 z-0 break-inside-avoid-column block group/tweet-card" href="https://twitter.com/saxxone/status/1500812171063828486"><div class="bg-surface-75 border group-hover/tweet-card:border-foreground-muted transition-colors rounded-2xl p-6 drop-shadow-sm"><div class="relative"><div class="flex items-center gap-2"><div class="h-10 w-10 overflow-hidden rounded-full border border-control"><img alt="@saxxone twitter image" loading="lazy" width="64" height="64" decoding="async" data-nimg="1" style="color:transparent" srcset="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FBXi6z1M7_400x400.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftwitter-profiles%2FBXi6z1M7_400x400.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftwitter-profiles%2FBXi6z1M7_400x400.jpg&amp;w=128&amp;q=75"></div><p class="text-foreground text-sm font-medium">@saxxone</p><div class="absolute -left-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black"><svg class="h-[12px] w-[12px]" fill="white" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></div></div></div><p class="text-foreground-lighter mt-3 text-base">"<!-- -->@supabase is lit. It took me less than 10 minutes to setup, the DX is just amazing.<!-- -->"</p></div></a></div></div><div class=" absolute pointer-events-none w-full h-full max-h-[400px] lg:max-h-none inset-0 top-auto lg:bg-[radial-gradient(50%_100%_at_50%_0,transparent_0%,transparent_50%,hsl(var(--background-default))_100%)] "></div></div><div class="bg-background grid grid-cols-12 items-center gap-4 border-t py-32 text-center px-16 border-none"><div class="col-span-12"><h2 class="h2"><span class="text-foreground-lighter">Build in a weekend,</span><span class="text-foreground block sm:inline"> scale to millions</span></h2></div><div class="flex items-center justify-center gap-2 col-span-12 mt-4"><a data-size="medium" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border bg-brand-400 dark:bg-brand-500 hover:bg-brand/80 dark:hover:bg-brand/50 text-foreground border-brand-500/75 dark:border-brand/30 hover:border-brand-600 dark:hover:border-brand focus-visible:outline-brand-600 data-[state=open]:bg-brand-400/80 dark:data-[state=open]:bg-brand-500/80 data-[state=open]:outline-brand-600 text-sm px-4 py-2 h-[38px]" href="https://supabase.com/dashboard"><span class="truncate">Start your project</span></a><a data-size="medium" type="button" class="relative justify-center cursor-pointer inline-flex items-center space-x-2 text-center font-regular ease-out duration-200 rounded-md outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 border text-foreground bg-alternative dark:bg-muted hover:bg-selection border-strong hover:border-stronger focus-visible:outline-brand-600 data-[state=open]:bg-selection data-[state=open]:outline-brand-600 data-[state=open]:border-button-hover text-sm px-4 py-2 h-[38px]" href="/contact/sales"><span class="truncate">Request a demo</span></a></div></div><div class="__react_component_tooltip homepage-tt place-bottom type-dark" id="homepage-tt" data-id="tooltip"><style aria-hidden="true">
  	.homepage-tt {
	    color: #fff;
	    background: #222;
	    border: 1px solid transparent;
	    border-radius: undefinedpx;
	    padding: 8px 21px;
  	}

  	.homepage-tt.place-top {
        margin-top: -10px;
    }
    .homepage-tt.place-top::before {
        content: "";
        background-color: inherit;
        position: absolute;
        z-index: 2;
        width: 20px;
        height: 12px;
    }
    .homepage-tt.place-top::after {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        border-top-right-radius: undefinedpx;
        border: 1px solid transparent;
        background-color: #222;
        z-index: -2;
        bottom: -6px;
        left: 50%;
        margin-left: -6px;
        transform: rotate(135deg);
    }

    .homepage-tt.place-bottom {
        margin-top: 10px;
    }
    .homepage-tt.place-bottom::before {
        content: "";
        background-color: inherit;
        position: absolute;
        z-index: -1;
        width: 18px;
        height: 10px;
    }
    .homepage-tt.place-bottom::after {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        border-top-right-radius: undefinedpx;
        border: 1px solid transparent;
        background-color: #222;
        z-index: -2;
        top: -6px;
        left: 50%;
        margin-left: -6px;
        transform: rotate(45deg);
    }

    .homepage-tt.place-left {
        margin-left: -10px;
    }
    .homepage-tt.place-left::before {
        content: "";
        background-color: inherit;
        position: absolute;
        z-index: -1;
        width: 10px;
        height: 18px;
    }
    .homepage-tt.place-left::after {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        border-top-right-radius: undefinedpx;
        border: 1px solid transparent;
        background-color: #222;
        z-index: -2;
        right: -6px;
        top: 50%;
        margin-top: -6px;
        transform: rotate(45deg);
    }

    .homepage-tt.place-right {
        margin-left: 10px;
    }
    .homepage-tt.place-right::before {
        content: "";
        background-color: inherit;
        position: absolute;
        z-index: -1;
        width: 10px;
        height: 18px;
    }
    .homepage-tt.place-right::after {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        border-top-right-radius: undefinedpx;
        border: 1px solid transparent;
        background-color: #222;
        z-index: -2;
        left: -6px;
        top: 50%;
        margin-top: -6px;
        transform: rotate(-135deg);
    }
  </style></div></main><footer class="bg-alternative" aria-labelledby="footerHeading"><h2 id="footerHeading" class="sr-only">Footer</h2><div class="w-full !py-0"><div class="sm:py-18 container relative mx-auto px-6 py-16 md:py-24 lg:px-16 lg:py-24 xl:px-20 grid grid-cols-2 md:flex items-center justify-between text-foreground md:justify-center gap-8 md:gap-16 xl:gap-28 !py-6 md:!py-10 text-sm"><div class="flex flex-col md:flex-row gap-2 md:items-center">We protect your data.<a class="text-brand hover:underline" href="/security">More on Security</a></div><ul class="flex flex-col md:flex-row gap-2 md:gap-8 justify-center md:items-center"><li class="flex items-center gap-2 whitespace-nowrap flex-nowrap"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path></svg> SOC2 Type 2<!-- --> <span class="text-foreground-lighter hidden sm:inline">Certified</span></li><li class="flex items-center gap-2 whitespace-nowrap flex-nowrap"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path></svg> HIPAA<!-- --> <span class="text-foreground-lighter hidden sm:inline">Compliant</span></li></ul></div><div class="w-full h-px bg-gradient-to-r from-transparent via-border to-transparent"></div></div><div class="sm:py-18 container relative mx-auto px-6 py-16 md:py-24 lg:px-16 lg:py-24 xl:px-20 py-8"><div class="xl:grid xl:grid-cols-3 xl:gap-8"><div class="space-y-8 xl:col-span-1"><a class="w-40" href="/"><img alt="Supabase Logo" fetchpriority="high" width="160" height="30" decoding="async" data-nimg="1" class="dark:hidden" style="color:transparent" srcset="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--light.daaeffd3.png&amp;w=256&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--light.daaeffd3.png&amp;w=384&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--light.daaeffd3.png&amp;w=384&amp;q=75"><img alt="Supabase Logo" fetchpriority="high" width="160" height="30" decoding="async" data-nimg="1" class="hidden dark:block" style="color:transparent" srcset="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--dark.b36ebb5f.png&amp;w=256&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--dark.b36ebb5f.png&amp;w=384&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsupabase-logo-wordmark--dark.b36ebb5f.png&amp;w=384&amp;q=75"></a><div class="flex space-x-5"><a href="https://twitter.com/supabase" class="text-foreground-lighter hover:text-foreground transition"><span class="sr-only">Twitter</span><div class="relative" style="width:22px;height:22px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="none" class="sbui-icon" width="100%" height="100%"><path fill="currentColor" d="M12.6009 0.903908H15.0544L9.69434 7.03008L16 15.3664H11.0627L7.19566 10.3105L2.77087 15.3664H0.31595L6.04904 8.81379L0 0.903908H5.06262L8.55811 5.52524L12.6009 0.903908ZM11.7399 13.8979H13.0993L4.32392 2.29528H2.86506L11.7399 13.8979Z"></path></svg></div></a><a href="https://github.com/supabase" class="text-foreground-lighter hover:text-foreground transition"><span class="sr-only">GitHub</span><div class="relative" style="width:22px;height:22px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="none" class="sbui-icon" width="100%" height="100%"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.5816 0 0 3.58719 0 8.01357C0 11.5535 2.292 14.5575 5.4712 15.6167C5.8712 15.6903 6.0168 15.4431 6.0168 15.2303C6.0168 15.0407 6.0104 14.5359 6.0064 13.8679C3.7808 14.3519 3.3112 12.7935 3.3112 12.7935C2.948 11.8671 2.4232 11.6207 2.4232 11.6207C1.6968 11.1247 2.4784 11.1343 2.4784 11.1343C3.2808 11.1903 3.7032 11.9599 3.7032 11.9599C4.4168 13.1839 5.576 12.8303 6.0312 12.6255C6.1048 12.1079 6.3112 11.7551 6.54 11.5551C4.764 11.3527 2.896 10.6647 2.896 7.59438C2.896 6.71998 3.208 6.00398 3.7192 5.44398C3.6368 5.24158 3.3624 4.42639 3.7976 3.32399C3.7976 3.32399 4.4696 3.10799 5.9976 4.14479C6.65022 3.9668 7.32355 3.87614 8 3.87519C8.68 3.87839 9.364 3.96719 10.0032 4.14479C11.5304 3.10799 12.2008 3.32319 12.2008 3.32319C12.6376 4.42639 12.3624 5.24158 12.2808 5.44398C12.7928 6.00398 13.1032 6.71998 13.1032 7.59438C13.1032 10.6727 11.232 11.3503 9.4504 11.5487C9.73762 11.7959 9.99282 12.2847 9.99282 13.0327C9.99282 14.1031 9.98322 14.9679 9.98322 15.2303C9.98322 15.4447 10.1272 15.6943 10.5336 15.6159C12.1266 15.0816 13.5115 14.0602 14.4924 12.696C15.4733 11.3318 16.0007 9.69382 16 8.01357C16 3.58719 12.4176 0 8 0Z" fill="currentColor"></path></svg></div></a><a href="https://discord.supabase.com/" class="text-foreground-lighter hover:text-foreground transition"><span class="sr-only">Discord</span><div class="relative" style="width:22px;height:22px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="none" class="sbui-icon" width="100%" height="100%"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5447 3.01094C12.5249 2.54302 11.4313 2.19828 10.2879 2.00083C10.2671 1.99702 10.2463 2.00654 10.2356 2.02559C10.0949 2.27573 9.93921 2.60206 9.83011 2.85856C8.60028 2.67444 7.3768 2.67444 6.17222 2.85856C6.06311 2.59636 5.90166 2.27573 5.76038 2.02559C5.74966 2.00717 5.72887 1.99765 5.70803 2.00083C4.56527 2.19764 3.47171 2.54239 2.45129 3.01094C2.44246 3.01475 2.43488 3.0211 2.42986 3.02935C0.355594 6.12826 -0.212633 9.151 0.06612 12.1362C0.067381 12.1508 0.0755799 12.1648 0.0869319 12.1737C1.45547 13.1787 2.78114 13.7889 4.08219 14.1933C4.10301 14.1996 4.12507 14.192 4.13832 14.1749C4.44608 13.7546 4.72043 13.3114 4.95565 12.8454C4.96953 12.8181 4.95628 12.7857 4.92791 12.7749C4.49275 12.6099 4.0784 12.4086 3.67982 12.18C3.64829 12.1616 3.64577 12.1165 3.67477 12.095C3.75865 12.0321 3.84255 11.9667 3.92264 11.9007C3.93713 11.8886 3.95732 11.8861 3.97435 11.8937C6.59287 13.0892 9.42771 13.0892 12.0153 11.8937C12.0323 11.8854 12.0525 11.888 12.0677 11.9C12.1478 11.9661 12.2316 12.0321 12.3161 12.095C12.3451 12.1165 12.3433 12.1616 12.3117 12.18C11.9131 12.413 11.4988 12.6099 11.063 12.7743C11.0346 12.7851 11.022 12.8181 11.0359 12.8454C11.2762 13.3108 11.5505 13.7539 11.8526 14.1742C11.8652 14.192 11.8879 14.1996 11.9087 14.1933C13.2161 13.7889 14.5417 13.1787 15.9103 12.1737C15.9223 12.1648 15.9298 12.1515 15.9311 12.1369C16.2647 8.6856 15.3723 5.68765 13.5655 3.02998C13.5611 3.0211 13.5535 3.01475 13.5447 3.01094ZM5.34668 10.3185C4.55833 10.3185 3.90876 9.59478 3.90876 8.70593C3.90876 7.81707 4.54574 7.09331 5.34668 7.09331C6.15393 7.09331 6.79722 7.82342 6.7846 8.70593C6.7846 9.59478 6.14762 10.3185 5.34668 10.3185ZM10.6632 10.3185C9.87481 10.3185 9.22527 9.59478 9.22527 8.70593C9.22527 7.81707 9.86221 7.09331 10.6632 7.09331C11.4704 7.09331 12.1137 7.82342 12.1011 8.70593C12.1011 9.59478 11.4704 10.3185 10.6632 10.3185Z" fill="currentColor"></path></svg></div></a><a href="https://youtube.com/c/supabase" class="text-foreground-lighter hover:text-foreground transition"><span class="sr-only">Youtube</span><div class="relative" style="width:22px;height:22px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="none" class="sbui-icon" width="100%" height="100%"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.6657 4.13526C15.4817 3.44239 14.9395 2.8967 14.2511 2.71152C13.0033 2.37502 8 2.37502 8 2.37502C8 2.37502 2.99669 2.37502 1.74891 2.71152C1.06052 2.89673 0.518351 3.44239 0.334337 4.13526C1.90735e-06 5.39112 1.90735e-06 8.01137 1.90735e-06 8.01137C1.90735e-06 8.01137 1.90735e-06 10.6316 0.334337 11.8875C0.518351 12.5804 1.06052 13.1033 1.74891 13.2885C2.99669 13.625 8 13.625 8 13.625C8 13.625 13.0033 13.625 14.2511 13.2885C14.9395 13.1033 15.4817 12.5804 15.6657 11.8875C16 10.6316 16 8.01137 16 8.01137C16 8.01137 16 5.39112 15.6657 4.13526ZM6.36363 10.3904V5.63238L10.5454 8.01143L6.36363 10.3904Z" fill="currentColor"></path></svg></div></a></div></div><div class="mt-12 grid grid-cols-1 gap-8 xl:col-span-2 xl:mt-0"><div class="grid grid-cols-2 gap-8 md:grid-cols-4"><div><h6 class="text-foreground overwrite text-base">Product</h6><ul class="mt-4 space-y-2"><li><a href="/database"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Database</div></a></li><li><a href="/auth"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Auth</div></a></li><li><a href="/edge-functions"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Functions</div></a></li><li><a href="/realtime"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Realtime</div></a></li><li><a href="/storage"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Storage</div></a></li><li><a href="/vector"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Vector</div></a></li><li><a href="/pricing"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Pricing</div></a></li><li><a href="/ga-week"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">GA Week</div></a></li></ul></div><div><h6 class="text-foreground overwrite text-base">Resources</h6><ul class="mt-4 space-y-2"><li><a href="/support"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Support</div></a></li><li><a href="https://status.supabase.com/"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">System Status</div></a></li><li><a href="/partners"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Become a Partner</div></a></li><li><a href="/partners/integrations"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Integrations</div></a></li><li><a href="/partners/experts"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Experts</div></a></li><li><a href="/brand-assets"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Brand Assets / Logos</div></a></li><li><a href="/security"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Security and Compliance</div></a></li><li><a href="/legal/dpa"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">DPA</div></a></li><li><a href="/security"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">SOC2</div></a></li><li><a href="https://forms.supabase.com/hipaa2"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">HIPAA</div></a></li></ul></div><div><h6 class="text-foreground overwrite text-base">Developers</h6><ul class="mt-4 space-y-2"><li><a href="/docs"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Documentation</div></a></li><li><a href="/changelog"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Changelog</div></a></li><li><a href="https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Contributing</div></a></li><li><a href="/open-source"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Open Source</div></a></li><li><a href="/supasquad"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">SupaSquad</div></a></li><li><a href="https://dev.to/supabase"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">DevTo</div></a></li><li><a href="/rss.xml"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">RSS</div></a></li></ul></div><div><h6 class="text-foreground overwrite text-base">Company</h6><ul class="mt-4 space-y-2"><li><a href="/blog"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Blog</div></a></li><li><a href="/customers"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Customer Stories</div></a></li><li><a href="/careers"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Careers</div></a></li><li><a href="/company"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Company</div></a></li><li><a href="/events"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Events &amp; Webinars</div></a></li><li><a href="/ga"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">General Availability</div></a></li><li><a href="/terms"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Terms of Service</div></a></li><li><a href="/privacy"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Privacy Policy</div></a></li><li><button><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Privacy Settings</div></button></li><li><a href="/aup"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Acceptable Use Policy</div></a></li><li><a href="/support-policy"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Support Policy</div></a></li><li><a href="/sla"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Service Level Agreement</div></a></li><li><a href="/humans.txt"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Humans.txt</div></a></li><li><a href="/lawyers.txt"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Lawyers.txt</div></a></li><li><a href="/.well-known/security.txt"><div class="text-sm transition-colors text-foreground-lighter hover:text-foreground ">Security.txt</div></a></li></ul></div></div></div></div><div class="border-default mt-32 flex justify-between border-t pt-8"><small class="small">© Supabase Inc</small><div class=""><button id="user-settings-dropdown" class="flex items-center justify-center h-7 w-7 text-foreground-light" type="button" 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></div></div></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"gpjAHHpAmN1rtOVCZSvHP","nextExport":true,"autoExport":true,"isFallback":false,"dynamicIds":[59303,72121,78290,336,19667,28482,2253,63055,57042],"scriptLoader":[]}</script><next-route-announcer><p aria-live="assertive" id="__next-route-announcer__" role="alert" style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; top: 0px; width: 1px; white-space: nowrap; overflow-wrap: normal;"></p></next-route-announcer><script src="/_next/static/chunks/4729-181aee9a70a152bc.js"></script><script src="/_next/static/chunks/pages/contact/sales-5f8fc4c7ebf7c0b8.js"></script><script src="/_next/static/chunks/2943-9af357c7243ef913.js"></script><script src="/_next/static/chunks/pages/database-ce3c8f9e5531b472.js"></script></body></html>