115
121

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Vue.js/Nuxt.jsで使える!便利なUIパッケージ紹介

Last updated at Posted at 2018-12-31

Vue.js/Nuxt.jsで開発しているときに便利でアイディアの広がるUIコンポーネントを紹介したいと思います。

良さそうなのを見つけたら随時更新していこうと思います!

vue-carousel

スクリーンショット 2018-12-31 14.52.18.png

簡単にカルーセルを実装できるUIコンポーネント。レスポンシブ対応もされています!

vue-swipe

スワイプ動作の実装を簡単にできるUIコンポーネント

vue-snotify

snotify.gif

幅広くカスタマイズできる通知のUIコンポーネント

vue-twitter-counter

counter-example.gif

Twitter風のカウンターを実装できるUIコンポーネント

vue-poll

vue-poll-example.jpg

Twitter風の投票UIを作れるコンポーネント

vue-stepper

stepper.gif

シンプルなフォームのステッパーを作成できるUIコンポーネント

vue-circle-menu

ani04.gif

ボタンをタップするとボタンが出るUIコンポーネント

vue-star

logo-01.gif

スターアニメーションを簡単に実装できるUIコンポーネント

vue-tagsinput

demo2.gif

タグ入力のUIコンポーネント

vue-swatches

promo.png

色選択に使えるUIコンポーネント

vue-sticker

vue-sticker.gif

ステッカーのような動きを実装できるUIコンポーネント

vue-burger-menu

スクリーンショット 2018-12-31 15.36.25.png

サイドバーを実装できるUIコンポーネント

vodal

かっこいいモーダルウィンドウのアニメーションデザイン

vue-tinder

Vue.jsでTinder風UIコンポーネント

115
121
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
115
121

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?