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

page-transitions.style — Bringing back Internet Explorer’s Page Transitions

Bringing back Internet Explorer’s Page Transitions thanks to the View Transition API

Bringing Microsoft Internet Explorer’s proprietary “Interpage Transitions” back to Modern Browsers using the View Transition API

Back in late 2024, I started working on a fun end-of-year side project named ie-page-transitions. It”s a CSS + JS library that brings back Microsoft Internet Explorer’s proprietary “Interpage Transitions” to modern browsers, powered by the View Transition API. After sitting unfinished for a while, I finally got all 23 classic effects over the finish line and published the project on page-transitions.style.

Bringing Microsoft Internet Explorer’s proprietary “Interpage Transitions” back to Modern Browsers using the View Transition API

Back in late 2024, I started working on a fun end-of-year side project named ie-page-transitions. It”s a CSS + JS library that brings back Microsoft Internet Explorer’s proprietary “Interpage Transitions” to modern browsers, powered by the View Transition API. After sitting unfinished for a while, I finally got all 23 classic effects over the finish line and published the project on page-transitions.style.

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

bramus/ie-page-transitions

Bringing back Internet Explorer’s Page Transitions thanks to the View Transition API

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.

solar meditation

The video contains imagery from NASA’s Solar Dynamics Observatory in five wavelengths of ultraviolet light. Scrubbing up and down reveals new layers, from sunspots on the solar surface to prominences extending outward in the corona.