Webの“魅せ方”を、
見て、触って、コピーする。

CSS・JavaScript・Canvas・SVG・WebGL の表現技法から、映画級のVFX、実例サイトまで。 実物を触って、コードをコピー、そのまま AIに渡せる。Web表現の総合リファレンス。

0技法 0カテゴリ 0VFXエフェクト 0実例サイト

HOW IT WORKS

見て、触って、コピーするだけ。

STEP 1👁️見るすべての技法・エフェクトが、その場で動くライブデモ。静止画ではなく本物。

STEP 2🖐️触るマウスで動かし、スマホ幅で確認。気に入ったら選んで、サンプルLPに組むことも。

STEP 3📋コピー / AIに渡すコードをワンクリックでコピー。AI用プロンプトを貼れば、自分のサイトに実装できる。

EXPLORE

目的に合わせて、どこからでも。すべて無料で、コピーして使えます。

CSS・JavaScript・Canvas・SVG・WebGL・Python の表現技法を、ライブデモ＋コピー用コード＋AIプロンプトで。まずはここから。

映画・VFX級の先進エフェクト。流体シミュ・レイマーチ光・リキッドグラス・GPGPU粒子。持ち出せる自己完結コード。

収録技法だけで組んだ架空ブランドの“本物の1ページ”を9本。各サイトは実物を見ることも、流れを解読した記事を読むこともできます。

AIで作ったページを“高く見せる”最後の一手。Shader Hero・Bento・Gradient など、そのまま使える高品質コンポーネント。