Skip to main content

Vevet.js

Introduction​

Vevet.js is a flexible client-side JavaScript library for creative web development. Build stunning interactive experiences with a comprehensive toolkit of components and utilities.

For AI assistants​

  • Source of truth: this documentation and working examples.
  • Examples: demo pages linked from each component's docs (often /docs/{Component}/demos; Snap: basic-demos, advanced-demos, parallax-demos), or the full export with all demo HTML/CSS/JS.
  • Do not invent APIs — use only documented props, methods, and callbacks.

Curated index: llms.txt · Repo guide: AGENTS.md

The library consists of:

  • core
    Handles viewport events, page load states, and provides essential info about the viewport and user agent.

  • components
    A collection of abstract and functional modules such as loaders, scroll tools, split text, carousels, and more.

  • base
    Basic abstract classes.

  • utils
    Lightweight internal utilities.

Installation​

Using NPM​

npm install vevet

JavaScript:

import { vevet } from 'vevet';

console.log(vevet.version); // => 5.0.0

Using CDN​

On CDN the global is Vevet — components and utilities are Vevet.SplitText, Vevet.clamp, etc. The initialized core instance (same as import { vevet } from 'vevet') is Vevet.app.

<script src="
https://cdn.jsdelivr.net/npm/vevet@5/lib/cdn/vevet.iife.min.js
"></script>

<script>
  console.log(Vevet.app.version); // => 5.0.0
  new Vevet.SplitText({ container: document.getElementById('text') });
</script>