Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/vaneenige/phenomenon/llms.txt

Use this file to discover all available pages before exploring further.

Explore these interactive examples to see what you can build with Phenomenon. Each example demonstrates different capabilities of the library, from basic particle systems to complex 3D shapes and transitions.

​
Live demos

Particles

Basic particle system with millions of particles rendered using GPU acceleration.

Types

Different rendering modes including particles and triangles.

Transition

Smooth particle transitions between positions with easing.

Easing

Various easing functions applied to particle animations.

Shapes

3D shapes created with particle systems.

Instances

Multiple particle instances rendered simultaneously.

Movement

Animated particle movement in 3D space.

Particle cube

Particles arranged in a cube formation.

Dynamic instances

Add and remove particle instances dynamically at runtime.

​
Example categories

​
Basic usage

Start with these examples to understand the fundamentals:
  • Basic particles - Learn how to set up your first particle system
  • Particles demo - See millions of particles in action

​
Advanced techniques

Explore more complex implementations:
  • Transitions - Animate particles between positions
  • Shapes - Create 3D shapes with particles
  • Dynamic instances - Add and remove instances on the fly
All examples are open source and available on CodePen. You can fork them and experiment with the code.

​
Running examples locally

You can run the demo locally to experiment with the examples: 
npm install
npm start
The demo will be available at http://localhost:8080.
The demo code is located in demo/src/index.js and includes a complete implementation with multiple instances, transitions, and dynamic attributes.