Supabase UI
An open-source UI component library inspired by Tailwind and AntDesign.
About Supabase UI
Supabase UI is a library of components, blocks, and developer tools designed to connect a project to Supabase through a single install command. It provides pre-built UI blocks covering common application needs such as password-based authentication, social authentication, file upload/dropzone, and realtime features including cursors, avatar stacks, and chat.
The library also includes blocks for a current user avatar display, an infinite query hook, and platform-kit blocks for Supabase projects. It is intended for developers building applications on Supabase who want ready-made UI components rather than building these features from scratch. The source code is available on GitHub, and the site design is credited as inspired by Radix and shadcn/ui.
Key features
- Pre-built UI blocks for Supabase projects (password auth, social auth, file upload)
- Realtime collaboration components (cursors, chat, avatar stack)
- Installable via a single command that connects components to a Supabase project
- Infinite Query Hook for data fetching
- Current User Avatar component
Frequently asked questions
What is Supabase UI for?
It is a collection of components, blocks, and developer tools that connect a project to Supabase via a single command.
What kinds of components are included?
Blocks for password-based authentication, social authentication, file upload/dropzone, realtime cursors, realtime chat, avatar stack, and an infinite query hook, among others.
How do I install it?
The blocks are installed via a single install command, as described in the Quick Start and Install sections.
Is the source code available?
Yes, the source code is available on GitHub and the project is built by Supabase.
Show your product to thousands of developers
· 100k monthly pageviews
· 7k newsletter subscribers
You might also like
React Suite
Library/Programming/UIA suite of React components, sensible UI design, and a friendly development experience.
Semantic UI
Library/Programming/UISemantic empowers designers and developers by creating a shared vocabulary for UI.
sigma.js
Library/ProgrammingSigma is a JavaScript library dedicated to graph drawing. It makes easy to publish networks on Web pages, and allows developers to integrate network exploration in rich Web applications.
SurveyJS
Open Source/Library/ProgrammingSurveyJS is an open-source JavaScript library for building dynamic forms and surveys using JSON. It works with React, Angular, Vue, and plain JavaScript, and can be connected to any backend.
Tailwind CSS
Library/Programming/UIDocumentation for the Tailwind CSS framework.
TailwindComponents
Library/Programming/UITailwind CSS examples from components by the community. Tailwind chart, grids, inputs, forms, templates and much more.
