Lightweight 3D Effects Skill

Overview

This skill combines three powerful libraries for decorative 3D elements and micro-interactions:

• Zdog: Pseudo-3D engine for designer-friendly vector illustrations
• Vanta.js: Animated 3D backgrounds powered by Three.js/p5.js
• Vanilla-Tilt.js: Smooth parallax tilt effects responding to mouse/gyroscope

When to Use This Skill

• Add decorative 3D illustrations without heavy frameworks
• Create animated backgrounds for hero sections
• Implement subtle parallax tilt effects on cards/images
• Build lightweight landing pages with visual depth
• Add micro-interactions that enhance UX without performance impact

Zdog - Pseudo-3D Illustrations

Core Concepts