Human Replay

Check @einenlum/human-replay on GitHub for the library and documentation.

What?

Type anything you want. Replay it the way you typed it.

Why?

Because with AI and computers everywhere, automation and perfection have become boring. We lack analog feeling. Humans are cool again. Let's celebrate by adding a splash of humanity to our UI.
Two ways to use this library:
1. In your own projects: Install the library and record users typing in your forms that you can replay later.
2. Use this demo page: Type something here and get the ready-to-use code for that specific typing animation.

Type naturally below - the library captures your exact rhythm, pauses, and corrections. After stopping, you'll get code you can use anywhere to recreate this exact typing animation.

🔴 Recording... Type in the input above!

💾 Compressed Data - Use This on Your Website

This compressed data contains your exact typing pattern. Copy it and use it in your own projects to recreate the same typing animation anywhere.

📘 For developers who want to use the library:
Install HumanReplay in your project to record ANY input field or textarea, not just this demo.
🚀 Method 1: NPM Install
npm install human-replay
...

// Record from any input element in your app
import HumanReplay from 'human-replay';
const recorder = new HumanReplay(inputElement);
recorder.startRecording();

// Or replay this specific data anywhere:
const compressedData = /* paste your data below */;
HumanReplay.replayFromData(element, compressedData, 50);
🌐 Method 2: CDN (Browser)
<script src="https://cdn.jsdelivr.net/npm/human-replay"></script>
<script>
// Record from any element on your page
const recorder = new HumanReplay(document.getElementById('any-input'));

// Or replay this specific data:
const data = /* paste your data below */;
HumanReplay.replayFromData(element, data, 50);
</script>
💡 Don't want the library? Click "Get Vanilla JS Code" for standalone code that works without any dependencies.

            

✂️ Standalone Code - Zero Dependencies

Perfect for: When you want the typing animation but don't want to install the library.

How to use: Copy the code below and paste it directly into your HTML file - that's it! No npm install, no imports, no CDN links needed.

What it does: Creates the exact same typing animation you just recorded, completely self-contained.