![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
github
![](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フレームワーク・「Biomatic UI」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
任意の画像からカラーパレットを作成するスクリプト・「Color Thief」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
手書き風なゆるいスタイルのCSSフレームワーク・「PaperCSS」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Animate.cssをサポートしてくれるスクリプト・「jquery.animator.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
UI開発速度を上げるために作られたユーティリティファーストなCSSフレームワーク・「Tailwind CSS」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ラジオボタンとチェックボックスを装飾するためのCSSライブラリ・「pretty checkbox」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
アイコンフォントとCSSをセットにしたツールキット・「Fontisto」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
CSSのみで手軽に実装出来るモーダルウィンドウライブラリ・「Light Modal」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
コメントシステムを実装できるオープンソースのDisqusクローン・「schnack.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
css gridのコードを生成できる・「Griddy」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Bootstrapで使える要素を170種ほどセットにしてOSSとして配布する・「Froala Design Blocks」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
編集可能のシンプルなtableを実装するスクリプト・「jquery-fulltable」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ユニークなエフェクトを要素に付与できるCSSアニメーションライブラリ・「mimic.css」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
inputのtype=”file”で送信前に画像を表示させるスクリプト・「file-upload-with-preview」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
CSSだけでふわっと浮かぶ上がるツールチップを簡単な設定で実装できるCSSライブラリ・「Balloon.css」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ドラッグ&ドロップで作れるコンテンツエディター実装スクリプト・「KEditor」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
anime.jsでテキストにアニメーションエフェクトを付与するコードをまとめたサンプル集・「MOVING LETTERS」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
CSVやプレーンテキストのデータをJSONやMarkdown等に変換できるOSSなコンバーター・「Mr. Data Converter」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
手作り感がかわいい、オープンソースなアイコンフォント・「JAM icons」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
シンプルでスケーラブル、メンテナンス性も意識して設計されたCSSフレームワーク・「zap」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)