All Projects → colinmeinke → Wilderness

colinmeinke / Wilderness

Licence: mit
An SVG animation API

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Wilderness

Mojs
The motion graphics toolbelt for the web
Stars: ✭ 17,189 (+13434.65%)
Mutual labels:  svg, timeline
SwiftTweener
A pure Swift animation engine.
Stars: ✭ 74 (-41.73%)
Mutual labels:  tween, timeline
Kinetic
A flexible tweening library for iOS in Swift similar to GSAP's TweenMax.
Stars: ✭ 54 (-57.48%)
Mutual labels:  tween, timeline
React Mt Svg Lines
A React.js wrapper component to animate the line stroke in SVGs
Stars: ✭ 344 (+170.87%)
Mutual labels:  tween, svg
Popmotion
Simple animation libraries for delightful user interfaces
Stars: ✭ 18,656 (+14589.76%)
Mutual labels:  tween, svg
Linuxtimeline
Linux Distributions Timeline
Stars: ✭ 662 (+421.26%)
Mutual labels:  svg, timeline
Svg Workshop
Materials for SVG Essentials & Animation Course
Stars: ✭ 612 (+381.89%)
Mutual labels:  svg, timeline
React Image Timeline
📆 An image-centric timeline component for React.js
Stars: ✭ 77 (-39.37%)
Mutual labels:  svg, timeline
Markline
Ⓜ️ Timeline via Markdown.
Stars: ✭ 121 (-4.72%)
Mutual labels:  timeline
Xsound
Web Audio API Library for Synthesizer, Effects, Visualization, Multi-Track Recording, Audio Streaming, Visual Audio Sprite ...
Stars: ✭ 123 (-3.15%)
Mutual labels:  svg
Svg Inline React
Inline svg wrapper component for React
Stars: ✭ 120 (-5.51%)
Mutual labels:  svg
Svg Sprite
SVG sprites & stacks galore — A low-level Node.js module that takes a bunch of SVG files, optimizes them and bakes them into SVG sprites of several types along with suitable stylesheet resources (e.g. CSS, Sass, LESS, Stylus, etc.)
Stars: ✭ 1,648 (+1197.64%)
Mutual labels:  svg
React Native Chart
[NOT MAINTAINED] 📊 Add line, area, pie, and bar charts to your React Native app
Stars: ✭ 1,574 (+1139.37%)
Mutual labels:  svg
Pixelfarm
From Vectors to (sub) Pixels, C# 2D Rendering Library
Stars: ✭ 120 (-5.51%)
Mutual labels:  svg
Zfont
💬 Text plugin for Zdog - works with any .ttf font!
Stars: ✭ 126 (-0.79%)
Mutual labels:  svg
Vue Calendar Heatmap
A lightweight calendar heatmap Vuejs component built on SVG, inspired by github's contribution calendar graph
Stars: ✭ 120 (-5.51%)
Mutual labels:  svg
Timesketch
Collaborative forensic timeline analysis
Stars: ✭ 1,795 (+1313.39%)
Mutual labels:  timeline
Illustatus
🌟A HTTP Status svg animation that can change color and text arbitrarily.
Stars: ✭ 127 (+0%)
Mutual labels:  svg
G2
📊 A highly interactive data-driven visualization grammar for statistical charts.
Stars: ✭ 11,020 (+8577.17%)
Mutual labels:  svg
Uween
Lightweight tween library for Unity.
Stars: ✭ 123 (-3.15%)
Mutual labels:  tween

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].