Getting Started

Notice: The header and sidebar stay in place as you navigate between pages. Only the main content area transitions. This is achieved with data-vt="header" and data-vt="sidebar".

Welcome to the documentation. This demo shows how named transition groups keep navigation stable while content transitions smoothly.

Click the sidebar links or header navigation to see the effect. The header morphs in place, the sidebar stays anchored, and only the main content crossfades.

This pattern works well for documentation sites, dashboards, and any multi-page layout with persistent navigation.