ezpz

EZPZ Rubber Duck

Component 2

About

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>}

Dependencies

More by ezpz

View all
  • EZPZ Type Cube

    EZPZ Type Cube

    15
  • EZPZ Type Fold

    EZPZ Type Fold

    9
  • EZPZ Type Tunnel

    EZPZ Type Tunnel

    8
  • collab

    collab

    6
  • EZPZ Type Steps

    EZPZ Type Steps

    5
  • EZPZ Dither Portrait

    EZPZ Dither Portrait

    4
  • EZPZ Chrome Type

    EZPZ Chrome Type

    2
  • EZPZ Spray Lettering

    EZPZ Spray Lettering