~
🍃

Animate Node

Append an HTML node in DOM with some type-like animation.

GithubWeb

Append an HTML node in DOM with some type-like animation.

Readme

AnimateNode

Append an HTML node with type like animation. Implemented as ES6 module.

demo

CDN

Tutorial

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
// import the object
import { animateNode } from "./src/animateNode.js";

// Create or select the node you want to append.
// Assuming you have an HTML node *list* and you want to append
// it inside div

// char-appended animation
animateNode.char(div, list)

// textnode-appended animation
animateNode.text(div, list)

Demo

Visit https://sujaudd1n.github.io/animate_node/ to see a working demo of both type of animation.

webLibraryJavascript