Swap Button

ボタン

An interactive button with swapping pill and icon animation. On hover, the text pill moves left with a slight tilt while the icon circle swaps to the right. Features smooth Framer Motion transitions with orange accent color and ArrowUpRight icon.

メンバー限定

アップグレードして解放

You are an expert web designer. Build a stunning, production-ready page with
a bold hero section, smooth CSS transitions and a carefully tuned dark palette.
Use a neutral background, generous rounded corners and one electric accent color.
Structure the layout with a sticky header, feature grid, social proof and a final
call to action. Keep typography tight, spacing consistent and motion subtle.

購入すると全文が表示されます

コード

framer-motionlucide-react

アンロックすると全コードを表示できます

全プロンプトがメンバー無料

一度の支払いで、サイト内のすべてのプロンプトを

サイト内の全プロンプトが無料
回数無制限、いつでもコピー

3ヶ月プラン

90 日間$48.00

年間プラン

365 日間$99.00

買い切りプラン

無期限$179.00

メンバーシップを見る