Resource - JavaScript

DropboxやGoogle drive、OneDriveなどをユーザーが選択可能なReact製ファイルアップローダー・「React File Upload」

React File Upload React File UploadはDropboxやGoogle drive、OneDriveなどをユーザーが選択可能なReact製ファイルアップローダーです。 他にもBoxやSharePoi...

デバイスを選ばず利用できるオープンソースのAirdrop代替・「OnDrop」

OnDrop OnDropはデバイスを選ばず利用できるオープンソースのAirdrop代替です。代替と言っても全く同じ挙動ではありませんが、疑似的に同じ事が出来る、というものになります。 OnDropは同じネットワーク内でのデバイ...

ReactとFabric.jsで作られたオープンソースのcanva代替となるデザインエディター・「Scenify」

Scenify ScenifyはReactとFabric.jsで作られたオープンソースのcanva代替となるデザインエディターです。開発者の方は代替と言うかクローンとして設計したそうで概ね同じ機能を有していると説明しています。 ...
Ads

縦線、横線、四分円だけを使うオープンソースのミニマルなグラフィックエディター・「minimator」

minimator minimatorは縦線、横線、四分円だけを使うオープンソースのミニマルなグラフィックエディターです。方眼紙のようにドットによるグリッドに沿って縦線、横線、四分円にいずれかを使い、線画を作成できるエディター的なもの...

three.jsを使った3Dなアニメーション背景を簡単に作成、設置できるライブラリ・「Vanta.js」

Vanta.js Vanta.jsはthree.jsを使った3DなWebGLアニメーションの背景を簡単に作成、設置できるライブラリです。 同ライブラリのプロジェクトサイト内で簡単な編集を、プレビューを確認しながらツールバーの調整...

MedusaとNext.jsで構築された1ページでショッピングカートから決済まで完了できるオープンソースのチェックアウトフローライブラリ・「Medusa Express」

Medusa Express Medusa Expressは1ページでショッピングカートから決済まで完了できるオープンソースのチェックアウトフローライブラリです。省スペースでページ遷移も不要と、手軽に決済まで進めるので離脱率を下げる事...

SvelteでWebアプリ開発する方の為のオープンソースIDE・「sVelocity」

sVelocity sVelocityはSvelteでWebアプリ開発する方の為のオープンソースのIDE(統合開発環境)です。electronベースみたいですね。クロスプラットフォーム対応となっています。 Svelteアプリのビ...

高速かつシンプルで使いやすいJavaScriptアニメーションライブラリ・「luge」

luge lugeは高速かつシンプルで使いやすいJavaScriptアニメーションライブラリです。プラグインを追加して拡張する事も可能です。 読み込むだけでhtmlタグに自動でデバイスやブラウザのclassも付与されるので異なる...

Deno製のオープンソース静的サイトジェネレーター・「Lume」

Lume LumeはDeno製のオープンソース静的サイトジェネレーターです。JekyllやEleventyなどの静的サイトジェネレータに触発されて開発されたそうですが、より高速でよりシンプルに使用し、設定する事が可能で柔軟性にも富んだ...

MUIベースのReact製アプリ開発向けに作られたシンプルでカスタマイズ性の高いコンポーネントを備えたスターターキット・「BRICKS」

BRICKS BRICKSはMUIベースのReact製アプリ開発向けに作られたシンプルでカスタマイズ性の高いコンポーネントを備えたスターターキットです。 ReactのUIライブラリであるMUIをベースに開発されたスターターキット...

任意のSVGの各所の色やパスの削除等を簡単に行えるオープンソースのWebアプリ・「SVG Quick Editor」

SVG Quick Editor SVG Quick Editorは任意のSVGの各所の色やパスの削除等を簡単に行えるオープンソースのWebアプリです。 アップロードにはほとんど時間がかからず即座に表示されます。色やパスが個別に...

パララックス効果を簡単に付与できるスクリプト・「simpleParallax.js」

simpleParallax.js simpleParallax.jsはパララックス効果を簡単に付与できるスクリプトです。非依存型のシンプルで軽量なスクリプトで、任意の画像にパララックスアニメーションを簡単に付与する事が出来ます。 ...

非開発者が使う事を想定して開発された、ブラウザで動作するオープンソースのヘッドレスWebページビルダー・「Plasmic」

Plasmic Plasmicは非開発者が使う事を想定して開発された、ブラウザで動作するオープンソースのヘッドレスWebページビルダーです。 所謂ノーコードアプリとなっていてビジュアルを確認しながらドラッグ&ドロップでWebペー...

非依存型で軽量な使いやすい通知用JavaScriptライブラリ・「Notyf」

Notyf Notyfは非依存型で軽量な使いやすい通知用JavaScriptライブラリです。レスポンシブで、アクセシビリティにも配慮、カスタマイズ性に優れ、非依存なのでReact、Angular、Aurelia、Vue、Svelteな...

ブックマークレットも用意されている、引用文を綺麗に見やすくスタイリングするライブラリ・「Quotebacks」

Quotebacks Quotebacksはブックマークレットやブラウザ拡張も用意されている、引用文を綺麗に見やすく整形するライブラリです。OSSとしてソースコードも公開されています。 以下のように引用と引用元へのリンクとファビ...

超軽量なオープンソースの静的CMS/Wiki・「Raito」

Raito Raitoは超軽量なオープンソースの静的CMS/Wikiです。日本語の「軽い」は英語でlight、読み方はライトで、そこから名付けたそうです。何が何だか分からないけど日本語関係ない気がする。 開発が止まったMDwik...

ツールチップやポップオーバー、ドロップダウンなどのフローティングエレメントを完全制御する為のJavaScriptライブラリ・「Floating UI」

Floating UI Floating UIはツールチップやポップオーバー、ドロップダウンなどのフローティングエレメントを完全制御する為のJavaScriptライブラリです。 表示位置の調整やスクロールした際の位置調整など、ユ...

Go、GraphQL、Javascriptで構築されたオープンソースの認証システム・「Authorizer」

Authorizer AuthorizerはGo、GraphQL、Javascriptで構築されたオープンソースの認証システムです。SDKが用意されておりわずか3分の作業で手軽に導入する事が出来るそうです。 認証はSNS等を使っ...

Bootstrap5ベースで作られたオープンソースの多目的ダッシュボードテンプレート・「PlainAdmin」

PlainAdmin PlainAdminはBootstrap5ベースで作られたオープンソースの多目的ダッシュボードテンプレートです。JavaScriptはバニラとなっています。 多様な目的にも対応できるよう様々なUIコンポーネ...

Vue.js製のシンプル、高速、セキュアなオープンソースのZoom代替・「KéMeet」

KéMeet KéMeetはシンプル、高速、セキュアなオープンソースのZoom代替アプリです。Vue.jsベースで構築されており、ビデオチャットには例によってWebRTCが使われています。 Zoom代替といっても何から何まで同機...

グループ・ダイナミックスの為のオープンソースのコミュニケーションツール・「Stooa」

Stooa Stooaはグループ・ダイナミックスの為のオープンソースのコミュニケーションツールです。 フィッシュボウルメソッドという対話形式(Wikipedia)があるのですが、このセッションタイプに基づいたコミュニケーションア...

パフォーマンスを重視した高速で軽量なカルーセル/スライダーライブラリ・「Swiffy Slider」

Swiffy Slider See the Pen Untitled by kachibito (@kachibito) on CodePen. Swiffy Sliderはパフォーマンスを重視した高速で軽量な...
Ads