フリーのCSSアニメーションライブラリ「Vivify」
CSSベースのアニメーションが多数収録されています関連エントリ CSSグリッ...(続きを読む)

アニメーション実装フレームワーク「anime.js」
基本的なアニメーションからSVGを絡めたモノまで複雑なアニメーションの...(続きを読む)

CSSだけで動く軽量1KBのツールチップ実装「Microtip」
CSSだけなのにアニメーションもちゃんとしてくれ必要最小限で使えそうで...(続きを読む)

スクロールでどんどん要素にアニメーションを加える「t-scroll」
要素が画面内に入った段階で要素をアニメーションする、最近ではよくあ...(続きを読む)

画像をホバー時にJavaScriptなしでズームする
デモが公開されています。アニメーション付きのズームでいい感じ関連エ...(続きを読む)

軽量で依存性なしのレンガ状レイアウト実装JS「Macy.js」
依存なしで軽量で使えるということで、レンガ状レイアウト機能のみ使い...(続きを読む)

画像レスで実現するCAPTCHA「ImagelessCaptcha」
文字記述の数字を、数字で入れてもらうという方法で認証します。英語で...(続きを読む)

3Dでショールーム風に表示した実験的UI
。ブラウザ内で立体的な部屋を作っていて、新しいユーザ体験が作れそう...(続きを読む)

複雑な形で進捗表示できる「jQuery-svg-progress」
次のような珍しい６角形のプログレスやハート型、星型などSVGを使って自...(続きを読む)

画像をぼやかせられる軽量JS「blurify」
ブラーの程度やcssモード、canvasモードの切替等が使えて便利そうです。モ...(続きを読む)

引っ張ってリロード機能をブラウザで実現するJS「pull-to-reload」
類似のライブラリを以前紹介しましたが、こちらも便利そう関連エントリ...(続きを読む)

シンプルな3D物理エンジンライブラリ「cannon.js」
面白いデモも多数公開されており使う使わないにかかわらず一見の価値が...(続きを読む)

デフォルトのselectボックスをかっこいいドロップダウンに変更する...
次のようなドロップダウンにスタイリングできます関連エントリ 検索が可...(続きを読む)

引っ張って更新を簡単実装できる「Pull to Refresh.js」
アプリではもう一般的になった引っ張って更新をWEBでも実現します。依存...(続きを読む)

画像をページ上にアットランダムに浮遊アニメーションさせられる...
ペラのページでもアニメーションを載せることでなかなかのインパクトを...(続きを読む)

主要SNSサイトのファン数等を一括表示できる「SocialCounters」
Twitter/FB/Instagram/Google+/Youtubeといった主要なサイトのフォロワ数を一括表示...(続きを読む)

ホバーでアイテムが立体的に傾くエフェクト実装「Tilt Hover Effects」
ホバー効果は色々ありますが、新しいエフェクトが見られます。関連エン...(続きを読む)

最新のブラウザ機能がつかえるかどうかチェックできる「Feature.js...
CSS 3D transform、SVG、WebGL、等の新しい機能を使えるかどうかチェックできるJ...(続きを読む)

Reactベースのアニメーションする綺麗なグラフ描画「Recharts」
線グラフ、円グラフ、棒グラフ、散布図等豊富な種類のグラフが描画でき...(続きを読む)

ピュアJSでバーコードを描画できる「bwip-js」
次のように動的にJSでバーコードを生成することが可能です関連エントリ...(続きを読む)