coverflow
Community3D coverflow carousels with safe rotations.
Authorsreejithraman
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Coverflow carousels with aggressive rotations flip slides and cause UX issues. This Skill outlines safe rotation limits and Swiper configuration to avoid flipping.
Core Features & Use Cases
- Rotation Formula: rotate × distance_from_center with safety bound
- View Limits: slidesPerView cap to keep max_rotation < 90°
- Scroll Handling: prevent page scroll during coverflow interaction
- Use Case: Implement a coverflow gallery that centers slides without flipping distant items.
Quick Start
Initialize a Swiper coverflow with slidesPerView 5 and rotate 20, plus a wheel handler to prevent page scroll.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: coverflow Download link: https://github.com/sreejithraman/shayna/archive/main.zip#coverflow Please download this .zip file, extract it, and install it in the .claude/skills/ directory.