A curated library of 117 scroll-driven website templates with matching AI prompts — copy one, paste it into your AI builder, and ship a site that actually moves.
Landing PageAnimationAI+2
scrolltide.co
Motionin
motionin.design
Premium physics-based, cursor-responsive web sections — browse the collection, copy the prompt and paste it into your AI model to ship.
What is Motionin?
Motion collects interactive, scroll-aware web sections such as a looping editorial photo wall, a cursor-gravity photography grid and a spherical lookbook shop. Each entry is a fully engineered section with documented physics and teardown behavior, delivered as a prompt you copy into your AI model to rebuild. Categories span portfolio heroes, interactive product showcases and immersive experiences, with free and paid pieces.
Best for
- Physics-based hero sections via AI prompts
- Cursor-responsive gallery interactions
- Portfolio and product showcase builds
Key features
- Physics-based, cursor-responsive sections
- Copy-prompt workflow for AI models
- Portfolio hero and showcase categories
- Scroll-velocity and drag interactions
- Free and paid collection
Related resources
scrolltide.co
Production-ready UI transitions for web apps: 43+ crafted motion components to copy and paste, or apply through your coding agent via a skill.
AnimationWebAI+1
transitions.dev
25 ready-made animation templates for showcasing designs — drop in your images or videos, tweak the scene, and export MP4 or WebM in your browser.
AnimationPrototypingWeb
animos.app