![](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)
開発者向けに作られたオープンソースのオンラインブックマークツール・「bookmarks.dev」
![](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)
ブラウザのタブでHTML/CSS/JavaScriptを書いて実行できる拡張機能・「HTML New Tab」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Web制作者やマーケター向けのアプリをプライバシー重視の代替アプリとして提供されたOSSを探せる・「Open Source Stash」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
軽量で拡張的な非依存のカルーセルライブラリ・「Tiny-Swiper」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Three.jsを使ってマネキンに任意のポーズで表現できるスクリプト・「mannequin.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
CSS-Tricksによるコーディングに最適なフォントのまとめ・「Coding Fonts 」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
プログラミング向けの様々なフォントを、実際にコードを書いて試せる・「Dev Fonts」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Notionのようなスラッシュコマンドが使えるOSSなノートアプリ・「Notion Clone」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
多数のコンポーネントも用意されたFlexboxベースのモダンなCSSフレームワーク・「OrbitCSS」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Reactベースのシンプルでタッチフレンドリーな日付ピッカー・「React Nice Dates」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
任意の要素をドラッグ移動出来るようにする軽量スクリプト・「dragmove.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
マウスホバーで任意の要素のCSSをその場で調査、コードをCodepenに送ったりコピーできるブラウザ拡張・「CSS Spider」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Notionにインスパイアされたオープンソースのカンバンボード付きノートアプリ・「Notence」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
タッチデバイスフレンドリーなブロックレベルのコンテンツエディターライブラリ・「SmartBlock」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Moment.jsライクに使える2KBほどの軽量な日付操作ライブラリ・「Day.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ログインもメールアドレス等も不要で使えるオープンソースのセキュアなチャットツール・「chatsecure.online」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
アクセシビリティに関するツールやリソースなどをカテゴリに分けて大量にまとめている・「a11yresources」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Webサイトに映画のようなスタッフロールを追加できるスクリプト・「QreditRoll」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Vue.jsとBulma.cssで構築されたTrelloライクなオープンソースのカンバンツール・「Vue Trello Clone」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)