Motion
Animated one page site
An animated one page HTML template: staggered hero, scrolling marquee, tilt-on-hover cards, count-up numbers, FAQ, and contact — all plain CSS and vanilla JavaScript.
Download free Live preview Deploy on fylo.host ↗
Free for personal & commercial use
Customize with AI
Opens the AI with a ready-made prompt (also copied to your clipboard).
What's inside
Marquee strip
An infinite scrolling text band in pure CSS.
Scroll reveals
Sections fade-rise as they enter the viewport.
Count-up numbers
Stats animate once when scrolled into view.
Reduced-motion aware
Every animation switches off for prefers-reduced-motion users.
Frequently asked questions
Is this animated template free?
Yes — free for personal and commercial use, no libraries required.
Will the animations hurt performance?
No — everything animates transform and opacity, which browsers handle on the GPU.
How is it different from Pulse and Drift?
Pulse is a clean scroll-spy page and Drift is a dark photo portfolio; Motion is built around movement itself.