![](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)
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)
開発者やデザイナー向けのツールやリソースを収集している・「Dev Resources」
![](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)
すりガラス風のCSSを、プレビューで確認しながらコードを生成できる・「Glassmorphism」
![](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)
高速開発を意識して開発されたミニマリストの為のCSSフレームワーク・「Luxa CSS」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
論文ライクなレイアウトのclassを使わないクラスレスなスタイルシート・「Tufte CSS」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
タッチデバイスにも対応した、要素を複数選択できるようにするスクリプト・「Selecto.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ドラッグ&ドロップでHTMLメールを作れるオープンソースのHTMLメールエディタ・「Unlayer email-editor」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
様々なパターン背景をカスタマイズしてダウンロードできる・「Vector Pattern Generator」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
動画クリエイター向けにクオリティの高いBGMを無料配布する・「Uppbeat」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Tailwind.css向けに用意された200以上のオープンソースなコンポーネントのセット・「Tail-Kit」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ドラッグ&ドロップと簡単な編集作業でTailwind.cssベースのWebサイトを作れるオンラインページビルダー・「Tails」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
学習コストをなるべくかけずに習得できるよう設計された、沢山のコンポーネントやユーティリティを含むCSS Gridベースのフロントエンドフレームワーク・「Axentix」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
JavaScriptやフレームワーク等への依存がない、純粋なHTML/CSSで作られた無料のランディングページのテンプレート集・「Uisual」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
任意のWebページの見た目をカスタマイズできるオープンソースのブラウザ拡張・「Stylebot」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
classを組み合わせて任意のアニメーションエフェクトを作れるCSSアニメーション用スタイルシート・「AnimXYZ」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
アクセシビリティやカスタマイズ性を重視したWebアプリ向けのOSSなUIコンポーネントライブラリ・「Radix UI」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
SVGのパスを作成、操作できるオープンソースのSVGパスエディター・「SvgPathEditor」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)