As of today, every major browser supports Level 1 of the View Transition API!

To celebrate, here is a short video freshly captured in Firefox 144.

New for AstroJS View Transitions:

Use instead of to make that link show the backwards animation when clicked and the forward animation on browser back!

Demo: events-3bg.pages.dev/back-demo/
Description: events-3bg.pages.dev/library/Back...

I guess, an URL would have been nice. Here it is:
events-3bg.pages.dev/jotter/same-...

Can’t believe I missed that in the first post. I'm really sorry about that!

Making up for it the only way I know how: with a fresh teaser drop from that article!

The Jotter has a new page about how to do same-document view transitions in Astro. Works fine in combination with cross-document view transitions and even with multiple use cases on the same page.

Spoiler alarm: Most of it is not Astro-specific at all.

This is Firefox Nightly 140.0a1 (2025-05-21)

⏱️ Time for another teaser!

🔗 Chained View Transitions

Where starting a new transition won’t cancel the one already in progress, no matter how fast you slam that button 🖱️💥

No new post in a week?

Well then, it is high time for a mysterious teaser!

1/2
I want to share a remake of a tech demo I built last May using the component of astro.js.

This time it is pure JavaScript: codepen.io/martrapp/pen...