Tailwind.cssのチートシートをその場で表示、検索も可能なオープンソースのChromeエクステンション・「Tailwind Cheat Sheet inside Chrome Extension」
Tailwind Cheat Sheet inside Chrome Extension Tailwind Cheat Sheet inside Chrome ExtensionはTailwind.cssのチートシートをその場で表示、...
Resource -"キーワード指定なし"
SVGをオンラインで作成出来る多種多少なツールを大量に作成、公開しているSVGジェネレーターコレクション・「fffuel」
fffuel fffuelはSVGをオンラインで作成出来る多種多少なツールを大量に作成、公開しているSVGジェネレーターコレクションです。 以前、ssshapeというアプリをご紹介しましたが、このようなSVGジェネレーターをいろ...
拡張性が高く、ブラウザで動作するオープンソースのテキストエディタフレームワーク・「Lexical」
Lexical Lexicalは拡張性の高いブラウザベースのオープンソースのテキストエディタフレームワークです。javascriptで書かれています。 シンプルで分かりやすいツールバーで直感的な操作が可能で、プラグインで機能の拡...
汎用的で使いやすいオープンソースのSVGアニメーションスピナーのセット・「SVG Spinners」
SVG Spinners See the Pen Untitled by kachibito (@kachibito) on CodePen. SVG Spinnersは汎用的で使いやすいオープンソースのS...
シンプルで小さなサイズでも視認性が高いオープンソースのアイコンセット・「MingCute」
MingCute MingCuteはシンプルで小さなサイズでも視認性が高いオープンソースのアイコンセットです。PNG、SVGの他、Webフォントとしても提供されています。 アイコンは全部で1200以上用意されており、どれもが24...
単一要素で枠線のあるポップなbox-shadowを作る
Result See the Pen Untitled by kachibito (@kachibito) on CodePen. ちょっとコミック風の、枠線ありのポップなbox-shadowを単一要素で作...
Markdownライクな記法でタイムラインを作成できるオープンソースのWebアプリ・「Markwhen」
Markwhen MarkwhenはMarkdownライクな記法でタイムラインを作成できるオープンソースのWebアプリです。Vueで書かれています。 割と複雑なタイムラインにも対応可能で、書き方もMarkdownにある程度慣れて...
Googleフォントと互換性を持ったGDPR準拠のプライバシーを重視したWebフォントプラットフォーム・「Bunny Fonts」
Bunny Fonts Bunny FontsはGoogleフォントと互換性を持ったGDPR準拠のプライバシーを重視したWebフォントプラットフォームです。オープンソースを謳っていますが開示されたソースがどこか分かりませんでしたので後...
ノートアプリのBearの代替として開発されたオープンソースのWebベースのノートアプリ・「Koala」
Koala KoalaはノートアプリのBearの代替として開発されたオープンソースのWebベースのノートアプリです。Mac向けノートアプリのBearの代替として開発したそうですがWebベースとなっており、OSを問わず利用できるようにな...
様々なグラフに対応したフレキシブルで高性能なオープンソースのReact向けチャートライブラリ・「React Charts」
React Charts React Chartsは多種多様なグラフに対応したフレキシブルで高性能なオープンソースのReact向けチャートライブラリです。 上動作デモのように、様々なタイプのグラフを描画可能で、表現にも非常に応用...
Tailwind.cssベースのWebサイトのデバッグをサポートするDevTools拡張・「Tailwind DX」
Tailwind DX Tailwind DXはTailwind.cssベースのWebサイトのデバッグをサポートするDevTools拡張のためのChromeエクステンションです。 インストールすると普段使うDevToolsにTa...
AIで画像を劣化させずにクオリティを維持したままサイズを倍にしてくれるWebアプリ・「Image Upscaler」
Image Upscaler Image UpscalerはAIで画像を劣化させずにクオリティを維持したままサイズを倍にしてくれるWebアプリです。 サイズアップしたい画像をローカルから選ぶだけで自動で拡大し、元画像との比較...
温室効果ガスの排出量など気候データを提供する為のAPI・「earth.api」
earth.api earth.apiは温室効果ガスの排出量など気候データを提供する為のAPIです。データのソースは米国海洋大気庁（NOAA）で公開されているデータだそうです。 主な温室効果ガスであるとされるCH4(メタン)、C...
Twitterの任意の投稿を静的HTMLで表示するためのWebアプリ・「Tweetzer」
Tweetzer See the Pen Untitled by kachibito (@kachibito) on CodePen. Tweetzerは任意のTwitterの投稿を静的HTMLで表示できる...
ユーザー登録やメールアドレス不要で使えるWebアプリだけを収集しているコレクションサイト・「nosignup.tools」
nosignup.tools nosignup.toolsはユーザー登録やメールアドレス不要で使えるWebアプリだけを収集しているコレクションサイトです。今のところ管理者が手作業で追加してるそうです。 現在さまざまなカテゴリに分...
必要なものだけ揃えたミニマルなBootstrap 5ベースのオープンソース管理画面テンプレート・「Admini」
Admini Adminiは必要なものだけ揃えたミニマルなBootstrap 5ベースのオープンソース管理画面テンプレートです。 昨出来うる限り隠せる限り隠しに隠した結果どこに何があるか分かりにくくなった、みたいな極端なmini...
RedditやHacker News等のようなソーシャルニュースアグリゲーター/議論プラットフォームを構築する為のRust製OSS・「Lemmy」
Lemmy LemmyはRedditやHacker News、Lobste.rs等のようなソーシャルニュースアグリゲーター/議論プラットフォームを構築する為のOSSです。Rust製となっています。 自分でサーバーを建てて任意のブ...
CSSのビジュアル開発環境として開発された、Web上の要素のスタイルを編集できるオープンソースのビジュアルツールキット・「CSS GUI」
CSS GUI CSS GUIはCSSのビジュアル開発環境として開発された、Web上の要素のスタイルを編集できるオープンソースのビジュアルツールキットです。 既にある要素をクリックするとアウトラインが表示され、左ペインのツールエ...
Reactベースで独自のWebアプリ向けコマンドパレットを作成出来る・「react-cmdk」
react-cmdk react-cmdkは独自のWebアプリ向けコマンドパレットを作成出来るReactコンポーネントパッケージです。開発者にはお馴染みのコマンドパレットをWebアプリ等に導入できる、というもの。 検索窓にテ...
高速でシンプル且つプライバシーファーストなオープンソースのGoogleアナリティクス/タグマネージャー代替・「Scale8」
Scale8 Scale8は高速でシンプル且つプライバシーファーストなオープンソースのGoogleアナリティクス/タグマネージャー代替のOSSです。 GDPR、CCPA、PECRなどに準拠したタグマネージャーと、プライバシーに配...
250以上のコンポーネントが用意されたTailwind.cssベースのオープンソースなUIコンポーネントセット・「Preline UI」
Preline UI Preline UIは250以上のコンポーネントが用意されたTailwind.cssベースのオープンソースなUIコンポーネントのセットです。 React、Vueと互換性があり、全てのコンポーネントはRWD対...
スクロールに応じて任意の要素をアニメーションさせる非依存の軽量スクリプト・「PushIn.js」
PushIn.js PushIn.jsはスクロールに応じて任意の要素をアニメーションさせる非依存の軽量スクリプトです。ES5に準拠した全てのブラウザに対応しており、非依存で動作も軽く使い方も簡単です。 JavaScriptとCS...