
Landing Page Prompt
Generate a ClearWeek planner landing page with pricing controls and a usable weekly planner that saves tasks locally. Paste into ChatGPT.
Build a browser playground with draggable, stretchable gummy bears, candy colors and working reset and pour controls. Paste this prompt into Gemini.
Curated by the aiprompts.page team

Build a complete interactive gummy-bear playground as a single self-contained HTML document with embedded CSS and JavaScript. Open a working browser preview if your environment supports it; otherwise return the complete runnable HTML in one code block. Use no external libraries, image downloads, fonts or build steps. Show twelve translucent gummy bears on a pale peach tabletop, with cherry red, orange, lemon yellow, lime green and raspberry pink colors. Each bear must have a recognizable candy silhouette with round ears, a head, muzzle, belly, arms and feet. Render glossy highlights, internal shading and soft contact shadows so they look like squishy candy rather than flat icons. Implement a lightweight soft-body simulation using connected particles and spring constraints. Bears should fall under gravity, collide with the floor and one another, wobble when landing and gradually settle. Dragging should grab the nearest point on a bear, stretching its connected body while the rest follows elastically. Releasing should let it spring back and tumble with gentle momentum. Keep the simulation stable and constrain extreme stretching. Support mouse, touch and pointer cancellation. Prevent page scrolling only while actively dragging inside the playground. Place two clearly labeled buttons above the scene: Pour More Bears and Reset. Pour More Bears drops six new bears from above, up to a maximum of thirty-six. Reset restores the original twelve bears. Show the current bear count and a short instruction reading Drag a bear to stretch it. Make the layout responsive, provide keyboard-accessible controls, and respect reduced-motion preferences by starting with settled bears and reducing bounce. Resize the canvas sharply for high-density displays without resetting the scene. Deliver the finished demo with every control implemented.
More in Coding & Development

Generate a ClearWeek planner landing page with pricing controls and a usable weekly planner that saves tasks locally. Paste into ChatGPT.

Create fictional developer Mira Sen’s animated portfolio with three detailed projects, accessible case-study dialogs and working theme controls.

Make Meteor Dodge, a playable browser game with keyboard and touch controls, three lives, increasing difficulty, pause and restart.

Get an evidence-based defensive review with prioritized findings, minimal fixes and regression tests. Paste this prompt, then your code.