cinema-scroll-layout
CommunityBuild immersive fixed-stage scroll showcases.
Authorshiro123444
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Create immersive, fixed-stage scrollytelling layouts that keep a single stage pinned while chapters transition, delivering depth on desktop yet readable, stacked content on mobile.
Core Features & Use Cases
- Fixed-stage architecture: one pinned stage with isolated chapter scenes for predictable storytelling.
- Desktop depth with mobile fallback: optional 3D/2D transforms on desktop and a clean, flat mobile layout.
- Anti-flicker and prepaint: ensure theme is painted before interactive content to prevent flashes.
- Use Case: design landing pages or product showcases that narrate a story through sequential chapters.
Quick Start
Implement the cinema-scroll-layout in your project to render a pinned-stage page with chapter transitions and responsive mobile fallback.
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: cinema-scroll-layout Download link: https://github.com/shiro123444/FAST-P2P/archive/main.zip#cinema-scroll-layout 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.