LaTeXをサポートした黒板風のMarkdownエディタ・「Muboard」
Muboard MuboardはLaTeXをサポートした黒板風のMarkdownエディタです。オープンソースとしてソースコードも公開されています。 下部がエディタエリアになており、結果が黒板エリアに反映されます。なかなか見やすく...
Resource - MIT
Webサイトに組み込んだりブックマークレットとして使えるOSSのアクセシビリティチェックツール・「Sa11y」
Sa11y Sa11yはWebサイトに組み込んだりブックマークレットとして使えるOSSのアクセシビリティチェックツールです。 下記のコードを挿入する事でWebページのアクセシビリティチェックを行う事が出来ます。 ...
Next.jsベースのオープンソース静的サイトジェネレーター・「Nextra」
Nextra NextraはNext.jsベースのオープンソース静的サイトジェネレーターです。 Markdownサポート(MDX)、サイトバーに自動生成されるページ内リンク機能のサポート、コードのシンタックスハイライト、他言語化...
Wifiに接続出来るQRコードを作成し、印刷できるようにするOSSのWebアプリ・「WiFi Card」
WiFi Card WiFi CardはWifiに接続出来るQRコードを作成し、印刷できるようにするOSSのWebアプリです。 ネットワーク名(SSID)とパスワードを入力してPrintボタンを押すと設定したWifiに接続できる...
ダークモードも搭載したTailwind.cssベースのReact UIコンポーネントのセット・「Vechai UI」
Vechai UI Vechai UIはダークモードも搭載したTailwind.cssベースのReact UIコンポーネントのセットです。 PrimerとChakra UIにインスパイアされて開発、公開したそうです。 チェ...
報酬やキャンペーンなどを管理できるオープンソースのアフィリエイト管理システム・「weferral」
weferral weferralは報酬やキャンペーン、プログラム参加ユーザーなどを管理できるオープンソースのアフィリエイト管理システムです。 自社でアフィリエイトプログラムを管理する為のソフトウェアで、顧客や参加パートナーの管...
画像でもiframでも対応できるシンプルで使いやすく汎用的な非依存のlightboxスクリプト・「tobii」
tobii tobiiは画像でもiframでも対応できるシンプルで使いやすく汎用的な非依存のlightboxスクリプトです。 任意のHTML要素や画像だけでなく、YoutubeやVimeoなどの動画や任意のWebページなども可能...
Tailwind.cssのユーティリティクラスをBootstrapやBlumaなど他のCSSフレームワークで使えるようにする拡張スクリプト・「Foxtail」
Foxtail Foxtailは、読み込むだけで他のCSSフレームワークでTailwind.cssのユーティリティクラスを使えるようにするCSSフレームワーク拡張スクリプトです。 BootstrapやBluma、UIkitやFo...
スプレッドシートライクな表計算ツールを提供するJavascriptライブラリ・「xcell」
xcell xcellはスプレッドシートライクな、リアクティブな表計算ツールを提供するJavascriptライブラリです。 例えば通常は以下のようになりますよね。 xcellでは以下のように計算する事が出来ます。 ...
スキャンしたPDFドキュメントの整理と管理を簡単にするオープンソースのWebアプリ・「filer」
filer filerはスキャンしたPDFドキュメントの整理と管理を簡単にするオープンソースのWebアプリです。 スマホでスキャンして指定のローカルフォルダに送る→自動でアップロード→事前に設定したルールに応じてfilerがドキ...
大量のデータを分析して可視化するオープンソースのLooker代替・「MLCraft」
MLCraft MLCraftは大量のデータを分析して可視化するオープンソースのLooker代替となるBIツールです。データ解析のスタートアップだったLookerは2020年の2月にGoogleに買収されました。 データの処理と...
オープンソースのHTML/CSS/JavaScriptのプライバシーフレンドリーなコードスニペットembedツール・「Indiepen」
Indiepen IndiepenはオープンソースのHTML/CSS/JavaScriptのプライバシーフレンドリーなコードスニペットembedツールです。上のようにコードスニペットと実行結果を任意のWebページ貼り付けられる、という...
シンプルな2ペインのReact製Markdownエディター・「react-md-editor」
react-md-editor react-md-editorはシンプルで使いやすい2ペインのReact製Markdownエディターです。従来品同様に記述エリアとプレビューエリアに分かれており、即反映されるようになっています。 ...
Windows7のUIを再現できるスタイルシート・「7.css」
7.css See the Pen QWpzrZb by kachibito (@kachibito) on CodePen. 7.cssはWindows7のUIを再現できるスタイルシートです。98.css、XP.cs...
医療や健康に関するシンプルなアイコンをOSSとして配布する・「Health Icons」
Health Icons Health Iconsは医療や健康に関するシンプルなアイコンをOSSとして配布するプロジェクトです。 医学や薬学、歯学などや健康に関する各種のさまざまなアイコンが600以上用意され、全てMITライセン...
Tailwind.cssとReactベースで構築されたオープンソースのマテリアルデザインUIキット・「Material Tailwind Kit React」
Material Tailwind Kit React Material Tailwind Kit ReactはTailwind.cssとReactベースで構築されたオープンソースのマテリアルデザインUIキットです。 名前そのま...
読み込むだけでアクセシビリティチェックを行えるCSS・「Checka11y.css」
Checka11y.css Checka11y.cssは読み込むだけでアクセシビリティチェックを行えるCSSです。 よくあるアクセシビリティチェックツールのと同等の精度かどうかは個人的には少し懐疑的ですがCSS製とあって非常に手...
TyporaにインスパイアされたオープンスースのWYSIWYG markdownエディター・「Milkdown」
Milkdown MilkdownはTyporaにインスパイアされたオープンスースのWYSIWYG markdownエディターです。 リッチテキストエディタにはprosemirrorが、パーサにはmarkdown-itが採用、ビ...
JavaScriptを使用しないシンプルで高速なWebページを作れるOSS・「imml」
imml immlはシンプルで高速なJS不使用のWebページを作れるOSSです。単純にMarkdownライクな記法で書いたものをHTMLでエクスポート、というもの。 名前のimmlはindented markdown mar...
シンプルで汎用的なアバターを生成するオープンソースのReactライブラリ・「react-nice-avatar」
react-nice-avatar react-nice-avatarはシンプルで汎用的なアバターを生成するオープンソースのReactライブラリです。 性別や表情、髪型やその色、服や肌の色、耳や鼻のサイズなど顔の各パーツや背景等...
cookieを使わない完全オープンソースなWeb解析ツール・「Aurora」
Aurora Auroraはcookieを使わない完全オープンソースなWeb解析ツールです。GAを始め多くのアクセス解析ツールが行う個人情報収集を行わず、アクセスした全員を匿名ユーザーとして扱う、というプライバシーフレンドリーな解析ツ...
ブラウザで動作するオープンソースのシンプルなマインドマップツール・「Kiri」
Kiri Kiriはブラウザで動作するオープンソースのシンプルなマインドマップツールです。 JS製でデータ保存はlocalStorageが使われます。プライバシーが気になる人が気軽に使える事を想定したそうで、このような仕様上、自...