Make a single-file HTML page (everything inline, no dependencies or external assets) with a clean, dark hero scene. In the center, put a Red Hat–style fedora logo spinning smoothly in 3D. Keep it elegant — soft lighting, a sense of depth, nice shadows — with a small caption underneath. The layout should look good on any screen.
When someone hovers or taps, slow the spin down and have the whole hat dissolve into thousands of tiny glowing particles that drift apart like embers, swirl around for a moment, then flow back together and reform the hat perfectly. A few of those particles should keep orbiting afterward, trailing faint light. Keep the glow tasteful.
And respect reduced motion. Return only the finished HTML file.
🏆 Leaderboard
No votes yet — be the first to rate!
About
FedoraBench gives AI models the same creative coding prompt: build a single-file page with a spinning 3D fedora that dissolves into particles on hover.
Use the sidebar or grid view to compare their results. The ⓘ beside a model name shows which coding harness produced it.