Animation Library

A curated collection of animations built with Three.js, WebGL, and modern web technologies. Each component is fully customizable and ready to integrate into your projects.

3D Torus
Dual rotating wireframe torus shapes with opposing motion. Built with Three.js featuring dynamic scaling and vertical oscillation.
Three.jsWebGL3D
Interactive Fluid Orb
A dynamic, fluid-like orb that deforms and shimmers in response to mouse movement. Created with custom shaders in Three.js for a mesmerizing, organic effect.
Three.jsWebGLShaders
Neural Network Visualization
An interactive 3D visualization of a neural network with propagating data pulses. Built with Three.js, it features custom shaders for neuron activation and a particle field background.
Three.jsWebGLShaders
Quantum Field Simulation
A real-time simulation of a quantum energy field with fluctuating waves and interactive disturbances. Features multi-octave noise, traveling waves, and particle foam.
Three.jsWebGLShaders
Holographic City
A procedural holographic city with growing buildings, data streams, and interactive glitch effects. Built with Three.js and custom shaders.
Three.jsWebGLShaders

Usage Guidelines

  • These animations are provided as-is. While they are optimized, performance may vary on different devices.
  • Each component is written in TypeScript. No additional documentation is provided.
  • Install the required dependencies (listed for each animation) before use.
  • Customization can be done by editing the source code. The customizable properties are listed for each animation.
  • Always test the performance on your target devices before deploying to production.
  • These animations are free to use in personal and commercial projects. However, please check the license of the dependencies.