Home > Animation > Text Typing / Deleting Animations In Native JavaScript – Native Typed
Text Typing / Deleting Animations In Native JavaScript – Native Typed

Text Typing / Deleting Animations In Native JavaScript – Native Typed

A tiny dependency free JavaScript library javascript library for typing animation.

  • 1.77 kB gzipped of minified version :zap:
  • Dependency-free :tada:
new NTyped(document.querySelector('#caption'), {
  strings: ['vue', 'react', 'angular'],
  typeSpeed: 30,
  deleteSpeed: 15,
  loop: true
});

Getting Started

Step 1: Install

Download the latest release or install with npm.

npm install native-typed --save

Step 2: Reference

If you linked native-typed directly in your HTML, you can use window.NTyped. If you’re using a module bundler, you’ll need to import it.

// CommonJS
let NTyped = require('native-typed');

// ES2015
import NTyped from 'native-typed';

Options

You can set options on native-typed during initialization.

// During initialize
new NTyped(document.querySelector('#caption'), {
  strings: ['vue', 'react', 'angular'],
  typeSpeed: 30,
  deleteSpeed: 15,
  loop: true
});
  Website Demo

About admin