untyper

A small browser typewriter utility powered by the Web Animations API.

NPM version

untyper

Overview

untyper is a small typewriter effect utility for browser interfaces. It focuses on a chainable API, custom cursor behavior, and predictable animation timing without pulling in a large UI dependency.

Links

Features

  • Uses the Web Animations API.
  • Supports custom typing speed and start delay.
  • Supports chained typing methods.
  • Supports custom cursor behavior.

Install

npm install untyper

Usage

import { UnTyper } from 'untyper'

const text = document.querySelector('#text')
const unTyper = new UnTyper(text, { speed: 100, startDelay: 1000 })

unTyper.type('hi', { delay: 200 }).go()

Roadmap

  • Custom typing effect
  • Custom cursor
  • Move cursor
  • Add arbitrary document nodes

Inspired by typeit.

back