ブラウザで使える超シンプルなオープンソースのコードエディター・「Smart Text Editor」
Smart Text Editor Smart Text Editorはブラウザで使える超シンプルなオープンソースのコードエディターです。ブラウザとキーボード操作だけで使えるよう設計されており、JavaScriptで書かれています。 ...
Resource - フレームワーク
Tailwind.cssのユーティリティクラスをBootstrapやBlumaなど他のCSSフレームワークで使えるようにする拡張スクリプト・「Foxtail」
Foxtail Foxtailは、読み込むだけで他のCSSフレームワークでTailwind.cssのユーティリティクラスを使えるようにするCSSフレームワーク拡張スクリプトです。 BootstrapやBluma、UIkitやFo...
オープンソースとして公開されているBootstrap向けのナレッジベース用テンプレート・「KnowledgeBase.dev」
KnowledgeBase.dev KnowledgeBase.devはオープンソースとして公開されているBootstrap向けのナレッジベース用テンプレートです。 トップページ以外に数ページ用意されており、最低限のナレッジベー...
スプレッドシートライクな表計算ツールを提供するJavascriptライブラリ・「xcell」
xcell xcellはスプレッドシートライクな、リアクティブな表計算ツールを提供するJavascriptライブラリです。 例えば通常は以下のようになりますよね。 xcellでは以下のように計算する事が出来ます。 ...
スピーディーなアプリケーション開発をサポートするReactコンポーネントライブラリ・「Elementz」
Elementz Elementzはスピーディーなアプリケーション開発をサポートするReactコンポーネントライブラリです。 基本的なコンポーネントの構成は従来のUIライブラリの類と似たようなものですが、Elementzでは他ラ...
シンプルな2ペインのReact製Markdownエディター・「react-md-editor」
react-md-editor react-md-editorはシンプルで使いやすい2ペインのReact製Markdownエディターです。従来品同様に記述エリアとプレビューエリアに分かれており、即反映されるようになっています。 ...
Webインタビュー向けに作られた1人対1人用ビデオチャットツール・「I-Meet」
I-Meet I-MeetはWebインタビュー向けに作られた1人対1人用ビデオチャットツールです。ライセンスの明記がありませんがGithubにてソースコードも公開されています。 よくあるビデオチャットを1対1タイプにし、ビデオチ...
Windows7のUIを再現できるスタイルシート・「7.css」
7.css See the Pen QWpzrZb by kachibito (@kachibito) on CodePen. 7.cssはWindows7のUIを再現できるスタイルシートです。98.css、XP.cs...
他デバイス複数人で同時にローカル環境の動画ファイルを閲覧、チャット等もできるOSS・「Local Party」
Local Party Local Partyはローカル環境の動画ファイルを複数人で同時にそれぞれ異なるデバイス同士で閲覧、チャット等もできるOSSです。 チャットツールのように部屋を作成するようです。ただ、それぞれが同じ動画フ...
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ライブラリです。 性別や表情、髪型やその色、服や肌の色、耳や鼻のサイズなど顔の各パーツや背景等...
任意のテキストとカラーパレットからシンプルなSVGアバター等を生成するReactライブラリ・「Boring Avatars」
Boring Avatars Boring Avatarsは任意のテキストとカラーパレットからシンプルなSVGアバター等を生成するReactライブラリです。 テキストを入力すると、そのテキストに合わせて内容が変化する、というもの...
クリーンなHTMLを保てるシンプルなclassのTailwind.css用UIコンポーネント集・「daisyUI」
daisyUI daisyUIはクリーンなHTMLを保てるシンプルなclassのTailwind.css用UIコンポーネント集です。 この手のUIフレームワークの一部ではユーティリティクラスを組み合わせる事が多く、細かい設定が可...
管理画面テンプレートも用意されたオープンソースのVue.js向けUIフレームワーク・「Vuestic UI」
Vuestic UI Vuestic UIはオープンソースのVue.js向けUIフレームワークです。Vue 3に対応しており多数コンポーネントに加えて管理画面テンプレートも用意されています。 コンポーネントはアラートやボタン、ト...
cannon.jsベースの軽量なJavaScript製3D物理エンジン・「cannon-es」
cannon-es cannon-esはWeb用の軽量なJavaScript製3D物理エンジンです。three.jsのシンプルなAPIをインスパイアしてるそうです。 開発の止まってしまったcannon.jsをフォークし、開発継続...
スクロールに応じて任意の要素をアニメーションさせる超軽量スクリプト・「animon」
animon See the Pen RwpWBqd by kachibito (@kachibito) on CodePen. animonはスクロールに応じて任意の要素をアニメーションさせる超軽量スクリプトです。非...
オープンソースのTailwind.css/React製ダッシュボードテンプレート・「Tailwind dashboard template」
Tailwind dashboard template Tailwind dashboard templateはオープンソースのTailwind.css/React製ダッシュボードテンプレートです。チャート実装の為、Chart.jsも...
カスタマイズ性と柔軟性を意識したセマンティックで扱いやすいフロントエンドフレームワーク・「Madosel」
Madosel Madoselはカスタマイズ性と柔軟性を意識したセマンティックで扱いやすいフロントエンドフレームワークです。 レイアウトや各所サイズ、マージンなどを細かくclassで用意したユーティリティメインのCSSフレームワ...
オープンソースとして公開されているBootstrap5ベースの管理画面テンプレート・「Soft UI Dashboard」
Soft UI Dashboard Soft UI Dashboardはオープンソースとして公開されているBootstrap5ベースの管理画面テンプレートです。 名前通り、柔らかい印象のスタイルで長時間見ていても疲れを感じさせな...