The Framelight 3D Guide · $5

Build a 3D website people stop scrolling for.

The 3D effects behind our demo sites, step by step: a giant word with depth behind your product, a film that plays as you scroll, a dark room lit by the visitor's torch. With Claude doing the code, no coding needed.

See what's inside

Cinematic 3D Websites with AI · 34-page PDF + 3 starter templates. Instant download.

The cover of the Cinematic 3D Websites with AI guide with inside pages

Three 3D effects, start to finish

The word BREW stacked behind a latte on a dark background

The giant word

A huge word tucked behind your product, with 3D depth that follows the mouse. One photo and a cut-out. An afternoon.

See it on our demos
Milk pouring into an espresso on a black background

The scroll film

A real-looking film that plays forward and back as people scroll. Four pictures, three short clips and one file trick most people miss.

Try Rivulet
A dark website where a torch beam lights an iron cellar door

The torch in the dark

The page is black and the cursor is a torch. The photo is relit live in 3D, shadows move and hidden marks appear.

Try Umbra

What's inside

A 34-page PDF and a ZIP with three starter templates. You download both right after checkout.

Inside pages of the Cinematic 3D Websites with AI guide
  1. Why some sites look expensiveThe eight rules behind every Framelight demo.
  2. Pick your effectWhich one fits a cafe, a bar, a shop or a studio.
  3. The giant wordScene recipes, the cut-out, and the prompt that builds it.
  4. The scroll filmPlan shots that join up, make the clips, prepare them so scrolling stays smooth.
  5. The torch in the darkFlat-light photos, a free depth map, and hidden marks that open a booking.
  6. Six more effectsWater ripples, a light beam, a room built as you scroll, and more. One prompt each.
  7. Phones, speed and going liveFree hosting with Netlify Drop, or inside Shopify.
  8. Filming it for InstagramSet-up, a shot list, hooks and what brought us followers.
  9. 40 prompts, fixes and a launch checklistCopy, paste, fill the brackets.

Good fit if you

  • Run a small business and want a site that stands out
  • Make websites for others and want new effects to sell
  • Can copy, paste and drag a file. No coding needed

You will need

  • A Claude account (the free plan is enough to start)
  • An AI image tool you like
  • For the scroll film, an AI video tool with start and end frames

Make the 3D site you keep sending to friends.

Rather have it built for you? Ready-made sites from our demos or a custom design.

Independent guide by Framelight Studio. Not affiliated with Anthropic or any tool named in it. Claude is a trademark of Anthropic. No sales or results are promised.