Paper Shaders：依存なしのキャンバスシェーダーで、動く背景や光の効果をサイトに足せるライブラリ

用途

• 文章の手直し
• AIコーディング

何ができるか

HTMLキャンバス上で動くメッシュグラデーションやドット軌道など、軽い視覚効果を提供するシェーダー集。 React用パッケージと素のJS用パッケージがあり、npmから入れるほか、Paperの編集ツールで見た目を整えてコードを書き出すこともできる。追加の重い依存を増やさず、ヒーロー背景やマスク付きのテクスチャ演出を足したいときに使う。

向いている用途

• LPのヒーロー背景に、軽量な動くグラデーションやテクスチャを足したいとき
• デザインツールで見た目を決めてから、そのままコードへ書き出したいとき
• Reactでも素のHTMLでも、同じ系統の背景演出を使いたいとき

実際の使われ方（活用事例）

事例未収集：出典を確認できる活用事例をまだ集められていません。見つかり次第追加します。

導入の手軽さ

●●●●○ 手軽 — npmで入れてコンポーネントを置くだけ。色や速度はpropsで調整できる。破壊的変更があり得るのでバージョン固定が推奨。

npm i @paper-design/shaders-react

※ 代表的な導入コマンドの例です。最新の手順は公式ドキュメントを確認してください。

ライセンス

Apache License 2.0（SPDX: Apache-2.0）。利用・改変・再配布が自由（著作権表示・ライセンス文の同梱、変更点の明示が必要）。特許の利用許諾も含む。

ライセンスの説明は要点のみです。利用前にリポジトリのLICENSEファイル原文を確認してください。

リポジトリ情報