ai-agent

Vanta

Animated 3D backgrounds for your website
6,930 stars1,109 forksJavaScriptUpdated 3/3/2024100% free · open source
What it does

Adds interactive, GPU‑accelerated 3D animated backgrounds to any web page with just a few lines of JavaScript.

When to use it
  • Your landing‑page hero needs a wow factor without heavy video files.
  • You want a low‑maintenance, responsive visual that works on desktop and mobile.
  • You need a customizable background that can be themed (colors, particles, shapes) for product demos or event sites.
Ready-to-paste prompt
`VANTA.FOG({ el: "#vanta-bg", mouseControls: false, color: 0x222222, fogColor: 0x000000, highlightColor: 0xff0000, speed: 1.5 });` // adds a dark fog effect with a red highlight, useful for tech‑savvy product pages.
Heads up: Vanta requires a compatible version of three.js (the peer dependency) – installing `three` separately (as shown) is mandatory; using a mismatched three.js version will cause runtime errors.
Saves to your device
Use with Claude
New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install
Claude Code
mkdir -p ~/.claude/skills/vanta && curl -fsSL https://workflowstacks.com/api/skills/vanta/claude-skill -o ~/.claude/skills/vanta/SKILL.md
Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)
claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How Vanta works
Codeflow
Free to inspect

Vanta is a medium JavaScript project (~3.6k lines across 21 code files). Setup is light: installs like a normal app. Reading the code is optional. Last commit 31 months ago, MIT license, no tests found.

Size
Medium codebase
~3.6k lines · 21 code files · 30 min skim
Setup
One-command install
Installs like a normal app. Reading the code is optional.
Runs on
Node.js
No API keys detected
JavaScript 88%HTML 6%Less 6%
Where to start reading
  1. 1
    README.md
    Start here — what it does and how to install it
  2. 2
    package.json
    Dependencies and the commands it exposes
  3. 3
    src/_base.js
    Inside src/ — the main logic begins here
What's in each folder
src/Core code — the actual logic21 files
READMENo tests foundThin docsNo CIMIT licenseLast update 31 mo ago
Quick Actions
Details
Creator
tengbao
Language
JavaScript
Category
ai-agent
Published
7/18/2017

Are you the creator of this tool? Claim your listing → and earn 85% of every sale.