Launchscene
PricingSign in
Explore

Announcing the Supabase UI Library

Supabase · Mar 2025 · 1:08 · AI-annotated

00:00:00 / 01:08:17

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.

Footage neededEstimated needs: 1 official logo — reused across the film · 16 filmed passages — shoot, supply or replace

More like this

Announcing the Supabase UI Library, scene by scene

· 16 scenes as text
  1. 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

  2. 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

  3. 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

  4. 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

  5. 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

  6. 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

  7. 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

  8. 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

  9. 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. 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. 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. 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. 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. 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. 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. 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