Webがどんどんネイティブアプリに近い体験を提供できるようになっています。WebブラウザのAPIもそうですが、アニメーションの高速化によって、スマートフォンアプリのようなUXも実現できます。 今回紹介するMobile First Animation in ReactはモバイルWeb向けにアニメーションを提供するReactコンポーネントです。

Mobile First Animation in Reactの使い方

ミュージックアプリでポップアップする動き。

リストをスライドして削除。

通知を画面下に表示。

タブをスワイプで操作。

アルバムから画像を拡大表示。

Mobile First Animation in ReactはReactコンポーネントなので、ReactによるWebアプリケーションをネイティブアプリ風にしたい時に便利でしょう。スマートフォンアプリだとよくあるUXだけに重宝しそうです。

Mobile First Animation in ReactはJavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。

React App aholachek/mobile-first-animation: Performant gesture-driven animation on the mobile web