website-3d
CommunityCinematic scroll-driven landing pages from video.
Design & Creative#copywriting#canvas#landing-page#scroll-driven#video-on-scroll#annotation-cards#frame-sequence
AuthorJocDLC
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Cinematic, scroll-driven landing page creation from a product video, enabling dynamic storytelling and higher conversion rates without manual page-by-page design.
Core Features & Use Cases
- Scroll-driven frame sequence rendering on a canvas to replace traditional video playback, enabling precise frame control and buttery-smooth transitions.
- Annotation cards, specs counters, and glass-morphism UI elements to showcase features while keeping the page lightweight.
- Quick-start sample: provide a product video and use the tool to generate a scroll-controlled landing page with copy designed around AIDA/PAS frameworks.
Quick Start
Provide your product video and I will generate a scroll-driven landing page that reveals a frame sequence on scroll.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: website-3d Download link: https://github.com/JocDLC/saas-factory-v5/archive/main.zip#website-3d Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.