Drupal is a registered trademark of Dries Buytaert
drupal 11.3.8 — Update released for Drupal core (11.3.8)! drupal 11.3.7 — Update released for Drupal core (11.3.7)! drupal 11.2.11 — Update released for Drupal core (11.2.11)! drupal 10.6.7 — Update released for Drupal core (10.6.7)! drupal 10.5.9 — Update released for Drupal core (10.5.9)! cms 2.1.1 — Update released for Drupal core (2.1.1)! drupal 11.3.6 — Update released for Drupal core (11.3.6)! drupal 10.6.6 — Update released for Drupal core (10.6.6)! cms 2.1.0 — Update released for Drupal core (2.1.0)! linkit 7.0.14 — Minor update available for module linkit (7.0.14). masquerade 8.x-2.2 — Minor update available for module masquerade (8.x-2.2). video_embed_field 3.1.0 — Minor update available for module video_embed_field (3.1.0). bootstrap 8.x-3.40 — Minor update available for theme bootstrap (8.x-3.40). menu_link_attributes 8.x-1.7 — Minor update available for module menu_link_attributes (8.x-1.7). editoria11y 3.0.0 — Major update available for module editoria11y (3.0.0). trash 3.0.27 — Minor update available for module trash (3.0.27). twig_tweak 4.0.0-alpha2 — New alpha version released for module twig_tweak (4.0.0-alpha2). twig_tweak 4.0.0-alpha1 — First alpha version released for module twig_tweak (4.0.0-alpha1). node_revision_delete 2.1.1 — Minor update available for module node_revision_delete (2.1.1). commerce_paypal 2.1.2 — Minor update available for module commerce_paypal (2.1.2).
← All modules

view_transitions

11 sites No security coverage
View on drupal.org

Easily enable cross-page transitions on your Drupal site.

The View Transitions API provides an new way to transition between two DOM states, making Single-page application like transitions much easier to achieve. By default, when enabling this module users will see a smooth cross-fade when navigating between pages instead of a traditional full page refresh.

Or, configure the module to use an alternative transition animation from transition.css. The slide animation is shown below.

Examples are shown using the Umami demo, but the View Transitions module works with any theme.

Transition Modes

The View Transitions module offers two different modes which currently vary in their cross-browser support. They can be configured on the View Transitions Settings page (Administration > Configuration > User interface)

Single-Page Application Mode

Enables full page view transitions using client-side routing. Inspired by Astro's View Transitions implementation.

When enabled, this mode uses HTMX's Boost feature to enable lightweight client-side routing on your Drupal site. This then allows view transitions to be applied to DOM elements on a single page, which currently has more widespread browser support. Browsers that currently do not support view transitions will use a fallback animation similar to a cross-fade.

Multi-Page Application Mode (Experimental)

Enables multi-page view transitions using server-side routing.

When enabled, view transitions are applied during traditional navigation that uses a full page refresh. This mode requires no additional JavaScript, and even works when JavaScript is completely disabled.

Browser support for this mode is currently substantially more limited. Support is gated behind the chrome://flags#view-transition-on-navigation in Chromium browsers. Browsers that do not support it will see a traditional page refresh.

If browser adoption expands, multi-page application mode will most likely become the default for this module.

Customizing Transitions

Transitions can be easily overridden via css in a theme or module.

Activity

Total releases
1
First release
Mar 2026
Latest release
1 month ago
Release cadence
—
Stability
0% stable

Releases

Version Type Release date
1.0.0-alpha4 Pre-release Mar 13, 2026