Squeeze, drag and release a 3D rubber duck on rippling water. Editable React and Three.js component with configurable color, optional synthesized squeak, keyboard interaction and reduced-motion support. No visible controls. Duck mesh adapted from Sony Computer Entertainment’s SCEA Duck via Khronos under the SCEA Shared Source License 1.0. Full asset license and modification notes retained in source. Complete editable project: https://github.com/ezam0000/ezpz-rubber-duck. Application code MIT licensed.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds EZPZ Rubber Duck to your project and fits it to your theme.
Code
How EZPZ Rubber Duck is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import {RubberDuck} from '@/components/ui/ezpz-rubber-duck';
export default function Demo(){return <div style={{height:'100svh',width:'100%',minHeight:400}}><RubberDuck/></div>}








