Shaders

概要

グラデーション・流体・ノイズ・光を普通のコンポーネントのように重ねられる WebGPU シェーダー。ビジュアルエディタ付き。 モーションライブラリは、テキストの表示演出・動く背景・カーソルエフェクトなど、ページにそのまま置けるアニメーション部品を提供します。多くは React 製で、Tailwind CSS と Framer Motion を使います。どこまで自分でコードを持ちたいかで選びましょう。ファイル単位でコピーするものも、パッケージとして入れるものもあります。

向いている用途

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