dima/supabase
1
0 Fork 0
mirror of https://github.com/supabase/supabase.git synced 2026-10-15 22:29:11 +03:00
Code Issues Packages Projects Releases Wiki Activity

blog post edits

Browse Source
This commit is contained in:
Wen Bo Xie committed 2025-03-31 14:54:33 +02:00
1 parent 533c37b241
commit dc6077ed94
1 file changed
+5 -5
Download Patch File Download Diff File Expand all files Collapse all files
apps/www/_blog/2025-03-31-supabase-ui-library.mdx
+5 -5
View File
@@ -16,13 +16,13 @@ launchweek: 14
We're excited to release an [official Supabase UI Library](https://supabase.com/ui)—a collection of ready-to-use components built on top of [shadcn/ui](https://ui.shadcn.com/). Designed for flexibility, these components can be dropped into any Next.js, React Router, TanStack Start, or plain React app.
Installing components from the Supabase UI Library, is as easy as installing a component from shadcn/ui.
Installing components from the Supabase UI Library is as easy as installing a component from shadcn/ui.
<Img alt="Install" src="/images/blog/launch-week-14/day-1-supabase-ui-library/install.jpg" />
The library is 100% shadcn/ui compatible, using the [component registry](https://x.com/shadcn/status/1829646556318089509) feature. It follows the conventions for theming and reuses existing components like buttons and inputs.
The library is 100% shadcn/ui compatible by leveraging the [component registry](https://x.com/shadcn/status/1829646556318089509) feature. It follows the conventions for theming and reuses existing components like buttons and inputs.
Our UI registry is a collection of reusable components designed for use in several popular React frameworks. Components are styled with shadcn/ui, styled with Tailwind CSS, and are completely customizable.
Our UI registry is a collection of reusable components designed for use in several popular React frameworks. Components are styled with shadcn/ui and Tailwind CSS and are completely customizable.
<Img
alt="UI Library files"
@@ -36,7 +36,7 @@ It's designed to take both the time and the pain out of building complex functio
- [Supabase client](https://supabase.com/ui/docs/nextjs/client) initialization for client-side and server-side use
- [Password-based authentication](https://supabase.com/ui/docs/nextjs/password-based-auth)
- [File Upload Dropzone](https://supabase.com/ui/docs/nextjs/dropzone)
- [Real-time Cursor Sharing](https://supabase.com/ui/docs/nextjs/realtime-cursor)
- [Realtime Cursor Sharing](https://supabase.com/ui/docs/nextjs/realtime-cursor)
- [Current User Avatar](https://supabase.com/ui/docs/nextjs/current-user-avatar)
- [Realtime Avatar Stack](https://supabase.com/ui/docs/nextjs/realtime-avatar-stack)
- [Realtime Chat](https://supabase.com/ui/docs/tanstack/realtime-chat)
@@ -75,7 +75,7 @@ File upload components are often complicated to set up. Spend your time working
## Realtime cursor sharing
The Realtime Cursor component gets you started building multiplayer experiences in your applications. You can just drop this component into your project and you're ready for realtime in seconds.
The Realtime Cursor component gets you started building multiplayer experiences in your applications. You can just drop this component into your project and you're ready to use Realtime in seconds.
<Img
alt="Realtime cursors"