25 Particles Animation [HTML/ CSS/ JAVASCRIPT]

Collection of free HTML and CSS And Javascript Particles Animation examples from Codepen and other resources.

Table of Contents

• Gravity Points
• Particles 1
• Particles 2
• Particles 3
• CSS Particle System
• Particle Loading Screen
• Particles Element No JS
• Stars with Particles
• Particle Head
• Particles PLANKTON
• Particles background
• Canvas particles
• Particle Plane/ Universe
• Particle Text
• 3D particles to 2D canvas
• Particles Star
• CSS Particles
• Particles JS
• Particle Trails
• Particle Fizzy Sparks
• Particle Logo
• Dynamic Mesh Animation
• Particles Pixel
• Particles Navigation
• Particles 4

Gravity Points Particle

See the Pen Gravity Points by Akimitsu Hamamuro (@akm2) on CodePen.

Particles 1

See the Pen particles.js by Vincent Garreau (@VincentGarreau) on CodePen.

Particles 2

See the Pen Particles by Justin Windle (@soulwire) on CodePen.

Particles 3

See the Pen Particles 3 by Elton Kamami (@eltonkamami) on CodePen.

CSS Particle System

See the Pen CSS only particle system by Robin Selmer (@robinselmer) on CodePen.

Particle Loading Screen

See the Pen Nutanix Loading Screen by Ken Chen (@kenchen) on CodePen.

Particles Element No JS

See the Pen Particles (1 element, no JS) by Ana Tudor (@thebabydino) on CodePen.

Stars with Particles

See the Pen Stars with ParticlesJS by Johan (@bob6664569) on CodePen.

Particle head

See the Pen WebGL particle head by Robert Bue (@robbue) on CodePen.

Particles life

See the Pen PLANKTON - Particles life by Marco Dell'Anna (@plasm) on CodePen.

Particles background

See the Pen Particles background using Particles.js by Michael van den Berg (@MichaelVanDenBerg) on CodePen.

Canvas particles

See the Pen three.js canvas - particles - waves by deathfang (@deathfang) on CodePen.

Particle Plane & Universe

See the Pen Simple Particle Plane & Universe :) by Unmesh Shukla (@unmeshpro) on CodePen.

Text particle

See the Pen Text particle by Tibo (@Gthibaud) on CodePen.

3D particles

See the Pen 3D particles to a 2D canvas by borian (@borian) on CodePen.

Particles Star

See the Pen 1,048,576 Particles by Justin Windle (@soulwire) on CodePen.

CSS Particles

See the Pen CSS Particles by Noah Blon (@noahblon) on CodePen.

Particles JS 2

See the Pen Particles.js by creotip (@creotip) on CodePen.

Particle Trails

See the Pen _ Particle Trails _ by Jeremie Boulay (@Jeremboo) on CodePen.

Particle Fizzy Sparks

See the Pen Fizzy Sparks by Bennett Waisbren (@waisbren89) on CodePen.

Particle Logo

See the Pen Interactive Particle Logo by Tamino Martinius (@Zaku) on CodePen.

Point Mesh Animation

See the Pen Dynamic Point Mesh Animation with HTML5 Canvas by Dudley Storey (@dudleystorey) on CodePen.

Pixel Particles

See the Pen Pixel Particles by Szenia Zadvornykh (@zadvorsky) on CodePen.

Navigation PageDesign/Lesson

See the Pen Navigation PageDesign/Lesson by Sara Mazal Web (@Saramazal) on CodePen.

Particles 4

See the Pen particles by Ottis Kelleghan (@cheeriottis) on CodePen.