パフォーマンス重視でReact専用として作られたオープンソースのStorybook代替・「Ladle」
Ladle LadleはReact専用として作られたオープンソースのStorybook代替です。ControlsとCSFの互換があります。 ご存知の通りStorybookもオープンソースですが、Ladleはパフォーマンスを重視し...
Resource - フロントエンドエンジニア向け
ダークテーマを重視したオープンソースのUIパターンとコンポーネントのコレクション・「Dracula UI」
Dracula UI Dracula UIはダークテーマを重視したオープンソースのUIパターンとコンポーネントのコレクションです。Draculaの名に見覚えのある方も多いかもしれませんが、テキストエディターのダークテーマとしても人気の...
Webサイトの任意の要素をクリックするだけでその場で編集できるTailwind向けでWebテキストエディター・「Impulse」
Impulse ImpulseはWebサイトの任意の要素をクリックするだけでその場で編集できるTailwind向けでWebテキストエディターです。 上手く説明できないんですけど、ブラウザで動作するDevtoolsライクなテキスト...
Visual Studio Codeで使うコードスニペットを管理できるデスクトップアプリ・「CodeSpeedy」
CodeSpeedy CodeSpeedyはVisual Studio Codeで使うコードスニペットを管理できるデスクトップアプリです。WindowsとMac用が用意されています。 最初から備わっているスニペットコードマネージ...
アナリティクス機能がビルトインされたオープンソースのBitly代替・「Dub」
Dub Dubアナリティクス機能がビルトインされたオープンソースのBitly代替です。いわゆるURL短縮ツールで、Bitlyにログインして使える解析機能も備わっています。 解析機能にはジオロケーション、デバイス、ブラウザ...
macのdevutilsやWindowsのdevtoysのようなマルチユーティリティツールをクロスプラットフォーム対応にしたOSS・「DevTools-X」
DevTools-X DevTools-Xはmacのdevutilsや以前ご紹介したWindowsのdevtoysのようなマルチユーティリティツールをクロスプラットフォーム対応にしたOSSです。 単にクロスプラットフォーム対応し...
オープンソースのWEBフォントをnpmでインストールできるmonorepo・「Fontsource」
Fontsource FontsourceはオープンソースのWEBフォントをnpmでインストールできる更新型monorepoです。余分なネットワークリクエストが無い分、Googleフォントに比べて大きくパフォーマンスを向上できるそうで...
軽量で高速なWebコンポーネントベースのフロントエンドフレームワーク・「Leaf.js」
Leaf.js Leaf.jsは軽量で高速なWebコンポーネントベースのフロントエンドフレームワークです。ES Modulesも用いられています。 何より使いやすさを重視しており、Webサイトやコンポーネント、ライブラリなどを構...
ブラウザで動作するモーショングラフィックエディターWebアプリ・「Motionity」
Motionity Motionityはブラウザで動作するモーショングラフィックエディターWebアプリです。特にユーザー登録等も不要で誰でも無料で利用可能です。 複数レイヤーを使って任意のオブジェクトを時間経過に合わせて動くよう...
ローコードでWebサイトにパスワードレス認証を導入するためのアドオン・「OwnID」
OwnID OwnIDはローコードでWebサイトにパスワードレス認証を導入するためのアドオンです。導入する事で、AppleユーザーはPasskeys認証を、Apple以外のユーザーでも生体認証でログイン出来るようになるとの事。ローカラ...
80以上のUIコンポーネントが用意されたオープンソースのReact.js用UIライブラリ・「PrimeReact」
PrimeReact PrimeReactは80以上のUIコンポーネントが用意されたオープンソースのReact.js用UIライブラリです。更に姉妹プロジェクトのprimeiconsで200以上のアイコンも用意されています。 We...
1つのdiv要素で作れる実用的なCSSローダーのコレクション・「one `div` loaders」
one `div` loaders See the Pen Untitled by kachibito (@kachibito) on CodePen. one `div` loadersは1つのdiv要素で作...
フィードやsitemap、PWAを標準サポートしたパフォーマンス重視のSvelte製オープンソースブログシステム・「QWER」
QWER QWERはATOMフィードやsitemap、PWAを標準サポートしたパフォーマンス重視のブログシステムです。Svelte製でOSSとしてソースコードが公開されています。 PageSpeed Insightsでほぼオール...
静的Webサイトでも設置できるフォームをノーコードで作成、管理できるOSS・「formify」
formify formifyは静的Webサイトでも設置できるフォームをノーコードで作成、管理できるOSSです。TSで書かれています。 フォームはコードを書かずに複数作成可能で、それぞれにスクリプトコードが発行され、個々に管理で...
ブックマーク時にスクリーンショットとPDFでも保存してくれるオープンソースのブックマーク&アーカイブWebアプリ・「LinkWarden」
LinkWarden LinkWardenはブックマーク時にスクリーンショットとPDFでも保存してくれるオープンソースのブックマーク&アーカイブWebアプリです。 オンラインブックマークの機能にWebアーカイブ機能を加えたような...
Web開発者のために開発されたWebエンジニアチーム向けのオンラインホワイトボード・「Eraser」
Eraser EraserはWeb開発者のために開発されたWebエンジニアチーム向けのオンラインホワイトボードです。 コードを書いてダイアグラムを共有したり、コードそのものをブロックにして作図したり、キーボードファーストなフロー...
タスクの設定や分析、PIP機能も付いた、オフラインでも動作するオープンソースのポモドーロアプリ・「Tomodoro」
Tomodoro Tomodoroはタスクの設定や分析、PIP機能も付いた、オフラインでも動作するオープンソースのポモドーロタイマーアプリです。JavaScript/HTML/CSSで書かれており、ブラウザで動作します。UIもシンプル...
Material UIのReactコンポーネントで構築されているオープンソースの管理画面・「Minimal-UI」
Minimal-UI Minimal-UIはMaterial UIのReactコンポーネントで構築されているオープンソースのダッシュボードテンプレートです。 デモページが7ページほど用意されており、管理画面及びコンポーネントを構...
Webサイトにカスタマイズ可能なコマンドメニューを追加できるライブラリ・「kmenu」
kmenu kmenuはWebサイトにカスタマイズ可能なコマンドメニューを追加できるライブラリです。各コードエディタを始め、最近ではWebアプリ等でも導入されるようになったコマンドメニューを実装できる、というライブラリです。 以...
シームレスなUXを実現するオープンソースの新たなCAPTCHAシステム・「mCaptcha」
mCaptcha mCaptchaはシームレスなUXを実現するオープンソースの新たなCAPTCHAシステムです。未だに現役の、指定された画像を選択するタイプのCAPTCHAシステムとは異なり1クリックでヒューマンチェックが完了します。...
GeoGuessrのようなGoogleストリートビューを使ったオープンソースの場所当てゲーム・「GeoGuess」
GeoGuess GeoGuessはGoogleストリートビューを使ったオープンソースの場所当てゲームです。GeoGuessrのクローンとまでは行かなくても代替と言ってもいいかもしれません。Vueで作られており、PWAもサポートされて...
質問形式で検索するとコードを回答するAI言語モデル搭載の開発者向け検索エンジン・「Hello」
Hello Helloは質問形式で検索するとコードを回答するAI言語モデル搭載の開発者向け検索エンジンです。回答例として出されたコードはその場でワンクリックでコピー可能です。また、Stack Overflowに回答があればこれも直接表...