WEB

RiveをReactで動かしてみました

nap5

2022.10.18

こんにちは。nap5です。

RiveをReactで動かしてみましたので、紹介したいと思います。

今回はドキュメントを参考にReactで動かしてみました。

Reactで使用するライブラリです。

GitHub - rive-app/rive-react: React runtime for Rive

React runtime for Rive. Contribute to rive-app/rive-react development by creating an account on GitHub.

外部サイト

https://github.com/rive-app/rive-react

デモコードです。

icy-dew-sc89b6 - CodeSandbox

icy-dew-sc89b6 by higashi.kota using @emotion/css, @emotion/react, @emotion/styled, @fontsource/inter, @rive-app/react-canvas, framer-motion, gsap, react, react-dom

外部サイト

https://codesandbox.io/s/sc89b6

デモサイトです。

Have a nice day

react-tailwind-rive-vite-app.onrender.com

外部サイト

https://react-tailwind-rive-vite-app.onrender.com

簡単ですが、以上です。

WEB

データ分析・AIの専門家集団 GRI

[データ分析・AIの専門家集団「GRI」と一緒に仕事をしませんか？お問い合わせお待ちしております]