@mdrv/arc

A modern, lightweight client-side router for Svelte 5 with View Transition API support

Get Started See Examples

Features

🎬 View Transitions

Native browser transitions with GPU acceleration for smooth page changes

âš¡ Performance

Zero overhead with native View Transitions API, dual-tree fallback for older browsers

🎨 Built-in Presets

Fade, slide, scale, and Material Design transitions ready to use

🔄 Nested Routes

Support for layouts, dynamic parameters, and wildcard routes

📦 Lazy Loading

Code-split automatically with dynamic imports

🔒 Type-Safe

Full TypeScript support with path and parameter inference

Quick Example

import { createRouter } from '@mdrv/arc'
import Home from './pages/home.svelte'
import About from './pages/about.svelte'

export const { navigate, route } = createRouter({
  routes: {
    '/': Home,
    '/about': About,
  }
})