![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Tools & Resources
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
設定が一切不要でページロード中にプログレスバーを自動で実装してくれるスクリプト・「pace.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
商用でも使えるSVGアイコンのセットを大量に収集、検索できる・「SVG Repo」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
SVGの編集や最適化、変換、管理や検索が可能なSVG管理デスクトップアプリ・「SVGX」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
モダンなCSSを使ったレイアウトのコードスニペットを紹介する・「SmolCSS」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
シンプルなUIのモダンなwysiwygエディタを構築するためのオープンソースのツールキット・「bangle.dev」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
汎用的に使えるスケーラブルな200以上のオープンソースアイコンセット・「Majesticons」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
すごくシンプルで使いやすい非依存型の画像拡大鏡スクリプト・「js-image-zoom」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
CSSやJavScript等の便利なコードスニペットを収集している・「DevSamples」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ヘッダに良く使われるアニメーションする背景を簡単に作れる・「Free Animated Headers」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
プライバシーとセキュリティを強く意識したOSSのメモアプリ・「bilgge」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ダミーの画像やテキストを提供するweb components・「</placeholders>」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
開発者やデザイナー向けのツールやリソースを収集している・「Dev Resources」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ユーティリティファーストなCSSを設計するためのCSS変数を提供する・「Pollen」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
クレジット表記も不要で自由に使えるオープンソースのイラスト配布プロジェクト・「Illustration Kit」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
セキュアでシンプルなオープンソースのパスワードジェネレーター・「passwrd.in」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
すりガラス風のCSSを、プレビューで確認しながらコードを生成できる・「Glassmorphism」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
様々なチームにも対応できる高性能なオープンソースのプロジェクト管理システム・「CAMPR」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
アクセス数や時間を制限できるファイルアップローダー・「Disposable URL」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ビデオ会議やホワイトボード、ドキュメント共同編集などの機能を提供するOSS・「Apache OpenMeetings」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ブラウザで処理するプライバシーに配慮したオープンソースのJPEG最適化ツール・「JPEG.rocks」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)