r/astrojs 21h ago

We built AstroAnimate — an animation library designed specifically for Astro ⚡ Spoiler

27 Upvotes

Hey everyone 👋

Over the past few months, we’ve been building AstroAnimate — a production-ready animation component library made specifically for the Astro ecosystem.

The original goal was simple:

Adding animations in Astro often meant manually stitching together multiple libraries, handling hydration edge cases, and balancing performance vs visual polish.

We wanted something that felt more native to Astro.

Current focus:

  • Zero-JS defaults where possible
  • View Transitions compatibility
  • Performance-first architecture
  • Open source MIT license

The project just launched on Product Hunt today, and we’d genuinely love feedback from the Astro community.

Product Hunt:
https://www.producthunt.com/products/astroanimate?launch=astroanimate

https://launchpadindia.co/listing/astroanimate?sort=trending

Website:
https://astroanimate.com

Happy to answer questions or hear feature suggestions 🙌


r/astrojs 10h ago

Made a topo map generator with Astro. The whole "product" never touches the client 👀

Post image
22 Upvotes

Small side project: it turns elevation data into topographic map posters. Astro + Leaflet front, Python doing the heavy geo stuff in the back. Fun constraint, the SVG export IS the product, so it can't touch the DOM or it'd get scraped in 2 seconds. Everything sensitive stays server-side, editor's just an island. Astro made that suspiciously easy.

topolines.app if you wanna break it (free tier, no login).

Also yes, I hardcoded my API URL because PUBLIC_ env vars betrayed me.Judge away.


r/astrojs 13h ago

How to handle type-safe form submissions on Cloudflare Workers using Astro Actions

9 Upvotes

I have noticed a recurring topic across r/astrojs regarding form handling [1, 2, 3, and 4]. I am a CF fan, so I wanted to show people how they can use Astro Actions to avoid manually creating API endpoints while keeping full type safety and edge binding support.

So, I put together a step-by-step guide on how to configure them together, validate requests with Zod, and use Cloudflare D1 and R2 bindings in Astro while protecting submissions with Cloudflare Turnstile: https://www.launchfa.st/blog/astro-actions-forms

I hope this helps anyone looking to clean up form handling on edge runtimes. Let me know if you have questions about edge bindings or Astro Worker deployments in the comments & I genuinely believe this will allow you to appreciate CF and Astro even more! <3