Footer 02 Quell

フッター

A dark, developer-tool footer for CodeCraft (an AI-powered API testing platform), built with React + Framer Motion, whose signature visuals are a giant letter-by-letter "typing" reveal of the wordmark in a near-black gradient and a green-teal gradient (#33CC6B → #39AC9D) used across headings, hover states, and the newsletter button.

メンバー限定

アップグレードして解放

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

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

Footer 02 Quell

コード

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