Webサイトの中に、ちょっとしたギミックを組み込みたいと思ったことはないでしょうか。他のWebサイトでは見られない仕組みを入れると、訪問者の目を引くはずです。それはアニメーションのような動きがあるものが良いでしょう。 今回紹介するparty.jsはクリックイベントに伴うビジュアルエフェクトを実現するライブラリです。

party.jsの使い方

クリックで紙吹雪が舞い上がるデモです。

星が飛びます。

さらにハートまで。

party.jsに用意されているのは他にも長方形、円形、角丸(正方形、長方形)、星形となっています。自分の好きな画像を使うことも可能です。ユーザがページを移動したり、フォームでの送信を行う瞬間に使うとインパクトがありそうです。

party.jsはTypeScript製のオープンソース・ソフトウェア(MIT License)です。

Hello! | party.js yiliansource/party-js: A JavaScript library to brighten up your user’s site experience with visual effects!