# view transitions A web platform specification defining the View Transition API and associated CSS features for creating animated visual transitions between document states. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Astro 6.1 DevFeed: [Astro 6.1]() Original publisher: [Read original article]() Author: Fred Schott Published: 2026-03-26T00:00:00Z Content type: release Language: en Sources: [The Astro Blog]() Topics: [Astro](), [Compression](), [configuration](), [Internationalization (i18n)](), [Routing (disambiguation)](), [view transitions](), [browser](), [iOS]() Tags: [astro](), [browser](), [compression](), [content](), [global](), [integrations](), [ios](), [release](), [routing](), [view-transitions]() ### AI overview Astro 6.1 adds codec-specific global image defaults for Sharp, advanced SmartyPants configuration, and i18n fallback route access for integrations. It also improves mobile view transitions by avoiding duplicate animations when the browser supplies its own transition. ### Source excerpt Astro 6.1 introduces codec-specific Sharp image defaults, advanced SmartyPants configuration, and i18n fallback routes for integrations. ## Launching Interop 2026 DevFeed: [Launching Interop 2026]() Original publisher: [Read original article]() Author: Jake Archibald Published: 2026-02-12T17:07:24Z Content type: article Language: en Sources: [Mozilla Hacks - the Web developer blog]() Topics: [Web](), [Web platform](), [web-standards](), [browsers](), [Test coverage](), [dashboards](), [WebRTC](), [view transitions](), [CSS]() Tags: [apple](), [browser](), [css](), [featured-article](), [firefox](), [google](), [interop](), [microsoft](), [mozilla](), [uncategorized](), [view-transitions](), [web](), [web-developers](), [web-platform](), [webrtc]() ### AI overview Mozilla's Interop Project is launching Interop 2026, continuing its cross-browser effort to improve web compatibility through shared priorities and Web Platform Tests. The article reviews Interop 2025's progress, including higher overall scores, broader cross-browser support for major web platform features, and improved reliability for existing features such as WebRTC, CSS Flexbox, and CSS Grid. ### Source excerpt The Interop Project is a cross-browser initiative to improve web compatibility in areas that offer the most benefit to both users and developers. The group, including Apple, Google, Igalia, Microsoft, and Mozilla, takes proposals of features that are well defined in a sufficiently stable web standard, and have good test suite coverage. Then, we come [...] The post Launching Interop 2026 appeared first on Mozilla Hacks - the Web developer blog. ## Interop 2026: Continuing to improve the web for developers DevFeed: [Interop 2026: Continuing to improve the web for developers]() Original publisher: [Read original article]() Author: Rachel Andrew GitHub LinkedIn Mastodon Bluesky Homepage Published: 2026-02-12T08:00:00Z Content type: article Language: en Sources: [web.dev: Blog]() Topics: [Web platform](), [interoperability](), [web-standards](), [CSS](), [dialog](), [view transitions](), [browsers](), [dashboards]() Tags: [browsers](), [css](), [developers](), [dialog](), [interop](), [interoperability](), [view-transitions](), [web](), [web-platform]() ### AI overview Interop 2026 is an effort by browser-engine contributors to improve web-platform interoperability. It focuses on high-priority issues for web developers and users, including anchor positioning, container style queries, dialogs and popovers, scroll-driven animations, and view transitions. ### Source excerpt Learn about the features included in Interop 2026. ## A beginner-friendly guide to view transitions in CSS DevFeed: [A beginner-friendly guide to view transitions in CSS]() Original publisher: [Read original article]() Author: yash-raj-bharti Published: 2025-10-09T00:00:00Z Content type: tutorial Language: en Sources: [MDN Blog]() Topics: [view transitions](), [CSS](), [Web Development](), [browser](), [Single-page application (SPA)]() Tags: [beginner](), [chrome](), [css](), [edge](), [firefox](), [guide](), [how-to](), [navigation](), [safari](), [user-experience](), [view-transitions](), [web-development]() ### AI overview A beginner-friendly tutorial on using CSS view transitions to add smooth animated navigation between pages in multi-page applications. It explains how the View Transition API and CSS view transitions support progressive enhancement across modern browsers, including Chrome, Edge, Safari, and developing Firefox support. ### Source excerpt Learn how to bring smooth, animated navigation to multi-page apps with view transitions. With just one line of CSS, you can enable seamless transitions between pages. ## React Labs: View Transitions, Activity, and more DevFeed: [React Labs: View Transitions, Activity, and more]() Original publisher: [Read original article]() Author: Ricky Hanlon Published: 2025-04-23T00:00:00Z Content type: article Language: en Sources: [React Blog]() Topics: [React](), [view transitions](), [Development](), [ui](), [CSS animations](), [browser]() Tags: [css](), [css-animations](), [development](), [experimental](), [react](), [ui](), [view-transitions]() ### AI overview A React Labs article introduces experimental View Transitions and Activity features. It explains how React can declaratively animate UI transitions using browser View Transition APIs, CSS animations, and triggers such as navigation, state updates, and content switching. ### Source excerpt In React Labs posts, we write about projects in active research and development. In this post, we're sharing two new experimental features that are ready to try today, and updates on other areas we're working on now. ## Next.js 15.2 DevFeed: [Next.js 15.2]() Original publisher: [Read original article]() Author: Zack Tanner Published: 2025-02-26T20:00:00Z Content type: release Language: en Sources: [Next.js Blog]() Topics: [Next.js](), [debugging](), [React](), [Streaming](), [view transitions](), [Node.js]() Tags: [compilation](), [debugging](), [errors](), [memory](), [next-js](), [node-js](), [performance](), [react](), [streaming](), [updates](), [view-transitions]() ### AI overview Next.js 15.2 introduces a redesigned error interface with improved stack traces, asynchronous streaming metadata, Turbopack performance improvements, experimental React View Transitions support, and experimental Node.js Middleware runtime support. ### Source excerpt Next.js 15.2 includes updates for debugging errors, metadata, Turbopack, and more. ## What's new in Astro - January 2025 DevFeed: [What's new in Astro - January 2025]() Original publisher: [Read original article]() Author: Sarah Rainsberger Published: 2025-01-31T00:00:00Z Content type: news Language: en Sources: [The Astro Blog]() Topics: [Astro](), [Tailwind CSS](), [Documentation](), [Open Source](), [Server-side rendering](), [Web](), [view transitions](), [Cloudflare](), [Netlify](), [Search engine optimization (SEO)]() Tags: [2025](), [astro](), [discord](), [documentation](), [open-source](), [releases](), [seo](), [ssr](), [support](), [tailwind](), [view-transitions](), [web]() ### AI overview Astro's January 2025 ecosystem update highlights Astro 5.2 and Starlight 0.31 releases, community support and theme-design initiatives, a new support forum, team news, and community content. It also references Astro-related documentation, SEO, SSR, view transitions, image components, and framework coverage. ### Source excerpt January 2025 - Starting the year off with a bang! ## The $100,000 Astro Ecosystem Fund Fall Update DevFeed: [The $100,000 Astro Ecosystem Fund Fall Update]() Original publisher: [Read original article]() Author: Fred Schott Published: 2024-09-16T00:00:00Z Content type: news Language: en Sources: [The Astro Blog]() Topics: [Astro](), [Open Source](), [Maintainers](), [view transitions](), [Web platform](), [Netlify]() Tags: [announcements](), [astro](), [ecosystem](), [maintainers](), [netlify](), [open-source](), [update](), [view-transitions](), [web-platform]() ### AI overview Astro announces a fall update to its $100,000 Ecosystem Fund, including grants for Expressive Code and VTBOT. The article also discusses open-source funding and the fund's remaining grants. ### Source excerpt Astro -- the web framework for building content-driven websites like blogs, marketing, and e-commerce -- is giving away $100,000 to support other open-source projects in our ecosystem that improve the lives of Astro users everywhere, every day. Here's an update on the program, including two new grants. ## Cross-Document View Transitions DevFeed: [Cross-Document View Transitions]() Original publisher: [Read original article]() Published: 2024-07-18T00:00:00Z Content type: article Language: en Sources: [Donovan LaDuke - Developer]() Topics: [view transitions](), [Web Development](), [Chrome](), [Edge](), [CSS](), [Single-page application (SPA)]() Tags: [chrome](), [css](), [firefox](), [google-i-o](), [microsoft-edge](), [navigation](), [view-transitions](), [web-apps]() ### AI overview This article explains how Cross-Document View Transitions can make traditional multi-page websites feel more seamless by adding navigation and shared-element animations between full-page loads. It also discusses progressive enhancement and current browser support. ### Source excerpt Make Multi-Page applications feel more seamless with built in navigation transition animations in the latest version of Chrome as announced at Google I/O ## Modern CSS patterns in Campfire DevFeed: [Modern CSS patterns in Campfire]() Original publisher: [Read original article]() Author: Jason Zimdars Published: 2024-04-04T17:00:00Z Content type: article Language: en Sources: [37signals Dev]() Topics: [CSS](), [Web platform](), [modern web development](), [Web Development](), [color](), [view transitions]() Tags: [code](), [color](), [css](), [features](), [patterns](), [view-transitions](), [web](), [web-platform]() ### AI overview An in-depth look at how 37signals built ONCE/Campfire with vanilla CSS, no build step, and modern web platform features. It covers CSS nesting, relational and selector functions, wide-gamut colors, View Transitions, and color systems using oklch(). ### Source excerpt An in-depth look at how 37signals built ONCE/Campfire using modern features, vanilla CSS, and no frameworks or preprocessors. ## Nuxt 3.11 DevFeed: [Nuxt 3.11]() Original publisher: [Read original article]() Published: 2024-03-16T00:00:00Z Content type: release Language: en Sources: [The Nuxt Blog]() Topics: [Nuxt.js](), [log management](), [Server-side rendering](), [Caching](), [Vue.js](), [payload](), [Streaming](), [view transitions]() Tags: [browser](), [debug](), [deployment](), [logging](), [nuxt](), [payload](), [release](), [server](), [streaming](), [view-transitions](), [vue]() ### AI overview Nuxt 3.11 is a feature-rich release introducing improved server-log display in the browser console, preview mode, payload cache busting after deployments, page middleware, server and client-only pages, server-side teleports, and View Transitions API integration. ### Source excerpt Nuxt 3.11 is out - with better logging, preview mode, server pages and much more! ## Astro 4.5 DevFeed: [Astro 4.5]() Original publisher: [Read original article]() Author: Erika; Emanuele Stoppa; Matthew Phillips; Nate Moore; Bjorn Lu Published: 2024-03-11T00:00:00Z Content type: release Language: en Sources: [The Astro Blog]() Topics: [Astro](), [Accessibility](), [view transitions](), [Script](), [Command-line interface]() Tags: [accessibility](), [astro](), [audits](), [cli](), [configuration](), [developer-experience](), [feature](), [release](), [ui](), [update](), [view-transitions](), [web-performance]() ### AI overview Astro 4.5 improves the developer experience with a new Dev Audit UI for finding performance and accessibility issues in the browser. It also improves View Transitions by allowing persisted islands to receive new props while retaining state, and adds support for rerunning inline scripts during navigation. The release also includes Shiki 1.0, multi-CDN asset prefixing, and other updates. ### Source excerpt Astro 4.5 is out! This release includes a new Dev Audit UI, View Transition improvements, Shiki 1.0, multi-CDN asset prefixing, and more! ## Nuxt 3.10 DevFeed: [Nuxt 3.10]() Original publisher: [Read original article]() Published: 2024-01-30T00:00:00Z Content type: release Language: en Sources: [The Nuxt Blog]() Topics: [Nuxt.js](), [Node.js](), [payload](), [polyfill](), [Server-side rendering](), [browser](), [view transitions]() Tags: [browser](), [bugs](), [development](), [experimental](), [features](), [libraries](), [node](), [node-js](), [nuxt](), [payload](), [performance](), [polyfill](), [release](), [server](), [ssr](), [update](), [view-transitions]() ### AI overview Nuxt 3.10 is a release packed with features and fixes, including automatic payload deduplication and caching during prerendering, SSR-safe unique IDs, module file injection, experimental polyfills for Node.js built-ins in client-side code, CookieStore support, and diagnostics for potential bugs and performance problems. ### Source excerpt Nuxt 3.10 is out - packed with features and fixes. Here are a few highlights. ## What's new in Astro - November 2023 DevFeed: [What's new in Astro - November 2023]() Original publisher: [Read original article]() Author: Elian Van Cutsem Published: 2023-11-30T00:00:00Z Content type: news Language: en Sources: [The Astro Blog]() Topics: [Astro](), [releases](), [Internationalization (i18n)](), [view transitions](), [Algolia](), [Cloudflare Workers](), [gatsby](), [MDX]() Tags: [algolia](), [api](), [astro](), [building](), [community](), [contribute](), [discord](), [events](), [news](), [releases](), [tutorial](), [view-transitions]() ### AI overview Astro's November 2023 update covers Astro 3.5 and 3.6, three Starlight releases, new view transition events, experimental internationalization support, and official Algolia DocSearch support. It also reports progress migrating the Astro Documentation to Starlight, documentation contributions, community awards, talks, workshops, and related community content. ### Source excerpt November: the month of migrating the Astro Docs to Starlight, 3 Starlight minor releases, new view transition events and more! Read more about what's new in Astro this month. ## What's new in Astro - October 2023 DevFeed: [What's new in Astro - October 2023]() Original publisher: [Read original article]() Author: Elian Van Cutsem Published: 2023-10-31T00:00:00Z Content type: article Language: en Sources: [The Astro Blog]() Topics: [Astro](), [releases](), [Documentation](), [Hacktoberfest](), [view transitions](), [GitHub]() Tags: [astro](), [contributions](), [github](), [github-action](), [hacktoberfest](), [releases](), [testing](), [view-transitions]() ### AI overview Astro's October 2023 update covers Astro 3.2, 3.3, and 3.4 releases, Starlight 0.11, Hacktoberfest contributions, documentation work, community awards, and Astro Core presentations at ViteConf 2023. ### Source excerpt Another busy month in Astro! From Hacktoberfest to releasing Page Partials. Read up on everything that happened this month in the Astro universe. ## Astro 3.2: View Transitions improvements DevFeed: [Astro 3.2: View Transitions improvements]() Original publisher: [Read original article]() Author: Matthew Phillips; Martin Trapp; Chris Swithinbank Published: 2023-09-28T00:00:00Z Content type: release Language: en Sources: [The Astro Blog]() Topics: [Astro](), [view transitions](), [JavaScript](), [Accessibility](), [API]() Tags: [accessibility](), [astro](), [javascript](), [release](), [view-transitions]() ### AI overview Astro 3.2 improves View Transitions with browser history controls, JavaScript-triggered navigation, route announcements for screen readers, and dynamically added integrations. ### Source excerpt Astro 3.2 is out with several improvements to View Transitions, including the ability to control the history stack, and a JavaScript navigation API ## What's new in Svelte: September 2023 DevFeed: [What's new in Svelte: September 2023]() Original publisher: [Read original article]() Author: Dani Sandoval Published: 2023-09-01T00:00:00Z Content type: article Language: en Sources: [Svelte blog]() Topics: [Svelte](), [changelog](), [view transitions](), [Web](), [Artificial Intelligence](), [Chrome extension](), [Firefox](), [Android](), [Content Management System](), [GitHub](), [Nostr](), [Web Scraping]() Tags: [ai](), [android](), [changelog](), [chrome-extension](), [firefox](), [github](), [open-source](), [search](), [svelte](), [view-transitions](), [web]() ### AI overview A September 2023 roundup of updates in Svelte, Svelte Language Tools, and SvelteKit, including improved type loading, redirect handling, route filename warnings, and the onNavigate lifecycle function for view transitions. It also highlights community projects, contributor content, and learning resources built with Svelte. ### Source excerpt Happy September y'all! With all the sneak peeks at what's coming soon in Svelte 5, we thought it'd be best to look back at the last month to see what's shipped and what the community is building with Svelte. Before we jump in, a warm welcome to the new Svelte Ambassadors: @cainux and @grischaerbe! Welcome to the crew ⛴ What's new in Svelte & Language Tools svelteHTML has moved from language-tools into Svelte core so that svelte/element types will now load correctly (4.2.0 in Svelte, 107.10.0 in Language Tools) What's new in SvelteKit URL is now accepted in the redirect function (1.23.0, Docs, #10570) Mistyped route filenames will now throw a warning (1.23.0, #10558) The new onNavigate lifecycle function enables view transitions - Check out the blog post for more info (1.24.0, Docs, #9605) But that's just the new features! For all the patches and performance updates from this month, check out the SvelteKit CHANGELOG. You can also find adapter-specific CHANGELOGs in each of the adapter directories. Community ShowcaseApps & Sites built with Svelte Planet Of The Bugs allows developers to practice and hone their skill-sets by exposing them to an endless supply of unique, curated issues and bugs from popular open-source projects on Github Minesweeper is an Android game built with SvelteKit, Capacitor, TailwindCSS and DaisyUI (check it out on the Google Play Store) Pendor is an AI component generator for Svelte Avatars Pro is a social proof widget made for the web Pomodoro Focus is a pomodoro timer browser extension memegen is a Firefox web extension that allows users to generate memes using various templates Resgen is a Chrome extension that tailors resumes based on job descriptions and your experiences Icono Search is an AI-powered video search engine digital-paper is a writing app with no backspace or undo Ubuntu 22.04 in Svelte aims to replicate the Ubuntu 22.04 desktop experience on the web My Queue creates a playlist of written articles by turning them into audio st ## Astro 3.0 DevFeed: [Astro 3.0]() Original publisher: [Read original article]() Author: Matthew Phillips; Erika; Emanuele Stoppa; Bjorn Lu; Nate Moore Published: 2023-08-30T00:00:00Z Content type: release Language: en Sources: [The Astro Blog]() Topics: [Astro](), [view transitions](), [Web platform](), [Optimization](), [Server-side rendering](), [Serverless](), [Preact.js](), [React](), [npm]() Tags: [astro](), [html](), [javascript](), [npm](), [optimization](), [preact](), [react](), [release](), [serverless](), [ssr](), [view-transitions](), [web]() ### AI overview Astro 3.0 introduces support for the View Transitions API, enabling fade, slide, morph, and persistent UI effects across page navigation. The release also includes stable image optimization, faster component rendering, serverless SSR enhancements, JSX Fast Refresh for React and Preact, and cleaner build output. ### Source excerpt 30% faster and more powerful than ever, Astro 3.0 is here! Includes new features and enhancements around View Transitions, Image Optimization, Fast Refresh JSX and more. ## Astro 2.10: Persistent State in View Transitions DevFeed: [Astro 2.10: Persistent State in View Transitions]() Original publisher: [Read original article]() Author: Matthew Phillips Published: 2023-08-03T00:00:00Z Content type: article Language: en Sources: [The Astro Blog]() Topics: [Astro](), [view transitions](), [Document Object Model (DOM)](), [releases](), [HTML](), [API]() Tags: [astro](), [bug](), [compatibility](), [feature](), [features](), [html](), [release](), [release-notes](), [upgrade](), [view-transitions]() ### AI overview Astro 2.10 improves experimental View Transitions with a directive that preserves the state of DOM elements, islands, video, and client-side framework components across page navigation. The article also introduces the early beta of Astro 3.0, highlighting HTML compression by default, capitalized API route methods, adapter capability reporting, deprecations, removals, and possible compatibility issues. ### Source excerpt Persistent UI in View Transitions and our first look at Astro 3.0