020 Pricing Table Trio
Pricing Table Trio: A three-tier pricing section for an invented design app: monthly/annual toggle that animates the prices with a 20% discount, a highlighte…
More
1 test · 6 finished runs (0 agent, 6 raw one-shot) · 6 live demos
The prompt
Pricing Table Trio: A three-tier pricing section for an invented design app: monthly/annual toggle that animates the prices with a 20% discount, a highlighted middle plan with a ribbon, feature lists with check and cross icons, and hover states that lift cards. Responsive stacking on mobile. Build it as ONE self-contained HTML file: inline CSS and JavaScript only, no libraries or frameworks, and no external requests of any kind (no CDNs, web fonts, images or audio files); anything visual or audible is made in code (HTML/CSS, SVG, Canvas, WebGL or WebAudio). It must work when opened directly from disk, fit the browser window responsively, and run without console errors. Output ONLY the complete HTML file, starting with <!DOCTYPE html> and ending with </html>, with no explanation or markdown fences.
Same prompt, all models: step through 6 runsIn the gallery: one player, arrow keys or swipe.