紹介

GODRICH は、サイトを作る人に実際に動く CSS・SCSS アニメーションをファイルで渡す場所です。

検索で見つかるコードはたいてい断片です。貼っても動かなかったり、どこを変えればいいか分からなかったりします。ここの記事はどれも、ライブデモ、完全なソース（HTML + SCSS と React 版）、同じ結果を AI ツールに出させるプロンプトを zip ひとつにまとめています。

記事ひとつに入っているもの

• 動きを計測したライブデモ9つ
• 項目ごとに「いつ使うか」ひと言
• 実際に壊れる落とし穴ひとつ
• 値をひとつだけ変えたバリエーション
• prefers-reduced-motion の処理
• zip とそのパスワード（本文の中にあります）

誰のためか

Cursor、Claude Code、v0 などでサイトを作る人。CSS を手で書かなくても、結果は選ばなければならない人。

ライセンス

zip の中のコードは MIT です。商用サイトに使って構いません。画像を含む記事は、画像ごとのライセンスを zip の README に記載します。

お問い合わせはお問い合わせページへ。