Paper Shaders

概要

デザインツール Paper が公開する依存ゼロのシェーダー。メッシュグラデーション、リキッドメタル、ハーフトーンをその場で調整。 モーションライブラリは、テキストの表示演出・動く背景・カーソルエフェクトなど、ページにそのまま置けるアニメーション部品を提供します。多くは React 製で、Tailwind CSS と Framer Motion を使います。どこまで自分でコードを持ちたいかで選びましょう。ファイル単位でコピーするものも、パッケージとして入れるものもあります。

向いている用途

• LP のファーストビュー
• 動く背景
• ボタンやカードの小さなインタラクション