FrameNotion
Get Started
All examples
Download MP4

Lifestyle · 30 s · built in 11:52

“THIS AD STARTED AS A LINK.”

Generated from framenotion.com

CURIOSITY + TRANSFORMATION: "This ad started as a link." The ad is its own proof. Old workflow crossed out → one URL bar → AI builds the ad → finished ads → never a template → FREE in open beta → CTA.

Timeline

  1. 0:00–0:03HookKinetic 'THIS AD / STARTED AS / A LINK.' slams in and a URL pill types out, then the camera punches through.
  2. 0:03–0:07ProblemOld-way cards and red time/cost bars, each card struck through, then 'Skip all of it.' and the cards collapse.
  3. 0:07–0:11Product revealThe line springs into a URL bar, the link types in and the cursor clicks Generate.
  4. 0:11–0:18Magic momentAI checklist with a 0→100% counter, then the finished ad rises, two more fan out and a 'Ready to post' badge pops.
  5. 0:18–0:22Differentiation'Never a template.' Four feature rows and a platform marquee.
  6. 0:22–0:26OfferDark wipe, OPEN BETA pill, €15/month struck through, FREE punches in.
  7. 0:26–0:30CTALogo with a light sweep, 'Paste your link.', the CTA button and framenotion.com, held still.

The brief, filled in from the website

Brand
FrameNotion
Product
An AI tool that turns any product or website link into a custom 30-second 9:16 motion ad video (MP4, 1080×1920) in minutes.
Target audience
Brands, marketers, creators and founders who need vertical video ads for TikTok, Instagram Reels, YouTube Shorts and Meta Ads
Main problem
Producing polished, high-converting video ads takes time, money and design skills, and UGC videos are expensive.
Core benefit
Paste a link and the AI analyzes your page, writes the hook, story and offer, and renders a custom, never-templated 30-second ad with voiceover script, animated captions and your brand colors, ready to post.
Main offer
Open beta: every ad is free right now; plans later from €15/month billed yearly (Starter, 10 ads/month)
Primary message
One link in, a finished viral ad out, in minutes.
Website / CTA
framenotion.com

Written from scratch · 18 files, 1,189 lines

  • src/components/AdCard.tsx29
  • src/components/anim.ts52
  • src/components/Background.tsx29
  • src/components/Headline.tsx41
  • src/components/Icons.tsx66
  • src/components/UrlBar.tsx75
  • src/compositions/PerformanceAd.tsx42
  • src/config/assets.ts10
  • src/config/brand.ts28
  • src/config/content.ts58
  • src/config/timing.ts24
  • src/scenes/BenefitsScene.tsx91
  • src/scenes/DemoScene.tsx143
  • src/scenes/HookScene.tsx96
  • src/scenes/OfferScene.tsx98
  • src/scenes/OutroScene.tsx80
  • src/scenes/ProblemScene.tsx121
  • src/scenes/RevealScene.tsx106

Make one for your product

Same pipeline, your link. Ready in minutes.

More examples

30-second ad for Stripe

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

Stripe

30-second ad for CapCut

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

CapCut

30-second ad for DataFast

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

DataFast

30-second ad for X (formerly Twitter)

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

X (formerly Twitter)