vectoysSubmit a toy GitHub

All toys

14 devices and toys, each one live. Copy one into your React project with its command, then change it as you like.

Prompt for your agent

Read https://vectoys.com/prompt.txt and follow it on my landing page.

Read the full prompt

Made a toy? Send it in. Submit a toy

  • Keyboard

    A full-size keyboard with a US layout drawn as SVG paths whose keys go down as you type on your own keyboard while it is on screen, or as you tap them, each with a soft click. A button turns the sound off. It can also show a text box that catches what you type and a button that fills the screen.

    npx @vinena/vectoys-cli add keyboard
    Source on GitHub

  • Keycap

    A big mechanical keycap drawn as SVG paths that is a real button: a sculpted cap with a live label on its dished top, on a switch, that lifts on hover and travels down when pressed. A row of keys spells a word. It can click as it goes down and up, with a switch to turn the sound on and off.

    npx @vinena/vectoys-cli add keycap
    Source on GitHub

  • Browser

    A floating browser window drawn as SVG paths that turns any way and stacks, with an address bar and live HTML on its page, in light or dark tones.

    npx @vinena/vectoys-cli add browser
    Source on GitHub

  • Flip card

    A card with live HTML on its front and its back that flips over on a click or a hover and leans toward the pointer, for pricing, team or feature cards.

    npx @vinena/vectoys-cli add card
    Source on GitHub

  • Dice

    A die with rounded edges and pips that rolls when clicked: it hops, tumbles, lands on a random or given face and settles with a wobble, its shadow following on the ground.

    npx @vinena/vectoys-cli add dice
    Source on GitHub

  • Envelope

    A newsletter envelope drawn as SVG paths: a real button opens it, the flap swings up on its fold and a letter with live content, such as a sign up form, rises out of the pocket. Open it from the page with a number from 0 to 1, or let it open itself on a click.

    npx @vinena/vectoys-cli add envelope
    Source on GitHub

  • Floppy disk

    A 3.5 inch floppy disk drawn as SVG paths that is a download link or a button: its metal shutter slides open and it turns toward the eye on hover, with live text on its label and a write-protect tab in its corner.

    npx @vinena/vectoys-cli add floppy
    Source on GitHub

  • Gift box

    A gift box tied with a ribbon and a bow: a click pops the lid up and off, and live HTML such as a coupon code rises out of the box.

    npx @vinena/vectoys-cli add gift
    Source on GitHub

  • Laptop

    A 14 inch laptop seen from the front and a little above, drawn as SVG paths in a simple or a realistic look, that opens, closes and turns, with live HTML on its display.

    npx @vinena/vectoys-cli add laptop
    Source on GitHub

  • Laptop front

    A 14 inch laptop seen straight on, as a product shot, that a drag turns round in 3D: the realistic laptop toy at its front look, with live HTML on its display under the notch, in silver or space black.

    npx @vinena/vectoys-cli add laptop-front
    Source on GitHub

  • Monitor

    A 27 inch desktop monitor on a stand drawn as SVG paths that turns any way, its panel tilting on the stand, with a thin bezel and live HTML on its display.

    npx @vinena/vectoys-cli add monitor
    Source on GitHub

  • Phone

    A modern flagship phone drawn as SVG paths that turns any way, with side buttons, a camera bump on its back and live HTML on its display.

    npx @vinena/vectoys-cli add phone
    Source on GitHub

  • Tablet

    An 11 inch tablet drawn as SVG paths that turns any way, upright or on its side, with a uniform bezel, a camera bump on its back and live HTML on its display.

    npx @vinena/vectoys-cli add tablet
    Source on GitHub

  • Watch

    A smartwatch drawn as SVG paths that turns any way, with round edges, a crown, a side button, a bent band and live HTML on its display.

    npx @vinena/vectoys-cli add watch
    Source on GitHub