JavaScript

手軽にダークモードを導入できるシンプルなスクリプト・「Darkmode.Js」

任意の画像にフィルターを掛けたりリサイズ、切り抜き等の加工を施してダウンロードできるOSSの画像編集ライブラリ・「Filerobot Image Editor」

Vue.jsベースのECサイト向けUIコンポーネントライブラリ・「Storefront UI」

Ads

マウスの動きやスクロールなど、閲覧ユーザーのブラウザのビューポート状態を監視するスクリプト・「Tornis」

レーダーチャートを作れる非依存のシンプルなスクリプト・「maturity-radar」

href=”mailto:”のリンクをクリックした際に選択式にするスクリプト・「mailgo」

コンテキストメニューからドラッグ中のテキストのフォント情報を調査出来るオープンソースのChrome拡張・「Fontanello」

d3.js v5をベースにしたチャートライブラリ・「Britecharts」

Gmailの元リードデザイナーが作った、GmailをミニマルなデザインにするChrome拡張・「Simplify」

mailtoリンクを使いやすいUIに変換するスクリプト・「MailtoUI」

URLを指定すると自動でアクセシビリティチェックを行い、レポートを生成するオープンソースのデスクトップアプリ・「Koa11y」

タッチデバイスにも対応可能な、リストのアイテムを並べ替えたりスワイプで削除できるようにするライブラリ・「Slip.js」

SVGベースのモダンなカラーピッカーを実装する非依存の軽量JavaScriptライブラリ・「iro.js」

jsfiddleやCodepenのようにブラウザでJavaScriptを実行テストできるオープンソースのWebアプリ・「Editor」

無料且つ登録も不要でJavaScriptをコードを書きながら学べる・「CodeGuppy」

JavaScript製のオープンソースなガントチャートライブラリ・「Frappe Gantt」

CMSやフレームワークとの統合を目的としたブロックベースのコンテンツエディタ・「Hyper Editor」

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

InstagramやYoutube、Twitchなどの動画や画像をダウンロードできるOSS・「SocialSnapper」

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

オープンソースのアバターイラスト作成ジェネレーター・「Avataaars Generator」

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