Skip to content
F Farmers Cabin Fitness
Tag

#animation

3 posts tagged "animation".

All posts

Animations in Farmers Cabin Fitness — How the Premium Motion Design Works

A deep dive into every animation layer in Farmers Cabin Fitness: the spring-curve hero entrance, staggered cascades, scroll-reveal, and how it all stays smooth without a JS animation library.

A Ashlee Muscroft
2 min read
astro-rocket animation css ux performance

Hero Scroll Indicator — Desktop-Only, Hides on Scroll

Farmers Cabin Fitness's hero has an animated scroll indicator: two bouncing chevrons that fade in after the hero animation and disappear the moment you start scrolling. Here's how every part of it works.

A Ashlee Muscroft
2 min read
astro-rocket features ux animation

Scroll Progress Ring — A Circular Indicator on the Back-to-Top Button

Farmers Cabin Fitness's back-to-top button now has a circular SVG progress ring that fills as you scroll. It's brand-coloured, theme-aware, and runs entirely in CSS and a small inline script.

A Ashlee Muscroft
2 min read
astro-rocket features ux animation