![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Webデザイナー向け
![](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)
任意のWebページの静的プレビューを取得し、共有できるブラウザ拡張・「Mirrorful」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
モダンで美しいオープンソースのTailwind.cssコンポーネント集・「Ripple UI」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
開発者やデザイナー、マーケター、ライターなど向けのツールを無料で使えるもののみ収集している・「Mr. Free Tools」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
WebフォントやSVGの他、FigmaやVue、React、Flutterなどもサポートされている2300以上のオープンソースアイコンプロジェクト・「Atlas Icons」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
アニメーション付与も可能な、ピクセルアートなどローポリ専用のオープンソース3Dモデルエディター・「Blockbench」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Web上での様々な活動に貢献してくれそうな無料ツールを大量に公開している・「1Tools」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
クロスプラットフォームで動作するオープンソースのリモートデスクトップツール・「HopToDesk」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Tailwind.css+ Alpine.jsのコードをプレビューとエディター付きで探せる・「Windl」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ダークモードやナビゲーションバーも用意されている10kbほどの軽量なクラスレスCSS・「Bahunya」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
WCAG に準拠した色の組み合わせを簡単に作成できるWebアプリ・「Accessible color palette generator」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
最新テクノロジーに関するアイコンをフォントで提供するアイコンセット・「Futicons」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Material Designの原則に従ってデザインされたオープンソースのアイコンライブラリ・「Circum」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
開発者やマーケター、デザイナー等に有益なツールやリソースを探せる・「Resource.fyi」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
汎用的で使いやすいオープンソースのSVGアイコンのセット・「Slim icons」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
任意のURLを入力するだけでCSSを解析し、品質をチェックしてくれるオープンソースのWebアプリ・「CSS Code Quality」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
カラーピッカーやルーラー、テキスト編集や要素の移動や削除、コード抽出などを任意のWebページで実行できるOSSの開発者向けブラウザ拡張・「SuperDev」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
スクロールに連動した演出をサポートするオープンソースの軽量スクロールライブラリ・「Lenis」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
デザインシステムの為のオープンソースのスターターキット・「kickstartDS」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
デザイントークンを作成し、まとめてCSS変数にしてくれる・「Design Tokens Generator」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
サンプルを見ながらアクセシブルなカラー配色をランダム生成できるカラーツール・「randoma11y」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)