Vector Vesper is a CLI you run with npx, not a package you install. Start with npx vectorvesper init below.

Vector Vesper is a motion toolkit for React consisting of 3D animations, shaders, and advanced motion components.

The CLI writes the component code directly into your repository. You have full control over the math, the shaders, and the styles.

Quick Start

# Initialize project configuration
npx vectorvesper init

# Add a visual component
npx vectorvesper add video-card

The CLI auto-detects your workspace, installs required animation dependencies (such as three, @react-three/fiber, or gsap), and writes the code to @/components/vv/.

import { VideoCard } from "@/components/vv/video-card";

export default function Page() {
  return (
    <div className="h-screen w-full">
      <VideoCard src="/clip.mp4" />
    </div>
  );
}

CLI Command Reference

| Command | Description | | --- | --- | | init | Detect project setup and write vv.config.json | | add <slug> | Add a component and auto-install its dependencies | | list | List all available components in the registry | | update [slug] | Update installed components to the latest version | | diff [slug] | Check local files against registry updates | | remove <slug> | Safely remove a component's files from the project | | info | Output workspace diagnostics for troubleshooting |

Works out of the box with npm, pnpm, yarn, and bun by checking your lockfile.

Links

• Documentation & Guides: vectorvesper.dev/docs
• Visual Component Catalog: vectorvesper.dev/components
• GitHub Repository: github.com/vectorvesper/vv-components
• Report Issues: github.com/vectorvesper/vv-components/issues

Licensed under the MIT License for open-source components. Premium/commercial components are subject to the Vector Vesper terms of service.