--- title: Introducing the Supabase UI Library | daily.dev description: Supabase has released an official UI Library consisting of ready-to-use components built on shadcn/ui, compatible with various React frameworks. The library... canonical: https://daily.dev/posts/introducing-the-supabase-ui-library-grdtd5df1 twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Introducing the Supabase UI Library | daily.dev og:description: Supabase has released an official UI Library consisting of ready-to-use components built on shadcn/ui, compatible with various React frameworks. The library... og:url: https://daily.dev/posts/introducing-the-supabase-ui-library-grdtd5df1 og:image: https://api.daily.dev/og/posts/grdtd5Df1.png og:image:alt: Introducing the Supabase UI Library og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Introducing the Supabase UI Library **[Community Picks](https://daily.dev/sources/community)** · 4 min read · 470 upvotes · 16 comments ## Summary Supabase has released an official UI Library consisting of ready-to-use components built on shadcn/ui, compatible with various React frameworks. The library includes components for password-based authentication, file uploads, real-time cursor sharing, user avatars, and chat functionalities. These components are fully customizable with Tailwind CSS and designed to simplify the integration of complex features in your projects. Additionally, Supabase provides AI code editor rules to enhance development with Supabase and Postgres. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@francoratovoson** · 5 upvotes > Looks great! But genuine question supabase team: Why ? **@seikyoe** · 0 upvotes > this looks neat **@proflead** · 0 upvotes > Looks promising! Has anyone tested it already? **@rohitlakh** · 0 upvotes > Here we go again (on top of shadcn UI) **@igatus\_console** · 0 upvotes > Great job supabase ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments - [CNCF Unveils Schedule for KubeCon \+ CloudNativeCon Europe 2026](https://daily.dev/posts/cncf-unveils-schedule-for-kubecon-cloudnativecon-europe-2026-ikhcoa5cb) · CNCF · 2 upvotes · 0 comments - [CNCF Debuts KubeCon \+ CloudNativeCon Japan 2026 Schedule](https://daily.dev/posts/cncf-debuts-kubecon-cloudnativecon-japan-2026-schedule-xp5pyudub) · CNCF · 1 upvotes · 0 comments --- Tags: [#react](https://daily.dev/tags/react), [#nextjs](https://daily.dev/tags/nextjs), [#tailwind-css](https://daily.dev/tags/tailwind-css), [#supabase](https://daily.dev/tags/supabase) [View this post on daily.dev](https://daily.dev/posts/introducing-the-supabase-ui-library-grdtd5df1) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Introducing the Supabase UI Library","url":"https://daily.dev/posts/introducing-the-supabase-ui-library-grdtd5df1","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/introducing-the-supabase-ui-library-grdtd5df1"},"datePublished":"2025-03-31T20:39:04.306Z","dateModified":"2025-03-31T20:39:32.735Z","description":"Supabase has released an official UI Library consisting of ready-to-use components built on shadcn/ui, compatible with various React frameworks. The library...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/483169410a3905a55ade1e6c81f8dd15?_a=AQAEuj9","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/483169410a3905a55ade1e6c81f8dd15?_a=AQAEuj9","isAccessibleForFree":true,"articleSection":"Community Picks","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Community Picks","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community","url":"https://daily.dev/sources/community"},"commentCount":16,"discussionUrl":"https://daily.dev/posts/introducing-the-supabase-ui-library-grdtd5df1","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":470},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":16}],"keywords":"react,nextjs,tailwind-css,supabase","timeRequired":"PT4M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Community Picks","item":"https://daily.dev/sources/community"},{"@type":"ListItem","position":3,"name":"Introducing the Supabase UI Library"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/introducing-the-supabase-ui-library-grdtd5df1","comment":[{"@type":"Comment","text":"Looks great! But genuine question supabase team: Why ?","datePublished":"2025-04-01T14:33:55.267Z","url":"https://daily.dev/posts/grdtd5Df1#c-yHy7NjH4T","author":{"@type":"Person","name":"Franco RATOVOSON","url":"https://daily.dev/francoratovoson","image":"https://avatars.githubusercontent.com/u/56756707?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":5}},{"@type":"Comment","text":"this looks neat","datePublished":"2025-04-01T10:51:37.973Z","url":"https://daily.dev/posts/grdtd5Df1#c-imumJjHul","author":{"@type":"Person","name":"Seikyoe","url":"https://daily.dev/seikyoe","image":"https://avatars.githubusercontent.com/u/70795571?v=4"}},{"@type":"Comment","text":"Looks promising! Has anyone tested it already?","datePublished":"2025-04-08T08:02:00.354Z","url":"https://daily.dev/posts/grdtd5Df1#c-4Tpxnru3P","author":{"@type":"Person","name":"Vladislav Guzey","url":"https://daily.dev/proflead","image":"https://media.daily.dev/image/upload/s--4L7ELKjK--/f_auto/v1783678559/avatars/avatar_mynD5jCcrzlhTMlFarmBA?_a=BAMAMicg0"}},{"@type":"Comment","text":"Here we go again (on top of shadcn UI)","datePublished":"2025-04-07T05:30:25.556Z","url":"https://daily.dev/posts/grdtd5Df1#c-sUBafpjHn","author":{"@type":"Person","name":"Rohit Lakhotia","url":"https://daily.dev/rohitlakh","image":"https://lh3.googleusercontent.com/a/AItbvmmXQzLV0KS6KJ_-d5r-YT848gL476uxkHbMpPM2=s100"}},{"@type":"Comment","text":"Great job supabase","datePublished":"2025-05-01T11:14:52.657Z","url":"https://daily.dev/posts/grdtd5Df1#c-21Q0s6jgo","author":{"@type":"Person","name":"JOHN IGATA","url":"https://daily.dev/igatus_console","image":"https://lh3.googleusercontent.com/a/ACg8ocL4B__LzQvMOpOicUCKbZNj8JMWKar6n_tCKdd3GDW_GsVGTgNL=s96-c"}}]} ```