Check @einenlum/human-replay on GitHub for the library and documentation.
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.
This compressed data contains your exact typing pattern. Copy it and use it in your own projects to recreate the same typing animation anywhere.
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);
<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>
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.