colinmeinke / wilderness

An SVG animation API

Wilderness

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

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