Skip to content
Bufferthemes

View Transitions

View Transitions are enabled by default in Bufferthemes themes, providing smooth animations when navigating between pages. This guide explains how to customize, disable, or re-enable View Transitions in your Astro project.

For the current browser support of View Transitions you can check Can I use

Remove View Transitions

To remove View Transitions from your theme you can simply remove the ClientRouter component from the src/layouts/Layout.astro

src/layouts/Layout.astro
---
import { ClientRouter } from 'astro:transitions';
---
<html lang="en">
  <head>
    <title>My Homepage</title>
    <ClientRouter />
  </head>
  <body>
    <h1>Welcome to my website!</h1>
  </body>
</html>

Customize View Transitions

To customize View Transitions please refer to the official Astro Documentation