Registries
ActiveFeaturedComponent library (general)105,895

@supabase

Component library (general) · Apache-2.0 · data updated 2026-07-08

Official Supabase UI registry — shadcn/ui-compatible components that wire your Next.js front-end directly to Supabase services. Includes password-based auth (sign-in/sign-up), social auth, current-user avatar, realtime avatar stack, realtime chat, realtime cursor, realtime Monaco editor, realtime flow, dropzone for Storage uploads, and an infinite-query helper. Built with React, Next.js (App Router), Tailwind CSS, and the Supabase JS client. Fully free and open source. Use for: any Next.js + Supabase project that needs pre-wired auth flows, realtime collaboration widgets, or Storage upload components without writing the Supabase client integration from scratch.

WebsiteDocsGitHub

Install

npx shadcn@latest add https://supabase.com/ui/r/registry.json

Health

StatusActive
Last committoday
LicenseApache-2.0
Open issues1076
ArchivedNo
Stars105,895

Components (61)

password-based-auth-nextjspassword-based-auth-reactpassword-based-auth-react-routerpassword-based-auth-tanstacksocial-auth-nextjssocial-auth-reactsocial-auth-react-routersocial-auth-tanstackdropzone-nextjsdropzone-reactdropzone-react-routerdropzone-tanstackrealtime-cursor-nextjsrealtime-cursor-reactrealtime-cursor-react-routerrealtime-cursor-tanstackcurrent-user-avatar-nextjscurrent-user-avatar-reactcurrent-user-avatar-react-routercurrent-user-avatar-tanstackrealtime-avatar-stack-nextjsrealtime-avatar-stack-reactrealtime-avatar-stack-react-routerrealtime-avatar-stack-tanstackrealtime-chat-nextjsrealtime-chat-reactrealtime-chat-react-routerrealtime-chat-tanstackrealtime-flow-nextjsrealtime-flow-reactrealtime-flow-react-routerrealtime-flow-tanstackrealtime-monaco-nextjsrealtime-monaco-reactrealtime-monaco-react-routerrealtime-monaco-tanstackinfinite-query-hooktanstack-db-nextjssupabase-client-nextjssupabase-client-reactsupabase-client-react-routersupabase-client-tanstackplatform-kit-nextjssupabase-client-nuxtjssupabase-client-vuepassword-based-auth-nuxtjspassword-based-auth-vuesocial-auth-vuesocial-auth-nuxtjsdropzone-nuxtjsdropzone-vuerealtime-cursor-nuxtjsrealtime-cursor-vuecurrent-user-avatar-nuxtjscurrent-user-avatar-vuerealtime-avatar-stack-nuxtjsrealtime-avatar-stack-vuerealtime-chat-nuxtjsrealtime-chat-vueinfinite-query-composable
Components: password-based-auth-nextjs, password-based-auth-react, password-based-auth-react-router, password-based-auth-tanstack, social-auth-nextjs, social-auth-react, social-auth-react-router, social-auth-tanstack, dropzone-nextjs, dropzone-react, dropzone-react-router, dropzone-tanstack, realtime-cursor-nextjs, realtime-cursor-react, realtime-cursor-react-router, realtime-cursor-tanstack, current-user-avatar-nextjs, current-user-avatar-react, current-user-avatar-react-router, current-user-avatar-tanstack, realtime-avatar-stack-nextjs, realtime-avatar-stack-react, realtime-avatar-stack-react-router, realtime-avatar-stack-tanstack, realtime-chat-nextjs, realtime-chat-react, realtime-chat-react-router, realtime-chat-tanstack, realtime-flow-nextjs, realtime-flow-react, realtime-flow-react-router, realtime-flow-tanstack, realtime-monaco-nextjs, realtime-monaco-react, realtime-monaco-react-router, realtime-monaco-tanstack, infinite-query-hook, tanstack-db-nextjs, supabase-client-nextjs, supabase-client-react, supabase-client-react-router, supabase-client-tanstack, platform-kit-nextjs, supabase-client-nuxtjs, supabase-client-vue, password-based-auth-nuxtjs, password-based-auth-vue, social-auth-vue, social-auth-nuxtjs, dropzone-nuxtjs, dropzone-vue, realtime-cursor-nuxtjs, realtime-cursor-vue, current-user-avatar-nuxtjs, current-user-avatar-vue, realtime-avatar-stack-nuxtjs, realtime-avatar-stack-vue, realtime-chat-nuxtjs, realtime-chat-vue, infinite-query-composable, ai-editor-rules

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

@supabase · password-based-auth-nextjs

npx shadcn@latest add https://supabase.com/ui/r/password-based-auth-nextjs.json
View source