Auto Text Effect
A typewriter that types itself out, with a live speed slider.
StarterWeb appCreative1–3hAI-buildable 5/5no setup
Text is revealed one character at a time on a timer the user can speed up or slow down mid-run. The interesting part is keeping the timer in sync when the speed changes without restarting or dropping characters.
UI
Logic
Useful
Hosting · Free forever
Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.
Deploy it and share a link.
Core features · 4
- Text types out one character at a time
- A range input controls typing speed live
- Changing speed mid-typing takes effect without restarting
- The effect loops when it reaches the end
The interesting part
- Adjusting an in-flight interval without losing position
Once it works
- Add a blinking cursor
- Cycle through a list of phrases
Suggested stack
reacttypescripttailwinddnd-kitreact-hook-formdate-fns