Vue.js + Elelment UI + Lottieでお手軽にいい感じなUI/UXを作ってみる - SMARTCAMP Engineer Blog

デザイナー兼エンジニアの葉栗です！ スマートキャンプでは以前からWebフロントエンド開発にVue.jsを取り入れています。 Vue.jsなどコンポーネント指向のフレームワークは、UIフレームワークも豊富で、お手軽にリッチなUIが構築できるのでいいですよね。 今回は私のお気に入りの、Vue.js + Elelment UI + Lottie というライブラリを使って、数十分でできる簡易的なログインページを作ってみようと思います。 0から構築をはじめて、レイアウト設計、ElementUIで実装、Lottie組み込み、完成といった感じで詳しく説明していきます！ 完成画面 😊 使用技術 Vue.js Element UI Lottie（ロッティー） 実装します！ 事前準備 Vue CLIをインストール プロジェクトを作成 ElementUIをインストール ログイン画面を作成 不要コードの削除 コ

[Rei19]

LottieってWebでも使えるライブラリあったのか

[maecchi]

Lottie、既存のアプリケーションのリッチ化に力を発揮できそう

[sho_yamane]

Lottie触ってみたいんだよな〜

[aquarickn]

Lottie 良さそう

[hirorock]

lottieいいな

[mayumayu_nimolove]

ロッティーは知らなかったので後で試す

[als_uz]

ログインすると花火で祝福してくれるの、いい。

[masatotoro]

すごいログインフォーム

[ktsujichan]

“https://lottiefiles.com/”