カウントアップダウンUIをよりインタラクティブにする際に使用しているライブラリについて
こんにちわ。nap5です。
今回はカウントアップダウンUIをよりインタラクティブにする際に使用しているライブラリについて紹介したいと思います。
今回紹介するライブラリを使うことで実装できたのが、こちらです。
使用したライブラリはframer motionというライブラリです。
このライブラリはDOMを宣言的に使えます。
また、宣言したDOMへのイベントに対するコールバック関数もハンディに貼り付けることができるので、便利です。
最近だと、nprogressとframer motionを組み合わて、ページトランジションをモダンに表現できたりしました。
スイッチするタイミングとしてはreact-transition-groupを使っているコードを発見したときかもしれません。
アイコンにはハチドリの画像を使用しました。
簡単ですが、以上です。
この記事が気に入ったらサポートをしてみませんか？