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