Resource - JavaScript

無駄を省いた軽量でミニマルなオープンソースのオンラインブックマーク・「webtag」

webtagは無駄を省いた軽量でミニマルなオープンソースのオンラインブックマークWebアプリです。一切画像や装飾のないプレーンテキストベースのブックマークとなっており、動作も軽量、UIもシンプルで機能も最低限とミニマルスタイルでノイズのないブックマークアプリとなっています。

Next.jsベースの様々なテンプレートやboilerplateを無料で配布する・「Next.js Templates」

Next.js TemplatesはNext.jsベースの様々なテンプレートやboilerplate、スターターキットなどを無料で配布するプロジェクトサイトです。

様々なLLMでAIチャットを試せるシンプルで軽量なOSSチャットツール・「LLM Playground」

LLM Playgroundは様々なLLMでAIチャットを試せるシンプルで軽量なOSSチャットツールです。バニラなJavaScriptとCSS/HTMLでの実装を重視して設計する事で軽量で効率的なエクスペリエンスを実現するため外部ライブラリへの依存は最小限に抑えているそうです。
Ads

簡単な操作でOPMLを編集できるオープンソースのオンラインOPMLエディター・「OPML Editor」

OPML Editorは簡単な操作でOPMLを編集できるオープンソースのオンラインOPMLエディターです。Svelteベースで構築、AGPLライセンスの元でソースコードが公開されています。

ReactやNext.js向けに作られたコピペ可能なオープンソースのTailwindベースランディングページコンポーネント・「Page UI」

Page UIはReactやNext.js向けに作られたコピペ可能なオープンソースのTailwindベースランディングページコンポーネントです。Reactアプリ等でLPを頻繁に作成、更新する際に重宝しそうです。

Notionライクなテキストエディターや解析ツールが組み込まれたオープンソースのミニマルなブログシステム・「Nucelo」

NuceloはNotionライクなテキストエディターや解析ツールが組み込まれたオープンソースのミニマルなブログシステムです。Notionのように使えるテキストエディターやアクセス解析、シンプルなメーリングリスト、コンテンツのパスワード保護、 Open Graph設定機能等がビルトインされています。

解析機能の付いたオープンソースのサーバーレスURL短縮アプリ・「Sink」

Sinkは解析機能の付いたオープンソースのサーバーレスURL短縮アプリです。Vueで書かれておりAGPLライセンスの元でソースコードが公開されています。言わずもがな、任意のURLにリダイレクトする短いURLを提示できる、というもの。

コピペで使えるTailwind.cssとReactによるアニメーション、エフェクト、インタラクションのコレクション・「Animata」

Animataはコピペで使えるTailwind.cssとReactによるアニメーション、エフェクト、インタラクションのコレクションです。タイトル通りで、既存のReactアプリ等にコピペでアニメーションコンテンツを追加可能なコンポーネントを手作業でコレクション化したそうです。

自分で歩いたトレイルのルートをGPSで地図にデータを記録、管理できるセルフホスト可能なOSS・「wanderer」

wandererは自分で歩いたトレイルのルートをGPSで地図にデータを記録、管理できるセルフホスト可能なOSSです。Svelteベースで開発されています。

水平タイプのタイムラインを手軽に作成出来るjQuery.Timelineの機能を継承し、TypeScriptで設計し直したタイムラインライブラリ・「Sunorhc.Timeline」

Sunorhc.Timelineは水平タイプのタイムラインを手軽に作成出来るjQuery.Timelineの機能を継承し、TypeScriptで設計し直したタイムラインライブラリです。代替ではなく後継版として設計してるそうです。

ページ内で任意のスクロール位置を記憶し、メモも取れるOSSのブラウザ拡張・「Mark Scroll Positions」

Mark Scroll Positionsはページ内で任意のスクロール位置を記憶し、メモも取れるOSSのブラウザ拡張です。Chrome、Firefoxの両ブラウザに用意されています。

SalesforceやHubSpotの代替となるコミュニティベースのオープンソースCRM・「Twenty」

TwentyはSalesforceやHubSpotの代替となるコミュニティベースのオープンソースCRM(Customer Relationship Management:顧客関係管理)です。顧客データに基づいて構築され、独自のワークフローに適応し、さまざまな企業のビジネス要件に適合するように設計されています。

柔軟性と拡張性を重視したクロスプラットフォーム対応のシンプルなオープンソースWYSIWYGエディター・「Quill」

Quillは柔軟性と拡張性を重視したクロスプラットフォーム対応のシンプルなオープンソースWYSIWYGエディターです。小規模プロジェクトから大規模なアプリ等まで対応可能、ニーズに合わせてカスタマイズできるシンプルなAPIを提供する開発者に優しい設計となっています。

ポドモーロタイマーやタイムボクシングもサポートされたオープンソースの個人用Todoアプリ・「Unlistr」

Unlistrはポドモーロタイマーやタイムボクシングもサポートされたオープンソースの個人用Todoアプリです。React.js、Node.js、Express、<a href="https://pouchdb.com/">PouchDB</a>(ファイルベースのDB)で構成されているそうです。

Flutterライクな構文で書けるオープンソースのデータ視覚化JavaScriptライブラリ・「Flitter」

FlitterはFlutterライクな構文で書けるオープンソースのデータ視覚化JavaScriptライブラリです。Flutterを使い慣れている方に開発エクスペリエンスを提供する目的で開発されています。GoogleはFlutter APIを美しく且つ効率的な設計がなされており、このFlutter APIをコピーする事で、少ない労力でデータ視覚化を実現できると考えて開発されています。

CRUD操作やソート、エクスポートなどの管理が可能なWebアプリ向けの動的テーブルライブラリ・「TeaTable」

TeaTableはCRUD操作やソート、エクスポートなどの管理が可能なWebアプリ向けの動的テーブルJavaScriptライブラリです。データを追加するだけで、読み取り、作成、更新、削除などのCRUD操作が可能な他、ソートや検索、フルスクリーン表示、CSVエクスポート、ページ分割などもサポートされており、RWDにも対応しています。

高度なカスタマイズも可能なオープンソースのReact向けデータビジュアライゼーションコンポーネントのコレクション・「reaviz」

reavizは高度なカスタマイズも可能なオープンソースのReact向けデータビジュアライゼーションコンポーネントのコレクションです。完成されたデザインで提供されており、d3.jsとFramer Motionによるスムーズなアニメーションを使ってデータ可視化の表現幅を広げます。

WebGPUを使ってオープンソース等の任意のLLMをブラウザでローカル実行出来るようにするOSS・「Chatty」

ChattyはWebGPUを使ってオープンソース等の任意のLLMをブラウザでローカル実行出来るようにするOSSです。WebGPUを使って、任意のOSS LLMを指定してプロンプトを送信すると、LLMがダウンロードされ、そのLLMを使ってブラウザでAIチャットが出来るようになる、というもの。オフラインで利用できるので完全プライベートなAIチャットをブラウザで可能になります。

シンプルで軽量且つパワフルなtextarea用のシンタックスハイライトJavaScriptライブラリ・「SimpleSyntaxJs」

SimpleSyntaxJsはシンプルで軽量且つパワフルなtextarea用のシンタックスハイライトJavaScriptライブラリです。テキストエリアでコードのシンタックスハイライトを可能にする、というJSライブラリで、非依存、軽量でシンプルに使えるよう設計されています。

shadcn/ui互換の、コピー&ペーストで使えるオープンソースのReactアプリ用コンポーネント・「cult/ui」

cult/uiはshadcn/ui互換の、コピー&ペーストで使えるオープンソースのReactアプリ用コンポーネントです。コンポーネントのデザインは、実装とは切り離して考えるべき、という考えから、ライブラリ等のようにインストールせずコードをコピペして利用するコンポーネントのコレクションとして提供されています。

ChatGPTでAIが回答したHTML/CSS/JavaScriptのコードを直接チャット内にCodepenで動作確認できるようにするオープンソースのブラウザ拡張・「ChatGPT Web Preview」

ChatGPT Web PreviewはChatGPTでAIが回答したHTML/CSS/JavaScriptのコードを直接チャット内にCodepenで動作確認できるようにするオープンソースのブラウザ拡張です。上SSのようにコードが返されると同時に結果がプレビューされています。

軽量でシンプル、直感的に使えるUIのブラウザベースのメモアプリ・「Wellnote」

Wellnoteは軽量でシンプル、直感的に使えるUIのブラウザベースのメモアプリです。大事な情報に外出先でも迅速にアクセスできるよう分かりやすいUIと軽量さを重視したようです。
Ads