Introducing AstroAnimate ⚡

The first dedicated animation library built specifically for Astro.

AstroAnimate helps developers add smooth, production-ready animations to Astro sites without fighting complex setup or unnecessary runtime overhead.

Why we built it

Adding animations in Astro usually means:

• stitching together multiple libraries

• handling View Transitions manually

• balancing performance vs visual polish

• writing repetitive animation code

We wanted an approach that feels native to Astro.

What AstroAnimate focuses on

• Zero-JS defaults where possible

• Astro-first architecture

• View Transitions compatibility

• Motion, GSAP, and AOS integrations

• Performance-focused components

• TypeScript support

• Open source

Included in the launch

• AnimatedButton

• AnimatedCard

• ExpandableCard

• FadeInText

• GlassCard

• Loader

• ProgressBar

• RevealImage

• ScaleIn

• Tooltip

• TypewriterText

Built for

• Portfolio developers

• Agencies shipping Astro websites

• Marketing sites

• Documentation platforms

• SaaS landing pages

This is just the beginning.

We’re building AstroAnimate in public and would genuinely love feedback from the Astro community.

→ View docs
→ Browse components
→ Star us on GitHub

#Astro #opensource #webdev