
Tools & Resources


任意のWebページの見た目をカスタマイズできるオープンソースのブラウザ拡張・「Stylebot」

classを組み合わせて任意のアニメーションエフェクトを作れるCSSアニメーション用スタイルシート・「AnimXYZ」

匿名のメールアドレスを生成し、管理できるOSS・「AnonAddy」

アクセシビリティやカスタマイズ性を重視したWebアプリ向けのOSSなUIコンポーネントライブラリ・「Radix UI」

SVGのパスを作成、操作できるオープンソースのSVGパスエディター・「SvgPathEditor」

オーディオ素材をできるオープンソースのデスクトップアプリ・「Samplescope」

ユニークでシームレスなパターン背景を簡単に作成、SVGやPNG等でダウンロードできる・「Pattern Generator」

オープンソースで提供されている自己ホスト型のチャット機能付きライブストリーミングツール・「Owncast」

ブラウザのタブでHTML/CSS/JavaScriptを書いて実行できる拡張機能・「HTML New Tab」

Web制作者やマーケター向けのアプリをプライバシー重視の代替アプリとして提供されたOSSを探せる・「Open Source Stash」

「CSSに足りない機能は?」に対する様々な回答を確認出来る・「What’s Missing From CSS?」

ダミー画像としてPNGやSVGの他、ダミー動画も提供するダミーメディア生成ツール・「Temp.media」

軽量で拡張的な非依存のカルーセルライブラリ・「Tiny-Swiper」

写真をアップロードすると自動で背景を削除してくれるWebアプリ・「BACKGROUND REMOVER」

Google Analytics代替として開発された、Cookie不使用のオープンソースの解析ツール・「Pirsch」

Auth0代替として開発されたオープンソースの認証プラットフォーム・「SuperTokens」

使用頻度の高そうなUIをその場で作ってコードを発行、コピーして使える・「CSSLab」

任意のカラーの組み合わせが問題無いかを確認できるOSSのシンプルなアクセシビリティチェックツール・「Colour Contrast Checker」

アニメーションするクリエイティブな広告バナーを作成可能なWebアプリ・「Viewst」

カスタマイズ性の高い非依存のレスポンシブなグリッドレイアウトフレームワーク・「EasyGrid」
