threevault

Vault Dashboard

Welcome back. Each project includes a step-by-step breakdown, full source code, and an AI prompt — so you can build it even if you don't write code.

Available Projects

22 ITEMS

Mesh Net

A click-to-spawn particle network with repulsion physics and dynamic connections.

Three.jsParticlesPhysicsInteraction

AA

Shoot pins into an organically rotating sphere. Click to fire, hold to rapid-fire.

Three.jsAnimationInteraction

Ripple Grid

A grid of cells with wave-animated widths that ripple outward from the center.

Three.jsGSAPAnimationInstancing

Dotted Net

An interactive grid that deforms as you hover, with dots and lines following the cursor.

Three.jsMeshLineRaycastingInteractionEasing

Falling Grid

Click to stack LEGO bricks with physics — towers collapse when they get too tall.

Three.jsPhysicsGLTFInteractiveGSAP

Heart Grid

A pulsing grid of 3D hearts forming a heart shape, animated with GSAP.

Three.jsGSAP3D ModelsAnimation

Plus Grid

An interactive grid of 3D plus symbols that spin and glow on hover.

Three.jsGSAPInteractionGLTF

Pulsing Circles

Concentric rings that pulse outward in a hypnotic wave pattern.

Three.jsAnimationMathPost-processing

Wiggle Peach

A jiggly peach emoji you can poke with a pointing hand.

Three.jsPhysicsWiggleBoneGLTF

Sphere Pulse

Metallic rings trace the surface of an invisible sphere.

Three.jsAnimationGeometryMaterials

404 Balls

Interactive physics balls constrained behind a text mask. Push them around with your cursor.

Three.jsPhysicsRapierInstancing

Cipher Polar

Concentric rings of characters rotating with noise-modulated speeds.

Three.jsText3DPolar CoordinatesNoiseEasing

Square Grid

A grid of squares that flip to reveal colorful patterns in a radial wave.

Three.jsGSAPAnimationColor

Fluid Scales

A grid of pyramid shapes with flowing, wave-like tip animation driven by Perlin noise.

Three.jsVertex AnimationPerlin NoiseGeometry

Hex Grid

A honeycomb grid of hexagons with rippling wave animations using custom GLSL shaders.

Three.jsGLSLShadersCustomShaderMaterial

Keycap Grid

A sea of colorful keyboard keycaps with wave animation.

Three.jsGLTFNoiseText3D

Minesweeper Reveal

A minesweeper grid that flips to reveal cells in a radial wave.

Three.jsAnimationSpritesInteraction

Perlin Bubbles

A grid of glass-like spheres pulsing with Perlin noise.

Three.jsNoiseInstancingMaterials

Pyramid Shatter

A pyramid that explodes into pieces on hover.

Three.jsGLTFAnimationInteraction

Radial Cursor

An interactive radial line effect that follows your cursor.

Three.jsInteractionPost-processing

Wiggle Grid

Random walking lines rendered as chains of spheres with staggered reveal animation.

Three.jsProceduralAnimationColor Palettes

Cipher Grid

A flowing matrix of characters driven by Perlin noise. Watch as numbers and symbols ripple across the screen in organic waves.

Three.jsNoiseAnimationText3D