![見出し画像](https://assets.st-note.com/production/uploads/images/87703826/rectangle_large_type_2_abc1c8e5415cd456dcd47040361128fa.png?width=1200)
サインアップフォームとサインインフォームがスライド式に遷移するUIを作ってみました
こんにちわ。nap5です。
サインアップフォームとサインインフォームがスライド式に遷移するUIを作ってみましたので、紹介したいと思います。
実際にあるサービスだとtypeformのようなイメージになります。
今回のデモでは簡単にサインアップフォームとサインインフォームの2つでトライしてみました。
スライド式に遷移する部分はFramerMotionを使用しています。
デモサイトです。
デモコードです。
ステップ数が明確な機能ではマッチするのではと思います。
簡単ですが、以上です。
この記事が気に入ったらサポートをしてみませんか?