AstroAnimate is an open-source animation library designed specifically for Astro. Build page transitions, scroll animations, micro-interactions, and UI motion using CSS-first components with optional JavaScript enhancements. Optimized for Astro’s islands architecture, View Transitions, and performance-focused workflows.

Framer — Launch websites with enterprise needs at startup speeds.

Launch websites with enterprise needs at startup speeds.

Hey everyone 👋 We built AstroAnimate because adding animations in Astro often meant stitching together multiple tools, custom CSS, or runtime-heavy solutions that didn’t fully align with Astro’s architecture. We wanted something that felt native to Astro from the beginning. AstroAnimate is designed around: * CSS-first motion components * Zero runtime JavaScript by default * Optional Motion * View Transitions compatibility * Performance-focused workflows The goal wasn’t to build “more animations.” It was to make animations feel simpler, lighter, and more natural inside Astro projects. A huge amount of work went into: * reducing unnecessary JS * keeping components customizable * improving developer experience * maintaining Lighthouse-friendly performance We’d genuinely love feedback from the Astro and frontend community — especially around: * developer experience * documentation structure * performance * missing components/features Thanks for checking it out ❤️

Over the past few months while building Astro projects, one thing kept bothering us:

Animations in Astro still feel surprisingly fragmented.

Most solutions involve:

adapting React-focused libraries
wiring together multiple tools
writing repetitive motion logic
adding more runtime JavaScript than expected

Over the past few months while building Astro projects, one thing kept bothering us:

Animations in Astro still feel surprisingly fragmented.

Most solutions involve:

adapting React-focused libraries
wiring together multiple tools
writing repetitive motion logic
adding more runtime JavaScript than expected

Framer — Launch websites with enterprise needs at startup speeds.

Launch websites with enterprise needs at startup speeds.

AstroAnimate

Animation library built specifically for Astro framework.

Animation library built specifically for Astro framework.

Forum Threads

Why animations in Astro still feel fragmented

Forum Threads

Why animations in Astro still feel fragmented