Particle Backgrounds

14 snippets

Browse Particle Backgrounds examples — animations, layouts, typography, and visual effects. Filter the directory below.

css-particle-backgrounds

Snippets(14)

Animated Particle Background
A animated particle background built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS, SCSS
Difficulty
Intermediate
Features
Hardware Acceleration, Pure CSS, Randomized Particles
Responsive
Yes
CSS Particle Animation (No JavaScript)
A css particle animation (no javascript) built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS, SCSS
Difficulty
Intermediate
Features
No-JS Animation, Hardware Accelerated, Bokeh Effect
Responsive
Yes
CSS Particles
A css particles built with modern frontend techniques for responsive and reusable UI.
Text Formatting Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
CSS, SCSS
Difficulty
Advanced
Features
Parallax Effect, Pure CSS Animation, Box-shadow Particles
Responsive
Yes
CSS Particles
A css particles built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS, SCSS
Difficulty
intermediate
Features
Hardware-accelerated animations, Dynamic randomization
Responsive
Yes
CSS Particles
A css particles built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS, SCSS
Difficulty
intermediate
Features
pure-css, animation, no-js
Responsive
Yes
CSS Particles Animation
A css particles animation built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS
Difficulty
beginner
Responsive
Yes
CSS Particles Background
A css particles background built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS, SCSS
Difficulty
intermediate
Features
Hardware acceleration, Randomized shapes, Pure CSS animation
Responsive
Yes
HTML/CSS Particles (Reversed)
A html/css particles (reversed) built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
HTML, CSS
Difficulty
beginner
Responsive
Yes
Pure CSS Particles
A pure css particles built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS3
Difficulty
Beginner
Features
CSS Animations, Zero-dependency
Responsive
Yes
Random Particles Animation
A random particles animation built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS, SVG
Features
Gooey effect, Fluid animation, SVG filters
Responsive
Yes
CSS Particle Style Animation
A css particle style animation built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS3
Difficulty
Intermediate
Features
Depth of Field, Pure CSS Animation, Blur Effects
Responsive
Yes
Pure CSS Particle Animation
A pure css particle animation built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS3
Difficulty
Beginner
Features
GPU accelerated, No-JS
Responsive
Yes
Particle Orb CSS
A particle orb css built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS, SCSS
Difficulty
Advanced
Features
3D Transforms, Procedural Generation, Keyframe Animations
Responsive
Yes
Quantum Project x Eedi
A quantum project x eedi built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS3
Difficulty
Intermediate
Features
3D Transformation, Z-axis offsetting
Responsive
Yes

Snippets(14)

related hubs