A lightweight JavaScript library for creating particles
A JavaScript library for creating particle effects using canvas via the CanvasRenderingContext2D API.
Links
Particle-js home page.
CodePen demo.
GitHub Particle.js repository.
Questions tagged [particles.js]
212 questions
14
votes
5 answers
How to import and use particles.js in an Angular/Angular2/Angular4 app
I have an Angular app that I want to use particles.js in however I have no clue how to add it and get it working.
I've added it to the .angular-cli.json
"scripts": [
"../node_modules/particles.js/particles.js"
],
And I've imported it into…
Steve Fitzsimons
- 3,754
- 7
- 27
- 66
8
votes
3 answers
Particle js background for angular project?
Can anyone explain how to add particle js background for angular 6 project?
I followed some tutorials as bellow link.but it didn't work for me.
https://github.com/VincentGarreau/particles.js/
Thank you.
ruwanmadhusanka
- 851
- 2
- 8
- 15
6
votes
1 answer
Particles.js as a background for only a specific section
I'm using Particles.js by Vincent Garreau (would link but can not share more than one link) to achieve a particle effect background on a specific section of my website.
Arun O
- 113
- 1
- 8
5
votes
6 answers
How can I set react-particles-js as the background while using React?
I have everything setup already, I just don't know of a way to make the element created by react-particles-js act as the background.
Here is the code I have so far:
import React from "react";
import { BrowserRouter as Router, Route } from…
Revircs
- 1,312
- 3
- 12
- 23
5
votes
5 answers
particles.js not covering entire page
I'm trying to use particles.js as background, but I am not able to set the canvas as a full-size background.
I tried at least 10 different solution from similar issues but nothing worked.
The canvas always results as as an element having…
Nicola Zaltron
- 215
- 1
- 2
- 12
4
votes
1 answer
Particles not showing in tsparticles nextjs
I want to add a particle background to my NextJS app using yarn add react-tsparticles. But when I added the tsparticles I can see that it added the canvas but I can't see the particles.
Here is the config:-
const ParticlesConfig = {
autoplay:…
elliot
- 71
- 1
- 4
4
votes
1 answer
TSparticles React render particles only inside component
I have a React component and I want to render the particles only inside that component. I do not want to use the particles as background to the whole page, but inside only that component (div element), as can be seen on dogecoin.com.
However I am…
Diogo
- 131
- 2
- 7
4
votes
1 answer
Particles.js with images imported in React
I just can't make it work, images work normally in my React app when I import them like this:
import logo from '../Assets/logo.png';
But with Particles.js I can't make it work. My code:
shape: {
type: 'images',
images: [
…
Chris K.
- 113
- 1
- 7
4
votes
3 answers
particles.js not showing up in reactjs project
I recently got to know about Particle.js and wanted to use it on my Reactjs application.
I installed it using the command mentioned just below:-
npm install react-particles-js
And it got installed successfully. I checked it in node-modules folder…
Neha Chaudhary
- 1,071
- 4
- 15
- 31
4
votes
1 answer
Adding tsParticles as background
I'm trying to use tsParticles as a background to a login page but the mouse event doesn't work when I'm on the login div.
How can I make it work?
Here's my configuration
tsParticles.load('tsparticles', {
background: {
color: '#000000'
},
…
Mark Wright
- 65
- 5
4
votes
0 answers
Why is there still a small margin on the footer?
I was tinkering a little bit with particles.js, so i did this in html:
and then this in css:
*{
margin: 0%;
padding: 0%;
}
#particles-js{
background-color: rgb(169, 214, 169);
}
But at the bottom of the…
user521344
- 61
- 1
- 6
4
votes
1 answer
Particles.js doesn't continue when I scroll down the page- HTML
So, I made a page in a website, and I used Particles.js for the background.
Now, when I scroll down, the particles don't continue down, they stop at the initial corner of the screen, they don't go down if I scroll...
these are my particles'…
Daniel Alzawahra
- 41
- 3
4
votes
1 answer
Particles.js into Vue component
I'm trying to adapt particles.js to a Vue.js component from the example below:
https://codepen.io/MichaelVanDenBerg/pen/WpXGRm
However, when using the code below, I get the following error message in the console:
[Vue warn]: Error in mounted hook:…
DevonDahon
- 7,460
- 6
- 69
- 114
3
votes
2 answers
Background stretched with small window browser
I am using particles-js in a new React project to learn more about how it works. I have set all and managed to show it as a background while having the React logo in the middle of the page. The problem comes when the webpage is loaded in a small…
xampla
- 157
- 1
- 1
- 10
3
votes
1 answer
Trail mode of hovering events doesnt work in tsParticles(similar to particlejs)
I have got two queries, I am implementing tsParticles in my React application.
First one:.
AngularEnthusiast
- 71
- 7