Resource - JavaScript

任意のURLを入力するだけでCSSを解析し、品質をチェックしてくれるオープンソースのWebアプリ・「CSS Code Quality」

CSS Code Quality CSS Code Qualityは任意のURLを入力するだけでCSSを解析し、品質をチェックしてくれるオープンソースのWebアプリです。JavaScriptで書かれています。 解析したいCSSを...

スクロールに連動した演出をサポートするオープンソースの軽量スクロールライブラリ・「Lenis」

Lenis Lenisはスクロールに連動した演出をサポートするオープンソースの軽量スクロールライブラリです。LocomotiveやGSAP ScrollSmootherといった先発ライブラリをリスペクトしつつ、より使いやすく欠点も補っ...

Intro.jsのようなWebサイトのツアーを実装するオープンソースのJSライブラリ・「TourGuide.js」

TourGuide.js See the Pen TourGuide JS basic CDN example by kachibito (@kachibito) on CodePen. TourGuide.j...
Ads

社内ツールをノーコードで制限なく高速に構築可能なオープンソースのRetool代替・「Openblocks」

Openblocks Openblocksは社内ツールをノーコードで高速に構築可能なオープンソースのRetool代替です。完全OSSでセルフホストで利用するため制限なく利用可能でベンダーロックインの心配もありません。 Retoo...

安全でセルフホスト可能なオープンソースのHubspot代替となるマーケティングツール・「erxes」

erxes erxesは安全でセルフホスト可能なオープンソースのHubspot代替となるマーケティングツールです。モンゴルの企業がOSSとして公開しています。 創業間もない企業を含め、あらゆるステージの企業がマーケティング・テク...

任意の画像をアップロードすると画像内のテキストを自動で抽出するオープンソースのOCRアプリ・「IMAGE TO TEXT」

IMAGE TO TEXT IMAGE TO TEXTは任意の画像をアップロードすると画像内のテキストを自動で抽出するオープンソースのOCR(Optical character recognition)アプリです。Vueで書かれている...

Next.jsのためのオープンソース静的CMS・「Outstatic」

Outstatic OutstaticはNext.jsのためのオープンソース静的サイトCMSです。データベースや外部サービス、複雑な設定など一切不要で迅速且つ簡単にセットアップ可能とのこと。 一般的なCMS同様にコンテンツを作成...

ドキュメントを扱う際の様々なニーズに対応可能な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で書かれています。 フォームはコードを書かずに複数作成可能で、それぞれにスクリプトコードが発行され、個々に管理で...
Ads