Vectoys

Vectoys is an open source SVG 3D engine that renders device mockups and interactive 3D toys for React landing pages.

Vectoys is an open source SVG 3D engine designed for creating device mockups and small 3D toys on React landing pages. It projects every device onto flat SVG paths without using WebGL or images, ensuring sharp visuals at any zoom level and server-side rendering so the device appears before scripts run. The screens feature live HTML where users can click, type, and interact with working links, buttons, and text. The platform includes fourteen items such as phones, laptops, watches, keyboards, and gift boxes, all available in the shadcn registry format for easy installation via CLI. Developers can use coding agents like Claude Code, Codex, or Cursor with a provided CLI skill to generate, preview, and submit new custom 3D items.

Vectoys at a glance

Best for: Software engineer, Designer
Runs on: Web, CLI
Pricing: Free and open source under the MIT license
Released: November 2026
Category: AI coding tool
Website: vectoys.com

Key features

Renders 3D devices as plain SVG paths
Displays live HTML on device screens
Installs items using the shadcn CLI
Provides a CLI skill for AI coding agents
Drives animations and turns via scroll position
Supports keyboard typing and touch interactions

Use it for

Build interactive device mockups for React landing pages
Display live app screens on phones and watches
Create interactive 3D product boxes and floppy disks
Generate custom 3D toys using AI coding agents

Alternatives to Vectoys

Shaders — Build and export interactive WebGPU shaders with open-source components and a design editor.
v0 — Prompt to deployed Next.js app on Vercel in minutes
Libraries.dev — Prompt-based UI libraries that coding agents can install and configure directly
VULK — Generates complete full-stack apps with backend, auth, and database in one click.
Lantern — Steppable code animations with deep links, SVG exports, and open GET APIs.
SVGStud.io — Access an extensive collection of SVG bundles and an AI-driven search.
Open Claude UI — Provides reverse-engineered physics constants and production-ready React components.
Amicro — Add lightweight and tree-shakeable micro-interactions with a single CLI command.
Vectary Canvas — Combines research, ideation, and concept validation in one collaborative space.
Planes — One-time payment for lifetime access to source code and updates.
img2threejs — Generates code-only, animation-ready Three.js models from a single image.
Puck — Embeds directly into any React application for users, teams, and AI agents.

All Vectoys alternatives