FrameNotion
FEATURES

A creative agency
in one link.

FrameNotion reads your page, writes the brief, and FrameNotion AI builds a custom 30-second motion ad — then checks its own work before you download it.

AI analyzes your product

Your page is read like a strategist would: audience, problem, benefit, offer and the one message that sells.

stripe.com/

Stripe

Stripe is a financial infrastructure platform that lets businesses accept payments, build flexible billing models and manage money movement globally.

  • AudienceBusinesses of all sizes — from startups to large enterprises — that need to accept payments and scale revenue online and in person.
  • ProblemGrowing a business means juggling payments, billing and money movement across countries, currencies and complex integrations.
  • BenefitOne comprehensive, reliable platform for payments and financial tools that adapts as you scale — from your first transaction to your billionth.
  • OfferNONE
  • MessageFinancial infrastructure to grow your revenue.

Custom-built, never a template

Every ad is written from scratch as its own motion design — scenes, components and timing made for your product.

30-second ad for Stripe
30-second ad for CapCut
30-second ad for DataFast
StripeCapCutDataFast

Optimized for performance

Built like performance creative: one dominant angle, a hook in the first second, proof, offer and a clear CTA.

The angle FrameNotion AI picked for each example

“Your first sale. → 1,000,000,000 → Your billionth. Is your stack ready?”Stripe

SCALE / RESULT: "From your first sale to your billionth." The hook shows one counter going from sale #1 to sale #1,000,000,000. The problem is that growth gets messy. Stripe is the one platform that pulls it all together, and Stripe's real stats back it up.

“STILL EDITING FOR HOURS? (over a chaotic, twitching editing timeline with an editing-time counter racing past 3 hours)”CapCut

OLD WAY vs NEW WAY: the timeline gets replaced by a chat. The ad opens dark and chaotic inside a multi-track timeline with a racing editing-time counter ("STILL EDITING FOR HOURS?"). Then the timeline collapses into one CapCut chat prompt, and the AI builds a finished, captioned Reel. After that come the benefits, a big "FREE" offer and the capcut.com CTA. The mood shifts from dark and stressful to CapCut cyan, so the story works on mute.

“48,219 PAGEVIEWS (struck through) → "Pageviews don't pay the bills." → "Revenue does."”DataFast

Vanity metrics vs revenue: "Pageviews don't pay the bills." DataFast shows which channels bring in paying customers.

“YOU'RE 47 MINUTES LATE. (with a ticking red "STORY BROKE 47:12 AGO" clock)”X (formerly Twitter)

Tactic: TIME-GAP FOMO (a "you're late" countdown). X's value is the lack of delay, so a clock carries the whole story. The ad opens 47 minutes late, shows the stale alerts and recaps where that lag comes from, then X rewinds the clock to 00:00. A live feed with climbing counters follows, and the ad pays off the hook with '0 SECONDS BEHIND'.

Ready in minutes

FrameNotion AI writes the ad and its voiceover, reviews its own rendered frames, fixes what it sees — then the MP4 renders with music and sound.

Link → 30 s ad

00:00

Rendering…
Read + brief
AI writes
Test + review
Render MP4
MP4 · 1080×192030 s · 30 fpsCustom motionFilled brief
Voiceover scriptsTimed to every ad
Animated captionsWord-by-word, on brand
Brand colorsPicked from your product
Any languageWritten like your page
HOW IT WORKS

One real ad, start to finish.

Everything below comes from the Stripe example — nothing staged.

  1. 01

    Paste a link

    Any public product page or website. No brief, no uploads, no account needed to try.

    https://stripe.com/Generate Ad
  2. 02

    The brief fills itself

    The page is read like a strategist would: brand, product, audience, problem, benefit, offer and the one message that sells.

    Target audience
    Businesses of all sizes — from startups to large enterprises — that need to accept payments and scale revenue online and in person.
    Main problem
    Growing a business means juggling payments, billing and money movement across countries, currencies and complex integrations.
    Core benefit
    One comprehensive, reliable platform for payments and financial tools that adapts as you scale — from your first transaction to your billionth.
    Main offer
    NONE
  3. 03

    FrameNotion AI writes the ad

    Not a template. A complete motion design — scenes, components, timing — written from scratch for this product, using its real logo and photos.

    • components/anim.ts23
    • components/AnimatedHeadline.tsx66
    • components/BrandCard.tsx39
    • components/ChaosField.tsx59
    • components/CTAButton.tsx30
    • components/GradientBackground.tsx42
    • components/Notification.tsx53
    • components/SceneWrap.tsx25
    • compositions/PerformanceAd.tsx34
    • config/assets.ts8
    • config/brand.ts35
    • config/content.ts79
    • config/timing.ts22
    • scenes/BenefitsScene.tsx102
    • + 6 more
    src/config/timing.ts
    export const SCENES = {
      hook: { from: 0, dur: 95 },
      problem: { from: 95, dur: 115 },
      reveal: { from: 210, dur: 150 },
      demo: { from: 360, dur: 180 },
      benefits: { from: 540, dur: 120 },
      proof: { from: 660, dur: 120 },
      outro: { from: 780, dur: 120 },
    };
    
    export const EXIT_FRAMES = 10;
    
    export const BEATS = {
      hook: { countStart: 8, countDur: 50, swap: 56, question: 64, notifs: [-8, 22, 36, 48] },
      problem: { headline: 0, sub: 14, chips: 6 },
      reveal: { collapseDur: 22, card: 18, sweep: 46, headline: 30, chips: 56 },
      demo: { headline: 0, card: 4, email: 14, emailDur: 18, cardNum: 34, cardNumDur: 22, press: 62, success: 82, notifs: 100 },
      benefits: { headline: 0, cards: [10, 24, 38] },
      proof: { kicker: 0, count: 4, countDur: 34, sub: 18, stats: [44, 54, 64] },
      outro: { headline: 0, card: 10, sweep: 34, cta: 30, url: 42, tap: 70 },
    };
    
  4. 04

    It checks its own work

    The code is compiled and test frames are rendered. The AI looks at them and fixes timing, overlaps, small text and safe zones.

    Test render at 1.5 s
    1.5 s
    Test render at 5 s
    5.0 s
    Test render at 10 s
    10.0 s
    Test render at 14 s
    14.0 s
    Test render at 19.3 s
    19.3 s
    Test render at 24 s
    24.0 s
    Test render at 28.3 s
    28.3 s
  5. 05

    Tweak, download & post

    A 15- or 30-second MP4 with voiceover, music and captions. Change texts or ask the AI for edits, then export 9:16, 4:5, 1:1 or 16:9 for TikTok, Reels, Shorts and Meta Ads.

    • MP4 · H.264 · AAC
    • 9:16 · 4:5 · 1:1 · 16:9
    • Voiceover & music
    • Works on mute too