WEB

use-count-upライブラリを使ったカウントアップアニメーションをつくってみよう

nap5
 

こんにちは。nap5です。

use-count-upライブラリを使ったカウントアップアニメーションをつくってみましたので、紹介したいと思います。

デモサイトです。

Welcome to cowboy bebop
this is cowboy bebop site
react-tailwind-use-count-up-animation.onrender.com
外部サイト
 
https://react-tailwind-use-count-up-animation.onrender.com/wines/15

デモコードです。

gracious-boyd-2dy32f - CodeSandbox
gracious-boyd-2dy32f by higashi.kota using @emotion/css, @emotion/react, @emotion/server, @emotion/styled, @fontsource/inter, @mui/material, @tidyjs/tidy, chance, framer-motion
CodeSandbox
外部サイト
 
https://codesandbox.io/s/2dy32f?file=/pages/wines/[id].js

知っておくと便利かもですね。

簡単ですが、以上です。

関連の記事