https://github.com/sujaudd1n/animate_node

Append an HTML node in DOM with some type-like animation.
https://github.com/sujaudd1n/animate_node

animate-append animation typewriter-animation typewriter-effect

Last synced: 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/sujaudd1n/animate_node
• Owner: sujaudd1n
• License: mit
• Created: 2023-08-29T07:51:40.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-05T15:32:00.000Z (over 1 year ago)
• Last Synced: 2023-09-05T15:49:25.336Z (over 1 year ago)
• Topics: animate-append, animation, typewriter-animation, typewriter-effect
• Language: JavaScript
• Homepage: https://sujaudd1n.github.io/animate_node/
• Size: 6.84 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# AnimateNode

Append an HTML node with type like animation.

Implemented as ES6 module.

![demo](assets/demo.gif)

## CDN

- 

## Tutorial

```js

// 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  to see a working demo of both type of animation.