colinmeinke / Wilderness
Licence: mit
An SVG animation API
Stars: ✭ 127
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
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
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
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 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
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
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)
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].