{
  "$type": "site.standard.document",
  "canonicalUrl": "https://devlog.croft.click/2026/05/08/website-animations-microinteractions",
  "description": "Animation foundation with easing tokens, staggered entrances, scroll reveals, and View Transitions API.",
  "path": "/2026/05/08/website-animations-microinteractions",
  "publishedAt": "2026-05-08T11:09:49.000Z",
  "site": "at://did:plc:ofrbh253gwicbkc5nktqepol/site.standard.publication/3mlen2qhzrt2s",
  "tags": [
    "website"
  ],
  "textContent": "Animation foundation\n\nAdded a shared animation system with easing tokens, keyframes, and utility classes. All animations use the same cubic-bezier curves and duration scales.\n\nScroll-triggered reveals\n\nStaggered card entrance on homepage, scroll-triggered reveals on archive and work pages, footer fade-in, and scrollToTop slide-up entrance.\n\nNavigation\n\nProgress shimmer while loading, mobile menu fly transitions, active page indicator, and View Transitions API for page crossfades using beforeNavigate/afterNavigate.\n\nLive updates\n\nPulse indicator on firehose card changes when the Jetstream feed updates in real time.",
  "title": "Website — Animations and Micro-interactions"
}