Building Your App

Linking & Navigating

Client-side navigation with hover-intent prefetch and view transitions.

Use GioLink for internal navigation. It prefetches on hover intent and swaps content without a full reload.

tsx

import { GioLink } from '@gio.js/react';

<GioLink href="/about">About</GioLink>
<GioLink href="/posts/1" prefetch="viewport">First post</GioLink>

View transitions

Set a transition preset to animate between pages using the View Transitions API.

tsx

<GioLink href="/about" transition="fade">About</GioLink>

Prefetching is budgeted by the Rust prefetch manager, so a page full of links will not flood your server.