![](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)
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
クリックでコードをコピーできるCSSアニメーションエフェクト集・「CSSFX」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
textareaなどでTwemojiを手軽に選択できるようにするスクリプト・「Twemoji-Picker」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
mailtoリンクを使いやすいUIに変換するスクリプト・「MailtoUI」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
タッチデバイスにも対応可能な、リストのアイテムを並べ替えたりスワイプで削除できるようにするライブラリ・「Slip.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
SVGベースのモダンなカラーピッカーを実装する非依存の軽量JavaScriptライブラリ・「iro.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
jsfiddleやCodepenのようにブラウザでJavaScriptを実行テストできるオープンソースのWebアプリ・「Editor」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
JavaScript製のオープンソースなガントチャートライブラリ・「Frappe Gantt」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
CMSやフレームワークとの統合を目的としたブロックベースのコンテンツエディタ・「Hyper Editor」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
軽量でレスポンシブ対応の、classを使わないCSSフレームワーク・「Water.css」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ブロックレベルで編集できるオープンソースのリッチテキストエディタ・「Editor.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
NES.cssにインスパイアされたターミナルスタイルのCSSフレームワーク・「UITerminal」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Bootstrap 4とreact.jsベースのオープンソースなダッシュボードフレームワーク・「Vibe」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
よく見かけるCSSアニメーションエフェクトのスニペットコードをコピーできる・「CSSeffectsSnippets」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
スクロールに応じて要素にアニメーションエフェクトを付与できるシンプルで軽量なスクリプト・「lax.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
座標とタイムスタンプのデータをJSONで渡すとGoogleマップ上でその経路をアニメーション表示してくれるスクリプト・「maps-journey-replay」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
どんなデバイスでも適切なフォントサイズにしてくれるスタイルシート・「RFS」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
jQueryライクな構文でDOM操作を行うために開発された超軽量ライブラリ・「femtoJS」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Webページに訪問したユーザーのマウスの動きを再現するスクリプト・「viewRecorder」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
PSやSketchファイルも用意されたBootstrap 4ベースのオープンソースUIキット・「Material Kit」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
JavaScriptでロングタップイベントを実装する・「long-press-event」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)