jatui

ThemeWipe

Circular View Transition reveal for theme changes + SvelteKit page-transition helper

themeWipe(event, applyTheme)

Click a theme button — the new theme expands as a circle from the click origin. Uses document.startViewTransition + WAAPI clip-path: circle(…). No-ops on unsupported browsers or prefers-reduced-motion.

Current: light

viewTransition(onNavigate)

A ~10-line SvelteKit helper. Drop it into +layout.svelte to wrap every client-side navigation with document.startViewTransition:

<script>
  import { onNavigate } from '$app/navigation';
  import { viewTransition } from 'jatui';
  viewTransition(onNavigate);
</script>

<slot />

Falls back silently when the View Transitions API is unavailable. The browser honours prefers-reduced-motion automatically.