sveltekit-page-transitions

KO | EN

gitlite — search

#typescript #ai-agents #ai #dsh-plugin #deepseek-harness #open-source #cli #claude-code #codex #developer-tools #react #windows

sveltekit-page-transitions

★ 49 Open GitHub ↗

Bare-minimum implementation of animated page transitions in SvelteKit.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# sveltekit-page-transitions

Simple page transition effect in a SvelteKit application.

[Demo](https://sveltekit-page-transition.netlify.app/)

https://user-images.githubusercontent.com/19195468/226083410-5ff61199-b534-48c5-9285-2994fc837415.mov

---

> This is left as a bare-minimum implementation. Doing a different transition effect is a matter of tweaking the `in` and `out` directives and their options &mdash; [learn more about Svelte transitions here](https://svelte.dev/docs#template-syntax-element-directives-transition-fn).

## Developing

Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:

```bash
npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open
```

## Building

To create a production version of your app:

```bash
npm run build
```

You can preview the production build with `npm run preview`.

> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.

sveltekit-page-transitions

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README