Home / Motion
Motion CSS Templates
Good motion explains what just happened and where to look next. These ten templates cover the animations people search for most, from brand new CSS like scroll driven animations and View Transitions to classics like parallax, marquees and skeleton loaders. Every one respects reduced motion settings, and most use little or no JavaScript.
061. Scroll Driven Animation
Volt Ride, an e-bike product page
062. View Transitions
Fork and Field, a recipe site
063. Micro Interactions
Streak, a habit tracker
064. Layered Parallax
Pinecrest, a campground
065. Marquee Ticker
Northline, a design studio
066. Morphing Blobs
Bloom, a therapy practice
067. Hover Reveal
Studio Halden, an interior design studio
068. Staggered Entrance
Pipeline, a CRM landing page
069. Skeleton Loaders
Morning Brief, a news app