Resource - JavaScript

ブックマーク時にスクリーンショットとPDFでも保存してくれるオープンソースのブックマーク&アーカイブWebアプリ・「LinkWarden」

LinkWarden LinkWardenはブックマーク時にスクリーンショットとPDFでも保存してくれるオープンソースのブックマーク&アーカイブWebアプリです。 オンラインブックマークの機能にWebアーカイブ機能を加えたような...

グラデーションカラーの管理が可能なオープンソースのWebアプリ・「Gradientify」

Gradientify Gradientifyはグラデーションカラーの管理が可能なオープンソースのWebアプリです。CSSのコピーやPNGとしてのダウンロード、ブックマーク等が可能です。 既に綺麗なグラデーションが100以上用意...

タスクの設定や分析、PIP機能も付いた、オフラインでも動作するオープンソースのポモドーロアプリ・「Tomodoro」

Tomodoro Tomodoroはタスクの設定や分析、PIP機能も付いた、オフラインでも動作するオープンソースのポモドーロタイマーアプリです。JavaScript/HTML/CSSで書かれており、ブラウザで動作します。UIもシンプル...
Ads

Material UIのReactコンポーネントで構築されているオープンソースの管理画面・「Minimal-UI」

Minimal-UI Minimal-UIはMaterial UIのReactコンポーネントで構築されているオープンソースのダッシュボードテンプレートです。 デモページが7ページほど用意されており、管理画面及びコンポーネントを構...

Webサイトにカスタマイズ可能なコマンドメニューを追加できるライブラリ・「kmenu」

kmenu kmenuはWebサイトにカスタマイズ可能なコマンドメニューを追加できるライブラリです。各コードエディタを始め、最近ではWebアプリ等でも導入されるようになったコマンドメニューを実装できる、というライブラリです。 以...

ノーコードでフォームを作成出来るオープンソースのTypeform代替・「snoopForms」

snoopForms snoopFormsはノーコードでフォームを作成出来るオープンソースのTypeform代替です。Next.js、React、Tailwind、Prismaを使用して構築されています。 ノーコードツールと...

学生向けに作られたオープンソースのシンプルなスケジュール管理ツール・「Learnist」

Learnist Learnistは学生向けに作られたオープンソースのシンプルなスケジュール管理ツールです。学習や宿題などのスケジュールを管理し、成績向上をサポートする目的で開発されました。JavaScript/pythonで書かれて...

Twitterなどでの口コミを収集してAirtableにデータを保存し、任意のWebページで紹介出来るOSS・「Open Testimonials」

Open Testimonials Open TestimonialsはTwitterなどでの口コミを収集してAirtableにデータを保存し、任意のWebページで紹介出来るOSSです。英語圏でのWebアプリ等で良く見られるUIですよ...

ASCIIアートで描いたダイアグラムをSVGで整形して表示するJavaScriptライブラリ・「typograms」

typograms See the Pen Untitled by kachibito (@kachibito) on CodePen. typogramsはASCIIアートで描いたダイアグラムをSVGで整形し...

スクリーンキャストを別の動画と合成してモックアップを作成出来るオープンソースのWebアプリ・「Mockoops」

Mockoops Mockoopsはスクリーンキャストを別の動画と合成してモックアップを作成出来るオープンソースのWebアプリです。 モニターでの操作の状況を録画し、そのスクリーンキャストをアップロードし、あらかじめ用意された動...

高速で軽量、使いやすさを重視したオープンソースのNext.js製ナレッジベース・「helpkb」

helpkb helpkbは高速で軽量、使いやすさを重視したオープンソースのNext.js製ナレッジベースです。Markdown記法もサポートされています。 必要なものはすべて組み込まれているため、基本的にはプラグインやコーディ...

シンプルに使えてセキュアな、ビデオ通話や画面共有、ファイル共有、チャット等の機能を備えたオープンソースのWeb会議ツール・「MiroTalk」

MiroTalk MiroTalkはシンプルに使えてセキュアな、ビデオ通話や画面共有、ファイル共有、テキストやボイスチャット等の機能を備えたオープンソースのWeb会議ツールです。部屋を作成して招待する形で、複数人で利用可能です。 ...

拡張性が高く、ブラウザで動作するオープンソースのテキストエディタフレームワーク・「Lexical」

Lexical Lexicalは拡張性の高いブラウザベースのオープンソースのテキストエディタフレームワークです。javascriptで書かれています。 シンプルで分かりやすいツールバーで直感的な操作が可能で、プラグインで機能の拡...

必要なものだけ揃えたミニマルな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アプリ等に導入できる、というもの。 検索窓にテ...

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...

ダイアグラムを描くためのSvelteコンポーネントライブラリ・「Svelvet」

Svelvet Svelvetはダイアグラムを描くための軽量なSvelteコンポーネントライブラリです。インタラクティブなノードベースのフロー図を構築する事が出来ます。 拡大縮小、ドラッグ操作によるノードの移動や視点変更、カスタ...

面倒な設定不要で手軽にアニメーションエフェクトを付与してくれるライブラリ・「AutoAnimate」

AutoAnimate AutoAnimateは面倒な設定不要で手軽にアニメーションエJavaScriptライブラリです。学習コストもほぼ必要なくCSSを書く必要もありません。 React、Vue、SvelteやVanillaで...

アプリケーション開発をより早くリリースする為に設計されたReactベースのコンポーネントライブラリ・「Formation」

Formation Formationはアプリケーション開発をより早くリリースする為に設計されたReactベースのコンポーネントライブラリです。TypeScriptで書かれており、アクセシビリティ重視でWCAG 2.0に準拠、シンプル...
Ads