Kasumi サンプルページ

@tigerabrodioss/kasumi ライブラリを使用したタイプライターエフェクトのデモです。

基本的な使い方

<Typewriter text={['Hello world', 'こんにちは']} blur={{ duration: 800 }} loop />

日本語テキスト

霞とは日本語で「もや」や「霧」を意味します。文字はまるで霧の中から現れたかのようです。

ステータス：Typing...

  const { segments, isTyping, isDone, restart } = useTypewriter({
    text: '霞とは日本語で「もや」や「霧」を意味します。文字はまるで霧の中から現れたかのようです。',
  });
  // ...
  <Button onClick={restart}>再実行</Button>
  

Kasumi サンプルページ

基本的な使い方

日本語テキスト

長いテキスト