https://github.com/ccmars/typecadence

Typing animation library that automatically mimics the flaws of a human typist
https://github.com/ccmars/typecadence

animation human-errors javascript javascript-library lightweight typescript typescript-library typing-animation typing-errors typing-simulation user-friendly

Last synced: 5 months ago
JSON representation

Typing animation library that automatically mimics the flaws of a human typist

• Host: GitHub
• URL: https://github.com/ccmars/typecadence
• Owner: ccmars
• License: cc0-1.0
• Created: 2023-05-06T18:48:39.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-02-25T05:28:23.000Z (over 2 years ago)
• Last Synced: 2026-01-29T09:22:26.639Z (5 months ago)
• Topics: animation, human-errors, javascript, javascript-library, lightweight, typescript, typescript-library, typing-animation, typing-errors, typing-simulation, user-friendly
• Language: TypeScript
• Homepage: http://typecadence.colemarshall.net/
• Size: 392 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

          
![Typecadence](https://typecadence.colemarshall.net/images/typecadence_logo.svg)

![NPM License](https://img.shields.io/npm/l/typecadence?style=for-the-badge)

![NPM Version](https://img.shields.io/npm/v/typecadence?style=for-the-badge)

![NPM Downloads](https://img.shields.io/npm/dt/typecadence?style=for-the-badge)

![GitHub Repo stars](https://img.shields.io/github/stars/ccmars/typecadence?style=for-the-badge)

![GitHub file size in bytes on a specified ref (branch/commit/tag)](https://img.shields.io/github/size/ccmars/typecadence/dist%2Ftypecadence.js?style=for-the-badge)

# Typecadence

A JavaScript typing-animation library that automatically mimics the flaws of a human typist.

![Typecadence Demo](https://typecadence.colemarshall.net/images/demo.gif)

## Quick Start

Include the latest version of the Typecadence v1 script in your HTML file:

```html

```

Add the `typecadence` class to any element you want to animate:

```html



    Jackdaws love my big sphinx of quartz.



```

## Documentation

For more options and examples, see the [documentation](https://typecadence.colemarshall.net/).