フレームワーク

軽量でレスポンシブ対応の、classを使わないCSSフレームワーク・「Water.css」

ブロックレベルで編集できるオープンソースのリッチテキストエディタ・「Editor.js」

NES.cssにインスパイアされたターミナルスタイルのCSSフレームワーク・「UITerminal」

Ads

Bootstrap 4とreact.jsベースのオープンソースなダッシュボードフレームワーク・「Vibe」

よく見かけるCSSアニメーションエフェクトのスニペットコードをコピーできる・「CSSeffectsSnippets」

スクロールに応じて要素にアニメーションエフェクトを付与できるシンプルで軽量なスクリプト・「lax.js」

座標とタイムスタンプのデータをJSONで渡すとGoogleマップ上でその経路をアニメーション表示してくれるスクリプト・「maps-journey-replay」

どんなデバイスでも適切なフォントサイズにしてくれるスタイルシート・「RFS」

jQueryライクな構文でDOM操作を行うために開発された超軽量ライブラリ・「femtoJS」

Webページに訪問したユーザーのマウスの動きを再現するスクリプト・「viewRecorder」

PSやSketchファイルも用意されたBootstrap 4ベースのオープンソースUIキット・「Material Kit」

JavaScriptでロングタップイベントを実装する・「long-press-event」

オープンソースで公開されている、大量のコンポーネントを含んだBootstrapベースの管理画面テンプレート・「STISLA」

豊富なコンポーネントを含んだBootstrap 4向けのフリーUIキット・「Fire」

CSSで作られたポップでカラフルなフォント・「CSSans Pro」

OSSのJavaScript製スプレッドシート・「x-spreadsheet」

CSSで出来る小技やTips等をまとめた・「.css{tricks}」

ピュアCSSなマテリアルデザインコンポーネント集・「Matter」

モジュール式のモダンなフロントエンドコンポーネントライブラリ・「Undernet」

スマフォ等の傾きに応じてコンテンツに反射効果を付与するスクリプト・「Shiny」

three.jsよりも軽量なJavaScript 3Dライブラリ・「Shree.js」

Webサイトに訪問したユーザーの行動を記録し、再生できるライブラリ・「rrweb」