anima.js

React 向けのインタラクティブな3Dアニメーションコンポーネント集。使いたいコンポーネントの「AI プロンプトをコピー」を押して、Claude Code や Cursor などの AI コーディングツールに貼るだけで、自分のプロジェクトに導入できます。

プレイグラウンドで値を調整すると、その設定がプロンプトに反映されます。手動で入れる場合は shadcn CLI の1コマンドでも — npx shadcn@latest add https://anima-js.vercel.app/r/<slug>.json

InsidePovCarousel

CSS 3D

内側視点のリングカルーセル — 中心に立って、周囲を回るカードを見渡します。純粋な CSS 3D、ドラッグ慣性、奥行きの陰影。

既定の設定のまま導入する

GlassBottomTabBar

Motion

iOS アプリ風の浮遊ガラスボトムタブバー — すりガラスとパステルの発光、スプリングで移動するアクティブピル、SVG マスクでくり抜いたアイコン。モバイル幅専用。

既定の設定のまま導入する

SpinningBox

R3F

最小構成の react-three-fiber シーン — standard マテリアルの回転する立方体。WebGL 描画経路の動作確認用。

既定の設定のまま導入する