データ可視化に貢献するチャートCSSフレームワーク・「Charts.css」
Charts.css Charts.cssはデータ可視化のためのチャートCSSフレームワークです。HTMLによるデータビジュアライズの際にスタイリングをサポートするクラスを提供してくれます。 面や棒、折れ線、円やドーナツなどよく...
Resource - github
Intercomなどのように顧客とのコミュニケーションの場を提供するオープンソースのライブチャットアプリ・「Chatwoot」
Chatwoot Chatwootは顧客とのコミュニケーションの場を提供するオープンソースのライブチャットアプリです。 よく海外などのWebサービス等の右下に見かける、訪問ユーザーとのチャットツールの様なものを提供してくれる、と...
URLに2文字加えてGitHub上のWebページやコードをVSCode風のUIで表示する・「github1s」
github1s github1sはURLに2文字加えてGitHub上のWebページやコードをVSCode風のUIで表示するWebアプリです。 例えば上のようなURLを というように、github....
設定が一切不要でページロード中にプログレスバーを自動で実装してくれるスクリプト・「pace.js」
pace.js See the Pen rNWwwap by kachibito (@kachibito) on CodePen. pace.jsは設定が一切不要でページロード中にプログレスバーを自動で実装してくれるス...
シンプルなUIのモダンなwysiwygエディタを構築するためのオープンソースのツールキット・「bangle.dev」
bangle.dev bangle.devはシンプルなUIのモダンなwysiwygエディタを構築するためのオープンソースのツールキットです。 基本的にはReactで使う事を想定した設計で今後はVueもサポートする予定との事です。...
汎用的に使えるスケーラブルな200以上のオープンソースアイコンセット・「Majesticons」
Majesticons Majesticonsは汎用的に使えるスケーラブルな200以上のオープンソースアイコンセットです。 丸みのある線画のアイコンと塗りの2セット用意されており全てSVGとなっている他、Figmaでも利用できる...
すごくシンプルで使いやすい非依存型の画像拡大鏡スクリプト・「js-image-zoom」
js-image-zoom See the Pen PobWowK by kachibito (@kachibito) on CodePen. js-image-zoomはシンプルで使いやすい非依存型の画像拡大鏡スクリ...
プライバシーとセキュリティを強く意識したOSSのメモアプリ・「bilgge」
bilgge bilggeはプライバシーとセキュリティを強く意識したOSSのメモアプリです。メモの他にパスワード(実際はラベルと値という項目が用意されていて値の箇所が●●●表示される)も保存できます。 AES-256bitと10...
ダミーの画像やテキストを提供するweb components・「</placeholders>」
</placeholders> See the Pen dyOXOrR by kachibito (@kachibito) on CodePen. </placeholders>はダミーの画像や...
開発者やデザイナー向けのツールやリソースを収集している・「Dev Resources」
Dev Resources Dev Resourcesは開発者やデザイナー向けのツールやリソースを収集しているプロジェクトです。OSSとしてMITライセンスの元、Githubで収集データも公開されています。 Webサイトやアプリ...
ユーティリティファーストなCSSを設計するためのCSS変数を提供する・「Pollen」
Pollen Pollenは一貫したスタイルやユーティリティファーストなCSSを設計するためのCSS変数を提供するスタイルシートです。 中身は全てCSS変数のみで構成されており、既に定義付けられていますので、classを変えるこ...
様々なチームにも対応できる高性能なオープンソースのプロジェクト管理システム・「CAMPR」
CAMPR CAMPRは様々なチームにも対応できる高性能なオープンソースのプロジェクト管理システムです。モジュール式になっており、必要な機能を追加する事でさまざまな業種やプロジェクト、チームなどに柔軟に対応する事が出来るよう設計されて...
ビデオ会議やホワイトボード、ドキュメント共同編集などの機能を提供するOSS・「Apache OpenMeetings」
Apache OpenMeetings Apache OpenMeetingsはビデオ会議やホワイトボード、ドキュメント共同編集などの機能を提供するオープンソースのソフトウェアです。 ブラウザで動作するので異なる環境でもブラウザ...
開発者やデザイナー向けに作られたシンプルで丸みのあるオープンソースのアイコンセット・「Akar Icons」
Akar Icons Akar Iconsは開発者やデザイナー向けに作られたシンプルで丸みのあるオープンソースのアイコンセットです。 デザイナー向けにはFigmaやSketch、XD用を、開発者にはReactコンポーネントとして...
高速開発を意識して開発されたミニマリストの為のCSSフレームワーク・「Luxa CSS」
Luxa CSS See the Pen XWNrxOG by kachibito (@kachibito) on CodePen. Luxa CSSは高速開発を意識して開発されたミニマリストの為のCSSフレームワーク...
React.js/Bootstrapベースのオープンソースの管理画面テンプレート・「Volt React」
Volt React Volt ReactはReact.js/Bootstrapベースのオープンソースの管理画面テンプレートです。 100以上のコンポーネントと10のサンプルページが用意されており、RWD対応、WCAGに準拠して...
論文ライクなレイアウトのclassを使わないクラスレスなスタイルシート・「Tufte CSS」
Tufte CSS Tufte CSSは論文ライクなレイアウトのclassを使わないクラスレスなスタイルシートです。 論文ライクと言いますか、名前でピンと来る方もいるかもしれませんがEdward Tufte氏(Wikipedia...
Socket.io、React.js、Tailwind等で作られたシンプルなオープンソースのチャットアプリ・「Chat-app」
Chat-app Chat-appはSocket.io、React.js、Tailwind等で作られたシンプルなオープンソースのチャットアプリです。 チャットアプリと言えばSocket.ioですが、こちらの開発者はSocket....
セルフホスト型のオープンソースのオンラインブックマークツール・「LinkAce」
LinkAce LinkAceはセルフホスト型のオープンソースのオンラインブックマークツールです。ここ数年、この手のOSSは殆ど見かけなくなっていたのでなんだか懐かしい感じです。 PHP製で従来のブックマークアプリと同様、任意の...
ドラッグ&ドロップでHTMLメールを作れるオープンソースのHTMLメールエディタ・「Unlayer email-editor」
Unlayer email-editor Unlayer email-editorはドラッグ&ドロップでHTMLメールを作れるオープンソースのHTMLメールエディタです。Vue.js、Angular.js、React.js向けがそれぞ...
Tailwind.css向けに用意された200以上のオープンソースなコンポーネントのセット・「Tail-Kit」
Tail-Kit Tail-KitはTailwind.css向けに用意された200以上のオープンソースなコンポーネントのセットです。人気のCSSフレームワーク、Tailwindで使える汎用的なコンポーネントが大量に用意されています。 ...
任意のWebサイトのJavaScriptの構文をチェックし、最新の構文に書き換えた場合のサイズやパフォーマンスなどを計算してくれるOSSのチェックツール・「ES timator」
EStimator EStimatorは任意のWebサイトのJavaScriptの構文をチェックし、最新の構文に書き換えた場合のサイズやパフォーマンスなどを計算してくれるOSSの構文チェックツールです。GoogleChromeの開発チ...