Marketing videos built from your repository

Remixing reads the pages you built and the colors you ship, then turns them into a 5 to 60 second clip for your next launch post or ad.

Private repo? Start with GitHub
Your first 5 videos are free. No card needed.
Format
Style
Styles change the stage. Your app keeps its own colors.
Reads the stack you already use
Next.js App RouterReactTailwind CSSshadcn/uiCSS variablesAny public URL
How it works

From repo to reel in three steps

Remixing reads what you already built, so there’s nothing to record and nothing to redraw.

01

Connect your repo

Install the GitHub app or paste a link. Add the address your app is deployed at and Remixing picks up its colors too.

viablymainConnectConnected
HomeInboxContactsTasksCalendarContactsAdd contactPersonStageSourceOwnerrows · 1,248 contacts
Length
15s
viably/
app/
(dashboard)/
home/page.tsx
inbox/page.tsx
contacts/page.tsxpage
tasks/page.tsx
calendar/page.tsx
webhook-relay/page.tsx
(marketing)/
globals.csscolors
components/
package.json
0 pages foundColors from globals.css--moss-ink--terracotta--sage--ochre
viably.app/contacts
Contacts0 peopleAdd contact
PersonStageSourceOwner
MO
Marta Oyelaran[email protected]
LeadContact formUnclaimed
DP
Sign-upLead genSam
AR
Aisha Rahman[email protected]
CustomerInboxLena
TI
Tomás Iglesias[email protected]
LeadWhatsAppUnclaimed
MidnightEditorialPaperSignalMidnight16:90:30Export MP4Exporting 0%Exported
02

Pick a page and a length

Remixing ranks the pages you built and pulls out their columns, nav, buttons and form fields. Choose one page for a clip, or up to four for a walkthrough.

viablymainConnectConnected
HomeInboxContactsTasksCalendarContactsAdd contactPersonStageSourceOwnerrows · 1,248 contacts
Length
15s
viably/
app/
(dashboard)/
home/page.tsx
inbox/page.tsx
contacts/page.tsxpage
tasks/page.tsx
calendar/page.tsx
webhook-relay/page.tsx
(marketing)/
globals.csscolors
components/
package.json
26 pages foundColors from globals.css--moss-ink--terracotta--sage--ochre
viably.app/contacts
Contacts0 peopleAdd contact
PersonStageSourceOwner
MO
Marta Oyelaran[email protected]
LeadContact formUnclaimed
DP
Sign-upLead genSam
AR
Aisha Rahman[email protected]
CustomerInboxLena
TI
Tomás Iglesias[email protected]
LeadWhatsAppUnclaimed
MidnightEditorialPaperSignalMidnight16:90:30Export MP4Exporting 0%Exported
03

Choose a style and post it

Pick one of four styles and Remixing paints your product in your brand colors. Then download an MP4 or a transparent video, or share a link.

viablymainConnectConnected
HomeInboxContactsTasksCalendarContactsAdd contactPersonStageSourceOwnerrows · 1,248 contacts
Length
30s
viably/
app/
(dashboard)/
home/page.tsx
inbox/page.tsx
contacts/page.tsxpage
tasks/page.tsx
calendar/page.tsx
webhook-relay/page.tsx
(marketing)/
globals.csscolors
components/
package.json
26 pages foundColors from globals.css--moss-ink--terracotta--sage--ochre
viably.app/contacts
Contacts0 peopleAdd contact
PersonStageSourceOwner
MO
Marta Oyelaran[email protected]
LeadContact formUnclaimed
DP
Sign-upLead genSam
AR
Aisha Rahman[email protected]
CustomerInboxLena
TI
Tomás Iglesias[email protected]
LeadWhatsAppUnclaimed
MidnightEditorialPaperSignalMidnight16:90:30Export MP4Exporting 0%Exported
Showreel

What you can create with Remixing

Eight clips from one product, Viably: its contacts, its inbox and its webhook relay, in all four styles, and one of them in a different brand color. Hover to hold the reel.

Every element moves

Your interface, rebuilt one element at a time

Remixing redraws each page from your code, so every row, status chip and button can move on its own. Text stays sharp at 4K, and pages behind a login work the same as your homepage.

MOMarta Oyelaran[email protected]Contact formContact formAssignUnclaimedSOSam
Drag across the layers to scrub0:04.5
RowAvatarNameChipButtonOwner
Shots

The shots your clips are cut from

Remixing composes each clip from shots like these and paints them in your colors. These four came out of Remixing itself, in Viably’s.

  • Opening titles

    A line types itself, turns into another word, and floods the frame.
  • A claim in beats

    Cards of type cut back to back, and the last one lands.
  • An AI prompt, typed

    A greeting, a field, and a push into the prompt as it types.
  • A search, typed

    The search field comes forward and a query types itself in.

Launching an AI feature?

A prompt pushes in as it types, then a request is typed and sent.
Styles

Four styles, in your colors

Pick Editorial, Midnight, Paper or Signal for the stage. Remixing reads your globals.css or your live stylesheet and paints your product in the colors you already ship.

viably.app/inbox
Inbox3 open
PN
Priya NandakumarCan we move our demo to Thursday?You: Thursday at 2pm works. I’ve moved it and sent a new invite.
now
DP
Devin ParkRe: SSO setup
12m
AR
Aisha RahmanInvoice for September
1h
TI
Tomás IglesiasLoved the new onboarding
3h
Select a conversation
Can we move our demo to Thursday?Priya Nandakumar · [email protected]
UnassignedSOSam
Hi! Something came up on our side. Could we move Wednesday’s demo to Thursday afternoon?
Thursday at 2pm works. I’ve moved it and sent a new invite.
Replied in 2 min
Send
Editorial
viably.app/inbox
Inbox3 open
PN
Priya NandakumarCan we move our demo to Thursday?You: Thursday at 2pm works. I’ve moved it and sent a new invite.
now
DP
Devin ParkRe: SSO setup
12m
AR
Aisha RahmanInvoice for September
1h
TI
Tomás IglesiasLoved the new onboarding
3h
Select a conversation
Can we move our demo to Thursday?Priya Nandakumar · [email protected]
UnassignedSOSam
Hi! Something came up on our side. Could we move Wednesday’s demo to Thursday afternoon?
Thursday at 2pm works. I’ve moved it and sent a new invite.
Replied in 2 min
Send
Midnight
viably.app/inbox
Inbox3 open
PN
Priya NandakumarCan we move our demo to Thursday?You: Thursday at 2pm works. I’ve moved it and sent a new invite.
now
DP
Devin ParkRe: SSO setup
12m
AR
Aisha RahmanInvoice for September
1h
TI
Tomás IglesiasLoved the new onboarding
3h
Select a conversation
Can we move our demo to Thursday?Priya Nandakumar · [email protected]
UnassignedSOSam
Hi! Something came up on our side. Could we move Wednesday’s demo to Thursday afternoon?
Thursday at 2pm works. I’ve moved it and sent a new invite.
Replied in 2 min
Send
Paper
viably.app/inbox
Inbox3 open
PN
Priya NandakumarCan we move our demo to Thursday?You: Thursday at 2pm works. I’ve moved it and sent a new invite.
now
DP
Devin ParkRe: SSO setup
12m
AR
Aisha RahmanInvoice for September
1h
TI
Tomás IglesiasLoved the new onboarding
3h
Select a conversation
Can we move our demo to Thursday?Priya Nandakumar · [email protected]
UnassignedSOSam
Hi! Something came up on our side. Could we move Wednesday’s demo to Thursday afternoon?
Thursday at 2pm works. I’ve moved it and sent a new invite.
Replied in 2 min
Send
Signal

Brand kit

Read from viably/app/globals.css
Primary--primary
Colors found. Drag one onto Primary, or click it.
The stage style never touches these. Your product keeps its own colors in all four.
Formats

Post it everywhere from one edit

Each clip renders at 16:9 for YouTube and your site, 1:1 for LinkedIn, and 9:16 for Reels, Shorts and TikTok. Remixing measures every line of text at every size and tells you when one won’t fit.

viably.app/webhook-relay
Webhook relayAll healthy1 failing+ New endpoint
Delivered today18,408
Failing1
Latency163 ms
EventEndpointStatusLatency
invoice.paidStripe transactionsPending200 · Delivered142 ms
customer.createdStripe transactionsPending200 · Delivered96 ms
form.submittedGeneric webhookPending200 · Delivered188 ms
checkout.session.completedStripe transactionsPending200 · Delivered131 ms
customer.createdStripe transactionsPending200 · Delivered120 ms
form.submittedGeneric webhookPending200 · Delivered154 ms
invoice.paidGeneric webhookPending500 · FailedRetry 1200 · Delivered87 ms
lead.createdGeneric webhookPending200 · Delivered163 ms
subscription.updatedStripe transactionsPending200 · Delivered118 ms
charge.refundedStripe transactionsPending200 · Delivered139 ms
form.submittedGeneric webhookPending200 · Delivered102 ms
invoice.createdStripe transactionsPending200 · Delivered176 ms
customer.updatedStripe transactionsPending200 · Delivered149 ms
16:9YouTube and your site
viably.app/webhook-relay
Webhook relayAll healthy1 failing+ New endpoint
Delivered today18,408
Failing1
Latency163 ms
EventEndpointStatusLatency
invoice.paidStripe transactionsPending200 · Delivered142 ms
customer.createdStripe transactionsPending200 · Delivered96 ms
form.submittedGeneric webhookPending200 · Delivered188 ms
checkout.session.completedStripe transactionsPending200 · Delivered131 ms
customer.createdStripe transactionsPending200 · Delivered120 ms
form.submittedGeneric webhookPending200 · Delivered154 ms
invoice.paidGeneric webhookPending500 · FailedRetry 1200 · Delivered87 ms
lead.createdGeneric webhookPending200 · Delivered163 ms
subscription.updatedStripe transactionsPending200 · Delivered118 ms
charge.refundedStripe transactionsPending200 · Delivered139 ms
form.submittedGeneric webhookPending200 · Delivered102 ms
invoice.createdStripe transactionsPending200 · Delivered176 ms
customer.updatedStripe transactionsPending200 · Delivered149 ms
1:1LinkedIn
viably.app/webhook-relay
Webhook relayAll healthy1 failing+ New endpoint
Delivered today18,408
Failing1
Latency163 ms
EventEndpointStatusLatency
invoice.paidStripe transactionsPending200 · Delivered142 ms
customer.createdStripe transactionsPending200 · Delivered96 ms
form.submittedGeneric webhookPending200 · Delivered188 ms
checkout.session.completedStripe transactionsPending200 · Delivered131 ms
customer.createdStripe transactionsPending200 · Delivered120 ms
form.submittedGeneric webhookPending200 · Delivered154 ms
invoice.paidGeneric webhookPending500 · FailedRetry 1200 · Delivered87 ms
lead.createdGeneric webhookPending200 · Delivered163 ms
subscription.updatedStripe transactionsPending200 · Delivered118 ms
charge.refundedStripe transactionsPending200 · Delivered139 ms
form.submittedGeneric webhookPending200 · Delivered102 ms
invoice.createdStripe transactionsPending200 · Delivered176 ms
customer.updatedStripe transactionsPending200 · Delivered149 ms
9:16Reels, Shorts and TikTok

Transparent video

Export a transparent WebM beside the MP4 when you want the clip without its background, to lay over your own footage.

viably.app/webhook-relay
Webhook relayAll healthy1 failing+ New endpoint
Delivered today18,408
Failing1
Latency163 ms
EventEndpointStatusLatency
invoice.paidStripe transactionsPending200 · Delivered142 ms
customer.createdStripe transactionsPending200 · Delivered96 ms
form.submittedGeneric webhookPending200 · Delivered188 ms
checkout.session.completedStripe transactionsPending200 · Delivered131 ms
customer.createdStripe transactionsPending200 · Delivered120 ms
form.submittedGeneric webhookPending200 · Delivered154 ms
invoice.paidGeneric webhookPending500 · FailedRetry 1200 · Delivered87 ms
lead.createdGeneric webhookPending200 · Delivered163 ms
subscription.updatedStripe transactionsPending200 · Delivered118 ms
charge.refundedStripe transactionsPending200 · Delivered139 ms
form.submittedGeneric webhookPending200 · Delivered102 ms
invoice.createdStripe transactionsPending200 · Delivered176 ms
customer.updatedStripe transactionsPending200 · Delivered149 ms

Captions for the sound-off feed

Vertical video mostly plays on mute, so a 9:16 cut can carry captions that fill word by word, in your colors. This one came out of Remixing as you see it.

Edit and remix

Change anything after it’s made

Rewrite a line or swap a shot. Pin the parts you like and Remixing regenerates the rest. Then build on it: drop a clip into a longer sequence, or remix a clip a teammate shared.

Every lead gets an owner before it goes cold.
Runs past the safe area9:16
Opening line
Every lead gets an owner before it goes cold.
How it fits at each size
16:9
Fits
1:1
Fits
9:16
Fits
Sequence
contacts/page.tsxglobals.css7 elements found
1export default function Contacts() {
2 return <Page title="Contacts">
3 <Button>Add contact</Button>
4 <DataTable
5 columns={[
6 "Person", "Stage",
7 "Source", "Owner",
8 ]}
9 rows={contacts}
10 />
11 </Page>;
12}
13--primary: hsl(133 11% 33%);
viably.app/contacts
Contacts1,249 peopleAdd contact
PersonStageSourceOwner
MO
Marta Oyelaran[email protected]
LeadContact formUnclaimedSOSam
DP
Sign-upLead genSam
AR
Aisha Rahman[email protected]
CustomerInboxLena
TI
Tomás Iglesias[email protected]
LeadWhatsAppUnclaimed
PN
Priya Nandakumar[email protected]
Sign-upSign-upsSam
viably-contacts.mp416:9 · 0:14Exporting 0%
Contacts
viably.app/inbox
Inbox3 open
PN
Priya NandakumarCan we move our demo to Thursday?You: Thursday at 2pm works. I’ve moved it and sent a new invite.
now
DP
Devin ParkRe: SSO setup
12m
AR
Aisha RahmanInvoice for September
1h
TI
Tomás IglesiasLoved the new onboarding
3h
Select a conversation
Can we move our demo to Thursday?Priya Nandakumar · [email protected]
UnassignedSOSam
Hi! Something came up on our side. Could we move Wednesday’s demo to Thursday afternoon?
Thursday at 2pm works. I’ve moved it and sent a new invite.
Replied in 2 min
Send
Inbox
contacts/page.tsxglobals.css7 elements found
1export default function Contacts() {
2 return <Page title="Contacts">
3 <Button>Add contact</Button>
4 <DataTable
5 columns={[
6 "Person", "Stage",
7 "Source", "Owner",
8 ]}
9 rows={contacts}
10 />
11 </Page>;
12}
13--primary: hsl(133 11% 33%);
viably.app/contacts
Contacts1,249 peopleAdd contact
PersonStageSourceOwner
MO
Marta Oyelaran[email protected]
LeadContact formUnclaimedSOSam
DP
Sign-upLead genSam
AR
Aisha Rahman[email protected]
CustomerInboxLena
TI
Tomás Iglesias[email protected]
LeadWhatsAppUnclaimed
PN
Priya Nandakumar[email protected]
Sign-upSign-upsSam
viably-contacts.mp416:9 · 0:14Exporting 0%
Contacts, remixed
Pricing

Your first 5 videos are free

Make 5 videos at 30 seconds in all three sizes with a small watermark, no card needed. Buy credits when you want clean exports, and use them whenever you like.

Free

$05 videos to start

35 credits, enough for 5 videos at 30 seconds in all three sizes, with a small watermark.

Start for free

Starter

$29100 credits

About 14 videos at 30 seconds in all three sizes, $2.07 each. No watermark.

Studio

Most popular
$99500 credits

About 71 videos at 30 seconds in all three sizes, $1.39 each. No watermark.

Agency

$2992,000 credits

About 285 videos at 30 seconds in all three sizes, $1.05 each. No watermark.

Questions

What people ask before they start

Which frameworks can Remixing read?
Next.js apps on the App Router read best today, since Remixing walks app/ and src/app/ to find your pages. You can also paste the address of any deployed site, and Remixing reads its sitemap and stylesheet instead.
What does Remixing do with my code?
It reads your repository to find pages and pull out what’s on them: column names, button labels, form fields and colors. It never runs your code or sends your files to the browser, and it keeps what it extracted so you can make more videos later.
Can it show pages behind a login?
Yes. Remixing rebuilds each page from your code, so it never needs to sign in to your app or record your screen.
What does a credit buy?
One credit renders 15 seconds of video in one size, rounded up. A 30-second video costs 2 credits for each size and one more for the remix, so 7 credits in all three sizes. Previews are free, and so is anything that fails to render.
What does the free watermark look like?
A small “Remixing” and “remixing.app” in the bottom corner, at reduced opacity. It’s on the videos you make for free. Once you buy credits, everything you render from then on is clean.
What can I download?
An MP4 in each size you pick: 16:9, 1:1 and 9:16. Each size renders on its own, so you only pay for the ones you want. You can also export a transparent WebM to lay over your own footage.

Your next launch video is already in your repo.

Start for freeYour first 5 videos are free. No card needed.