![](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)
class不要で基本的なスタイルを提供するCSSフレームワーク・「Basic.css」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
フォルダの構造をビジュアル化してくれるクロスプラットフォームのファイルマネージャ・「cryo」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
任意の模様でシームレスなパターンを生成できるWebアプリ・「patternico」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
シンプルで扱いやすいHTMLテーブルライブラリ・「Grid.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
いびつな形の要素をSVGで作れるWebアプリ・「Blobs」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
uilangやAlpine.js等にインスパイアされた、簡単なDOM操作を手軽に行える超軽量スクリプト・「Fluor.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Tailwind CSSで使えるコンポーネントを確認しながらコードをコピーできる・「tailblocks」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Windows XPライクなUIを提供するCSS・「XP.css」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
シンプルで見やすいレイアウトをclass不要で作れるclasslessなCSSフレームワーク・「new.css」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Neumorphism(ニューモーフィズム)にインスパイアされたUIキット・「Neumorphism UI」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
レスポンシブWebデザイン対応のWebサイト開発に特化したオープンソースのWebブラウザ・「Responsively」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
任意のSVGアイコンを一括で管理、スタイルの変更、エクスポートできるSVGマネージャ兼エディタ・「Norde Source」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
任意のWebページのソースコードをダークモードで表示、コード整形も可能なブラウザ拡張・「Night Viewer」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Webページで任意の要素のCSSを調査、スタイルをその場で変更、複数保存、ライブプレビューが可能なブラウザ拡張・「StyleStash」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
大量のオープンソースプロジェクトから任意のキーワードやカテゴリで探せる・「Awesome Open Source」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
CSS製の斜めやジグザグなどの境界を手軽に作れる・「CSS Section Separator Generator」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
1行のコードで使えるJavaScriptユーティリティのまとめ・「1loc」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
地域別に任意のカラーで色付けてラベル名を設定し地図チャートを作れる・「MapChart」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Windows98を再現できるCSS・「98.css」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
様々なタイプのCSS製の背景パターンを作成出来るスタイルシート・「pattern.css」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)