# view transitions Published articles for view transitions. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Using modern-web-types to add newer web API types to TypeScript DevFeed: [Using modern-web-types to add newer web API types to TypeScript]() Original publisher: [Read original article]() Published: 2026-09-14T07:22:45Z Content type: tutorial Language: en Sources: [Philip Walton]() Topics: [TypeScript](), [Web](), [Code](), [Library](), [Web Development](), [view transitions]() Tags: [code](), [libraries](), [library](), [typescript](), [view-transitions](), [web]() ### AI overview The article explains why TypeScript reports errors for newer web APIs that are available in Chrome: its built-in web API libraries require support from at least two browser engines. It introduces modern-web-types, a drop-in replacement using a single-engine support threshold, and describes how to install it for web and worker projects. ### Source excerpt If you've ever written code against a new web API in TypeScript, you've probably seen an error telling you the thing you're using doesn't exist. Turns out, TypeScript intentionally doesn't support all new APIs, but there's an easy fix. ## React 19.3 DevFeed: [React 19.3]() Original publisher: [Read original article]() Author: The React Team Published: 2026-09-09T00:00:00Z Content type: release Language: en Sources: [React Blog]() Topics: [React UI animations](), [web animation](), [modern web development](), [Web platform]() Tags: [animation](), [api](), [browser](), [css](), [react](), [release](), [view-transitions]() ### AI overview React 19.3 stabilizes View Transitions and Fragment Refs. The article focuses on using View Transitions to animate UI updates, with CSS and Web Animations API customization options. ### Source excerpt React 19.3 adds new features like View Transitions, Fragment Refs, browser(), Trusted Types, and more. ## CSS Navigation Matching, Early Days DevFeed: [CSS Navigation Matching, Early Days]() Original publisher: [Read original article]() Author: Geoff Graham Published: 2026-08-19T14:44:41Z Content type: article Language: en Sources: [CSS-Tricks]() Topics: [Web Development]() Tags: [articles](), [css](), [css-navigation](), [javascript](), [view-transitions]() ### AI overview An early look at CSS Navigation Matching for declaratively styling cross-document view transitions based on navigation routes and URL patterns. ### Source excerpt Apply a style when someone navigates from one specific page to another. The idea being it'd make the sources for cross-document view transitions declarative in CSS rather than managing that stuff in JavaScript. CSS Navigation Matching, Early Days originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well. ## New to the web platform in April DevFeed: [New to the web platform in April]() Original publisher: [Read original article]() Author: Rachel Andrew GitHub LinkedIn Mastodon Bluesky Homepage Published: 2026-04-24T07:00:00Z Content type: news Language: en Sources: [web.dev: Blog]() Topics: [modern web development](), [releases](), [Web Development]() Tags: [accessibility](), [aria](), [browsers](), [chrome](), [css](), [firefox](), [images](), [json](), [releases](), [svg](), [video](), [view-transitions](), [web-platform]() ### AI overview A monthly roundup of stable and beta browser features, covering Chrome 147, Firefox 150, and previews in Chrome 148, Firefox 151, and Safari 26.5. ### Source excerpt Discover some of the interesting features that have landed in stable and beta web browsers during April 2026. ## 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. ## Astro 5.15 DevFeed: [Astro 5.15]() Original publisher: [Read original article]() Author: Matthew Phillips Published: 2025-10-23T00:00:00Z Content type: release Language: en Sources: [The Astro Blog]() Topics: [Astro](), [Netlify](), [Deployment](), [API]() Tags: [apis](), [astro](), [deployment](), [netlify](), [vercel](), [view-transitions]() ### AI overview Astro 5.15 adds automatic Netlify skew protection, granular font preload filtering, and new adapter APIs for customizing headers and assets. The release also includes improvements to deployment upgrades and extends reliable skew protection to Vercel when enabled. ### Source excerpt Astro 5.15 introduces Netlify skew protection, granular font preload filtering, and new adapter APIs for customizing fetch headers and assets. ## 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. ## Launching Interop 2025 DevFeed: [Launching Interop 2025]() Original publisher: [Read original article]() Author: James Graham Published: 2025-02-13T16:59:13Z Content type: article Language: en Sources: [Mozilla Hacks - the Web developer blog]() Topics: [Web Development]() Tags: [accessibility](), [browsers](), [css](), [featured-article](), [firefox](), [interop](), [interoperability](), [storage](), [view-transitions](), [web](), [web-developers](), [web-platform](), [webrtc](), [zoom]() ### AI overview Interop 2025 coordinates browser vendors around 19 web-platform focus areas to improve cross-browser compatibility. It follows Interop 2024, whose shared test pass rate reached 95% in current browser releases. ### Source excerpt Interop 2025 continues the mission to make the web more consistent across browsers, building on 2024's 95% interoperability score. This year, 19 focus areas target key developer needs and long-standing issues, including WebRTC improvements, Storage Access API, and CSS Zoom. The post Launching Interop 2025 appeared first on Mozilla Hacks - the Web developer blog. ## 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! ## What's new in Astro - December 2024 DevFeed: [What's new in Astro - December 2024]() Original publisher: [Read original article]() Author: Sarah Rainsberger Published: 2024-12-31T00:00:00Z Content type: release Language: en Sources: [The Astro Blog]() Topics: [Astro](), [releases](), [modern web development]() Tags: [astro](), [community](), [releases](), [rss](), [tools](), [updates](), [view-transitions]() ### AI overview Astro's December 2024 update highlights Astro 5, its ranking in the State of JS results, community contributions, new integrations and utilities, and ecosystem content. ### Source excerpt December 2024 - Astro 5, State of JS, Google IDX partnership, and more! ## 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 ## Zero-JavaScript View Transitions DevFeed: [Zero-JavaScript View Transitions]() Original publisher: [Read original article]() Author: Fred Schott Published: 2024-06-11T00:00:00Z Content type: article Language: en Sources: [The Astro Blog]() Topics: [interactive website](), [modern web development](), [Web Development]() Tags: [animation](), [api](), [astro](), [browser](), [chrome](), [edge](), [javascript](), [view-transitions]() ### AI overview Astro can use browser-native cross-document view transitions to provide animated page navigation without sending JavaScript to supported browsers. ### Source excerpt Part one of our series on The Future of Astro. Browser-native page transitions are now possible with zero JavaScript required. ## What's new in Astro - May 2024 DevFeed: [What's new in Astro - May 2024]() Original publisher: [Read original article]() Author: Sarah Rainsberger Published: 2024-05-31T00:00:00Z Content type: news Language: en Sources: [The Astro Blog]() Topics: [Astro](), [Maintainers](), [releases](), [Astro DB](), [Playwright](), [feature flags](), [stripe](), [Vercel](), [WordPress]() Tags: [astro](), [community](), [maintainers](), [releases](), [stripe](), [vercel](), [view-transitions](), [wordpress]() ### AI overview Astro's May 2024 ecosystem update highlights experimental Astro Actions, the Lunaria beta release, an Astro Together event in Montreal, community contributions and awards, new maintainers, and community-created content and tutorials. ### Source excerpt May 2024 - Celebrating Astro, together! ## 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. [Next page]()