DEV Community

Cover image for Kasumi: A React Typewriter Library with Blur Effects
jQueryScript
jQueryScript

Posted on

Kasumi: A React Typewriter Library with Blur Effects

Kasumi: a React library that animates text with a smooth blur effect. Characters materialize one by one, each fading in from a blurred state. The library uses the Web Animations API, so no extra CSS required.

Key features:

  • Typewriter component with presets (cinematic, snappy, playful)
  • Custom timing curves
  • Blur configuration (trail length, duration, intensity)
  • Loop through multiple strings
  • Hook for full control over markup
  • TypeScript types included

Perfect for landing pages, terminal simulations, or any place you want subtle text animations.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)