数値入力スピナーを「vue-number-input- spinner」で実装する

vue-number-input- spinnerは、最大値最小値の設定ができる数値入力スピナーコンポーネントライブラリです。独自のClassを設定できたり、ステップ入力を行うことも可能です。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

MacのFinderみたいなメニューを「vue finder」で実装する

vue finderは、MacのFinderみたいなメニューを実装できるコンポーネントライブラリです。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

ツリーチャートを簡単に実装できる「Vue-Tree-Chart」

Vue-Tree-Chartは、ツリーチャートを簡単に実装できるコンポーネントライブラリです。JSON形式のデータを取り込む事で、ツリー構造の図を作成することができます。折りたたみの開閉なども行うことが可能です。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

クルクル回るインフォカード「VueInfoCard」

VueInfoCardは、マウスホーバーをするとクルクルと回転して裏側を表示するインフォカードコンポーネントライブラリです。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

スワイプするスイッチを「vue-swipe-button」で実装する

vue-swipe-buttonは、スマホみたいにスワイプするスイッチを実装できるコンポーネントライブラリです。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

「Vue Moveable」を使って要素を回したり、伸ばしたりする

Vue Moveableは、要素を回したり、伸ばしたり、ドラッグしたり、ピンチしたりできるコンポーネントライブラリです。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

入力を1文字ずつに分割するフォームを「vue-fake-input」で実装する

vue-fake-inputは、入力を1文字にずつに分割したフォームを実装できるコンポーネントライブラリです。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

「vue-draggable-nested-tree」でドラッグ要素をツリー形式で配置する

vue-draggable-nested-treeは、ドラッグ要素をツリー形式に配置することが可能なdraggable&droppableコンポーネントです。tree-helper.js を使用することで、折りたたみを実装することも可能です。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

「vue-sweetalert-icons」でSweetAlertのアイコンを利用する

vue-sweetalert-iconsは、SweetAlertのステータスアイコン用のVueラッパーコンポーネントライブラリです。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

Stripeのようなメニューを「vue-stripe-menu」で実装する

vue-stripe-menuは、オンライン決済のStripeのメニューのようなものを実装することができるコンポーネントライブラリです。
モバイル対応や、水平グループメニュー、直列グループメニューも可能です。。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

大規模なデータを効率的にレンダリング「vue-virtual-collection」

vue-virtual-collectionは、大規模なコレクションデータを効率的にレンダリングするためのVueコンポーネントライブラリです。高さの違う要素を一行に並べて表示することができます。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

要素がタイル状に隙間を埋めていく「vue-masonry」

vue-masonryは、要素がタイル状に隙間を埋めていくライブラリです。要素を埋める動作のスピードを設定したり、左右どちらから埋めていくかも設定することができます。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

区切り線をドラッグで可変できる「Vue Split Panes」

Vue Split Panesは、区切り線をドラッグで可変できるコンポーネントライブラリです。レスポンシブへの対応、タッチデバイスのサポートなども完備されています。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

シンプルなタグフォーム「Voerro Vue Tags Input v2」

Voerro Vue Tags Input v2は、typeaheadを使用したシンプルなタグフォームです。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

シンプルなカウントダウンタイマー「vue-awesome-countdown」

vue-awesome-countdownは、豊富なスロットとメソッドを備えた超軽量なカウントダウンタイマーです。プロセス全体と予想される終了時間との間のエラーは、わずか1〜3ミリ秒と高精度を誇っています。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

VeeValidateはVue.js用の超便利なバリデーション

VeeValidateは、Vue.js用のバリデーションコンポーネントライブラリです。全部で27種類のバリデーションパターンを備えています。おそらくVue.js用のバリデーションでは最大の人気があります。Githubスター 6千超え、Used by 1万7千超えの超モンスター級に人気です。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

フォームで選択した画像のプレビューが見れる「vue-img-preview」

vue-numeral-filterは、計算プロパティを作成したくない状況で数値形式のデータをフォーマットおよび操作するためのVue.jsフィルターライブラリです。もともとは Numeral.js というJavaScriptライブラリです。vue-numeral-filterは、Numeral.jsをVue.jsフィルターとしたライブラリです。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。