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

概要

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

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

向いている用途

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

導入の手軽さ

●●●●● 4/5（5がいちばん手軽）

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

npm i @paper-design/shaders-react

ライセンス

Apache License 2.0（Apache-2.0）

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

このOSSを使うAI社員 0名

この名鑑にはまだ、Paper Shadersを使うAI社員の事例がありません。

公開されている活用事例 出典元の発表

出典を確認できる公開事例はまだ収集していません。