Next.jsのためのオープンソース静的CMS・「Outstatic」
Outstatic OutstaticはNext.jsのためのオープンソース静的サイトCMSです。データベースや外部サービス、複雑な設定など一切不要で迅速且つ簡単にセットアップ可能とのこと。 一般的なCMS同様にコンテンツを作成...
Resource - JavaScript
ドキュメントを扱う際の様々なニーズに対応可能なEditor.jsベースのOSSドキュメントアプリ・「CodeX Docs」
CodeX Docs CodeX Docsはドキュメントを扱う際の様々なニーズに対応可能なEditor.jsベースのOSSドキュメントアプリです。Editor.jsをもともと使っている方には特に扱いやすいDocアプリとなっているみたい...
ReactベースのCRUDアプリを構築するためのオープンソースのヘッドレスWebアプリケーションフレームワーク・「refine」
refine refineはReactベースのCRUDアプリを構築するためのオープンソースのヘッドレスWebアプリケーションフレームワークです。 Create（作成）、Read（読み取り）、Update（更新）、Delete（削...
オープンソースのNode.jsアプリケーション用管理パネル・「AdminJS」
AdminJS AdminJSはオープンソースのNode.jsアプリケーション用管理パネルです。数分で全てのデータを1か所で管理できるNode.jsアプリ用のダッシュボードを構築できるそうです。 提供された複数データをもとに、O...
HTMLやCSSをSVGに変換するためのオープンソースのライブラリ・「Satori」
Satori SatoriはHTMLやCSSをSVGに変換するためのオープンソースのライブラリです。ホスティングサービスのVercel謹製のようです。 イメージ的にはHTMLやCSSを書く感覚でSVGを生成できる、と言った方が近...
ブラウザで任意の要素をクリックするだけでIDEを起動して該当のコードに移動してくれる拡張機能・「Locator.js」
Locator.js Locator.jsはブラウザで任意の要素をクリックするだけでIDEを起動して該当のコードに移動してくれるブラウザ拡張機能です。Chrome、Edge、Brave、Opera、Firefoxなど主要ブラウザは概ね...
ダークテーマを重視したオープンソースのUIパターンとコンポーネントのコレクション・「Dracula UI」
Dracula UI Dracula UIはダークテーマを重視したオープンソースのUIパターンとコンポーネントのコレクションです。Draculaの名に見覚えのある方も多いかもしれませんが、テキストエディターのダークテーマとしても人気の...
TypeScriptで書かれたオープンソースのヘッドレスCMS・「Alinea」
Alinea AlineaはTypeScriptで書かれたオープンソースのヘッドレスCMSです。コンテンツはGitでバージョン管理されるGitベースとなっており、埋め込み型のSQLiteにインデックスされる事で高速なクエリと全文検索も...
アナリティクス機能がビルトインされたオープンソースのBitly代替・「Dub」
Dub Dubアナリティクス機能がビルトインされたオープンソースのBitly代替です。いわゆるURL短縮ツールで、Bitlyにログインして使える解析機能も備わっています。 解析機能にはジオロケーション、デバイス、ブラウザ...
軽量で高速なWebコンポーネントベースのフロントエンドフレームワーク・「Leaf.js」
Leaf.js Leaf.jsは軽量で高速なWebコンポーネントベースのフロントエンドフレームワークです。ES Modulesも用いられています。 何より使いやすさを重視しており、Webサイトやコンポーネント、ライブラリなどを構...
Linktr.eeやBiolinkライクなオープンソースの開発者向けプロフィールページ作成アプリ・「Linksnap」
Linksnap LinksnapはLinktr.eeやBiolinkライクなオープンソースの開発者向けプロフィールページ作成アプリです。JavaScriptで書かれています。 よくあるSNS等ではリンクを1つしか貼れないケース...
スクロールやマウスの動きに合わせて視差効果を実装するReactライブラリ・「React Just Parallax」
React Just Parallax React Just Parallaxはスクロールやマウスの動きに合わせて視差効果を実装するReactライブラリです。軽量高速で簡単に書けるのが特長だそう。 マウスの動きに合わせた視差効果...
Warpのテーマを自作できるOSS・「Warp-Themes」
Warp-Themes Warp-ThemesはWarpのテーマを自作できるオープンソースのWebアプリです。 テーマの名前を設定し、各所の色を設定してDLするだけのシンプルなもの。テーマは完成図を見ながら設定できます。 ...
90年代を彷彿とさせるカーソルエフェクトを実装するためのライブラリ・「90’s Cursor Effects」
90's Cursor Effects See the Pen Untitled by kachibito (@kachibito) on CodePen. 90's Cursor Effectsは90年代のW...
フィードや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アプリ・「Gradientify」
Gradientify Gradientifyはグラデーションカラーの管理が可能なオープンソースのWebアプリです。CSSのコピーやPNGとしてのダウンロード、ブックマーク等が可能です。 既に綺麗なグラデーションが100以上用意...
タスクの設定や分析、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アプリ等でも導入されるようになったコマンドメニューを実装できる、というライブラリです。 以...
ノーコードでフォームを作成出来るオープンソースのTypeform代替・「snoopForms」
snoopForms snoopFormsはノーコードでフォームを作成出来るオープンソースのTypeform代替です。Next.js、React、Tailwind、Prismaを使用して構築されています。 ノーコードツールと...