Every premium and members-only resource for $9.99/month, as a no-commitment subscription. See the plans

PalateKit

Sign in
Menu

Request a resource

Describe the resource you are missing in one sentence. We will email you when it is published.

0 / 280

A page, a video or an image online.

Unlock PalateKit

Unlock everything

Plan

Paying means accepting our terms of sale.

Secure payment by Stripe. Receipts and invoices sent by email.

Welcome back

Sign in to install, download or save this resource. A free account is enough for free resources.

Cinematic 3D fly-through of a landing page v1.0.0

Use this resource to create a cinematic 3D fly-through of a web page

New

  • 524 downloads
  • 197 likes
  • 106 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install landing-page-3d-flythrough

First time: connect the CLI with

npx --yes palatekit@latest login

Paste this prompt into Claude: it asks for the URL, brand and headline, captures the page, then builds a WebGL scene where the camera flies over the page laid on a studio floor. The video on this page stages a voice agent landing page this way. You get a 60 fps video, approved on still previews before the final render.

Mostly picked by

Updated November 2, 2026

Details

Works in
Install guides
Generates with
Claude Opus 5.5
Licence
All rights reserved to the authors

Similar resources

View all

What you get

  • The complete prompt, ready to paste into Claude Code: timed scene-by-scene plan, colors, fonts, rhythm, sound, build method and pre-render checks
  • The list of elements to replace with your own (text, figures, colors…), at the top of the prompt
  • @pankajstwt's original prompt (prompt-original.md file)
  • 1 video made with the original prompt, shown on this page

Good fit for

  • Presenting a landing page in a striking way
  • Illustrating an online product launch
  • Showing off a client's website mockup

Not for

  • A classic video edit without an AI agent
  • A result identical to the example: every generation differs

Tags

  • product UI
  • music
  • 3d
  • landing page

About

You say

"Make a 3D fly-through of my tool's homepage, with the headline 'Customer tracking, effortless'."

A web page laid on a studio floor, with a camera gliding over floating cards and mockups, then revealing the whole page before a closing title.

Prompt posted on X by @pankajstwt, found on Prompt Motion. Videos by @pankajstwt. No license published: rights reserved to the authors, shared with attribution.

Show more

Prerequisites

You bring
Access to Claude or a coding agent and Your topic, texts or product if the prompt asks for them
External costs
Claude subscription or API credits for Opus 5.5 Billed by the provider, on your account.

How to use it

  1. Copy the prompt.
  2. Paste it into Claude (Opus 5.5, like the example videos) or your coding agent.
  3. Let the agent write and render the animation, then ask for tweaks.

Content preview

Files

  • landing-page-3d-flythrough.md4.7 KB
  • LICENSE0.4 KB
  • NOTICE-PALATEKIT.md0.6 KB
  • prompt-original.md2.6 KB

Origin and licence

Modified by PalateKit

Author
@pankajstwt
Source
prompt-motion.com/pankajstwt-49978ed
Licence
All rights reserved to the authors

Notice

Prompt de @pankajstwt et vidéos de leurs auteurs (aucune licence publiée, droits réservés), repris avec attribution : traduction française et fiche par PalateKit.

User reviews

–

No ratings yet

Loading reviews…

Delete your review?

Your rating and comment will be removed from the page.

Frequently asked questions

Which model made the videos?

Claude Opus 5.5, according to the authors. Other models give different results.

Can I reuse the example videos?

No: they belong to their authors. Use the prompt to make your own video.