wilderness

An SVG animation API · https://wilderness.now.sh

Usage no npm install needed!

<script type="module">
  import wilderness from 'https://cdn.skypack.dev/wilderness';
</script>

README

Wilderness

An SVG animation API · https://wilderness.now.sh

gzip size test coverage travisci npm version

Summary

  • 🎉 Small file size (15.1kb minified + gzip)
  • 🌟 Simple, functional API
  • 🐣 Morph from anything, to anything
  • ⏱️ Queue multiple animations on a timeline
  • 🚀 Powerful playback control

Hello world

import { shape, render, timeline, play } from 'wilderness'

const morph = shape(
  { el: document.querySelector('circle') },
  { el: document.querySelector('rect') },
)

const animation = timeline(morph, {
  iterations: Infinity,
  alternate: true
})

render(document.querySelector('svg'), animation)

play(animation)

Learn Wilderness · View examples