Perspective card carousel
Seven geometric posters form a 3D arc on a dark stage, with drag snapping, wraparound navigation, keyboard controls, detail dialogs, and pauseable autoplay.
Live demo
Interactive demoDrag or use the arrows to browse. Select the centered card for details; use Pause to stop autoplay.
Open preview in a new windowMake this effect yours
Includes Skill instructions, a Python generator, an HTML template, design notes, and an offline preview. Requires Python 3.10+ with no additional dependencies. Supports custom text and colors, keyboard controls, and reduced motion.
Download SKILL.md only- Download and unzip
Keep the
perspective-card-carousel/folder. ItsSKILL.mdfile is the Skill entry point, and scripts/ contains the generator, templates/ the HTML template, and references/ the design notes. Open preview.html directly in your browser. - Give it to your AI coding assistant
Add the folder to your project and ask your assistant to read SKILL.md. If your tool supports Skills, follow its installation method.
- Describe the result you want
Read perspective-card-carousel/SKILL.md and generate out/index.html with brand Studio Arc, title Different viewpoints, accent #d6ef82, and speed 0.5. Check wraparound dragging, keyboard controls, and detail dialogs.
