Package Exports

vectorvesper
vectorvesper/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vectorvesper) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Vector Vesper

Production-grade WebGL, 3D, and motion components for React. Copy directly into your codebase and own the code.

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.

vectorvesper

Package Exports

Readme

Vector Vesper

Quick Start

CLI Command Reference

Links