View Transitions Demo

View transitions

Enable seamless navigation between pages in Astro with view transitions.

Theme toggle - view transition api

Theme toggle using view transitions api.

View transitions: Handling aspect ratio changes

Tips and tricks to get the transition you want

Cross-Document View Transitions: The Gotchas Nobody Mentions | CSS-Tricks

This is Part 1 of a two-part series about cross-document view transitions, going over all the gotchas, from ditching the deprecated way to opt into them to a little-known 4-second timeout.

🚨 Screen Studio charges $89 for this. Someone open sourced the entire thing for free. It's called OpenScreen. 8,400+ GitHub stars. You record your screen. It automatically transforms it into a polished, professional demo video. Auto-zoom into clicks. Smooth cursor animations. https://t.co/gCu83bTYX2

🚨 Screen Studio charges $89 for this. Someone open sourced the entire thing for free.It's called OpenScreen. 8,400+ GitHub stars.You record your screen. It automatically transforms it into a polished, professional demo video.Auto-zoom into clicks. Smooth cursor animations.… pic.twitter.com/gCu83bTYX2— Nav Toor (@heynavtoor) March 31, 2026

Native-Like Animations for Page Transitions on the Web | CSS-Tricks

Some of the most inspiring examples I’ve seen of front-end development have involved some sort of page transitions that look slick like they do in mobile

Gemini AI Visual Design - Google Design

Explore how Google designers use gradients, motion, and foundational shapes to build trust and intuition within the evolving Gemini AI assistant experience.

Bluesky Aurora Viewer

Posts form a noisy aurora trace from left to right, oldest to newest. Each post becomes a vertical green emission ray. Higher engagement produces brighter, harp-like rays with easier selection. Drag to orbit, mouse wheel to zoom, right-drag to pan, hover for a system overlay. Quote text is keyed to posts with a small dot-and-line marker.

Back to progressive enhancement with Astro

I recently found myself with some free time on my hands, so I decided to rewrite my website using Astro. Why did I choose Astro?

Coherent reaction

As part of the Digital Library's transition to Open Access, new features for researchers are available in the Premium Edition. Click here to learn more.

Starlight 🌟 Build documentation sites with Astro

Starlight helps you build beautiful, high-performance documentation websites with Astro.