HardWeb Design
Framer-Style Animation
Tests an AI's ability to create smooth web animations
The Prompt
Generate a landing page with smooth Framer-like transitions between sections. In a single-page self-contained HTML.
How the models did
203 found
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·framer-style-animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Legendary·Silky transitions
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·framer-style-animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·framer-style-animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Legendary·Silky smooth motion
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Legendary·Motion design mastery
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation
Nothing here. The model returned empty. We stared at it for a while.
·Framer-Style Animation