Officially supported transition plugins for Svelte
Clone or download
Latest commit 6d477cb May 17, 2018
Type Name Latest commit message Commit time
Failed to load latest commit information.
.eslintrc.json add linter May 7, 2017
.gitignore add draw transition May 17, 2018 -> v1.2.0 May 17, 2018
LICENSE initial commit May 7, 2017 add draw transition May 17, 2018
module.js add draw transition May 17, 2018
package.json -> v1.2.0 May 17, 2018
rollup.config.js add draw transition May 17, 2018


Officially supported transitions plugin for Svelte. Includes the following:


Install with npm or yarn:

npm install --save svelte-transitions

Then add the plugins you need to your Svelte component's exported definition:

  <input type='checkbox' bind:checked='visible'> visible

{{#if visible}}
  <!-- use `in`, `out`, or `transition` (bidirectional) -->
  <div transition:fade>hello!</div>

  import { fade } from 'svelte-transitions';

  export default {
    transitions: { fade }


If you're using a module bundler that supports tree-shaking, such as Rollup, only the transitions your components use will be included in your app.

Universal module definition

If you really need it, a UMD build is available at svelte-transitions/dist/svelte-transitions.js, and will register itself as svelte.transitions. We recommend using a module bundler instead, however.