TagadaRx · Oct 2026
Announcing the Supabase UI Library
Supabase · Mar 2025 · 1:08 · AI-annotated
A presenter-led launch video that alternates locked-off talking-head shots on a black neon set with split-screen component demos. Signature moves: dark rounded icon tiles and a self-typing monospace terminal that pop in beside the presenter, cut to a steady 123 BPM.
More like this
Cursor · Developer tools · Jun 2025
Retool · Developer tools · Oct 2025
Announcing the Supabase UI Library, scene by scene
· 16 scenes as text
01 · Product intro · 0:00–0:08
A bearded presenter in a black Supabase tee stands before a black set with glowing green light bars, gesturing as he speaks. A lower-third name card slides in at lower left, then three dark icon tiles labeled Authentication, File Storage, Realtime pop in one by one on the left.
On-screen text: “Jon Meyers”, “DevRel Engineer”, “Authentication”, “File Storage”, “Realtime”
Camera: Static
02 · Problem · 0:08–0:13
A bearded man in a black Supabase T-shirt talks to camera in a locked-off medium shot, gesturing with both hands, against a black set with blurred vertical green light bars.
On-screen text: “Authentication”, “File Storage”, “Realtime”
Camera: Static
03 · Product intro · 0:13–0:16
A bearded man in a black t-shirt stands before a black wall of vertical green neon tubes, gesturing with open palms as he speaks. The camera pulls back from a chest-up frame to a full-body wide shot.
Camera: Static
04 · Product intro · 0:16–0:19
A bearded presenter in a black Supabase T-shirt stands center frame against a black set with floating green light bars, gesturing as he speaks. A dark rounded card with four white outlined diamonds and the label UI Library pops in at the upper left.
On-screen text: “UI Library”
Camera: Static
05 · Product intro · 0:19–0:24
A bearded presenter in a black Supabase tee stands before a black set with green vertical light bars, gesturing as he speaks. At left, a UI Library icon card morphs into a terminal box where a shadcn add command with a Supabase URL types itself out.
On-screen text: “UI Library”, “$ npx shadcn add”, “https://supabase.com/ui/r/component.json”
Techniques: Morph, Kinetic type
Camera: Static
06 · Feature reveal · 0:24–0:26
A bearded man in a black Supabase t-shirt stands center-right against a black set with vertical green light bars. He faces the camera, talking and gesturing with both hands while the frame stays locked off.
On-screen text: “https://supabase.com/ui/r/component.json|”
Camera: Static
07 · Feature reveal · 0:26–0:32
A bearded man in a black t-shirt stands on the right against a black set with vertical green light bars, gesturing as he speaks. On the left, four dark rounded tiles fade in one by one, each holding a white logo and label: React, NextJS, Remix, Tanstack.
On-screen text: “React”, “NextJS”, “Remix”, “Tanstack”
Camera: Static
08 · Feature reveal · 0:32–0:33
A bearded man in a black Supabase T-shirt speaks to camera, gesturing with both hands, framed right of center against a black background with blurred vertical green light bars. The locked-off shot holds on him as he talks and his hands rise into frame.
Camera: Static
09 · Feature reveal · 0:33–0:34
Split screen: on the left a dark browser window shows a Supabase sign-up form as an email and password get typed into the fields; on the right a bearded man in a black Supabase tee talks against a black set with green neon tubes.
Techniques: Split screen
Camera: Static
10 · Feature reveal · 0:34–0:39
Split screen: a dark browser on the left cycles through Supabase auth forms (sign up, login, reset, confirmation) as a cursor clicks a link, while a bearded presenter in a black Supabase tee gestures on the right against a black set with a green light bar.
Techniques: Split screen, Cursor demo
Camera: Static
11 · Feature reveal · 0:39–0:45
Split screen: right, a bearded presenter in a black Supabase T-shirt gestures while speaking, lit by a vertical green bar; left, two stacked browser windows show a username form as labeled cursors (Eren, Mikasa, Reiner) glide across both, the top field switching from Eren to Reiner.
Techniques: Split screen, Cursor demo
Camera: Static
12 · Feature reveal · 0:45–0:48
Split screen: left, a dark browser shows an upload drop zone, then a file picker opens as the cursor selects three logo files and clicks Open; right, a bearded presenter in a black Supabase tee gestures beside a vertical green light bar.
Techniques: Split screen, Cursor demo
Camera: Static
13 · Feature reveal · 0:48–0:51
A bearded man in a black supabase tee gestures against a black set with a vertical green light bar. To his left, a dark browser window shows a file upload drop zone; a cursor clicks the X on one file, leaving two files and an Upload files button.
Techniques: Split screen, Cursor demo
Camera: Static
14 · Feature reveal · 0:51–0:52
A bearded presenter in a black Supabase t-shirt gestures beside a vertical green light bar, while a dark browser window on the left shows a file upload box that resolves into a success toast after the cursor clicks the button.
Techniques: Split screen, Cursor demo
Camera: Static
15 · Feature reveal · 0:52–1:00
A split screen pairs a VS Code editor on the left, which opens successive markdown rule files (create-db-functions, create-migrations, RLS policies, SQL style, edge functions), with a bearded man in a black Supabase tee gesturing on the right, divided by a glowing green vertical bar.
Techniques: Split screen
Camera: Push in
16 · Other · 1:00–1:08
A bearded man in a black t-shirt stands centered before a black set with vertical green light bars. He speaks to the camera, gesturing with both hands, palms open, then brings them together at his chest. The frame stays locked off.
Camera: Static





