Stack Overflow
Stack Overflow

Questions tagged [react-particles-js]

21 questions
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
3
votes
3 answers

NPM ERR when installing particle.js in React

I am getting below error when installing particle.js in my React App: code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: app-test@0.1.0 npm ERR! Found: react@17.0.1 npm ERR! node_modules/react npm…
gydee
  • 31
  • 1
  • 4
3
votes
3 answers

ReactJS content not filing up the whole page and is only taking up 3/4 of the available height

As you can see the div that contains the particles and the Home component is only using up 3/4 of the height even when the height attribute is 100%. Am I rendering the component wrong, what should i do so the component fills up the whole page. I…
Tanush N
  • 31
  • 1
  • 5
2
votes
1 answer

tsParticles has worse performance on live-server

I am currently stuck and unable to locate the error. After building my react application containing the react-tsParticles package, I noticed a immense worse performance after publishing it on my nginx-based webserver. While in local development…
Michael Holley
  • 119
  • 1
  • 12
2
votes
0 answers

Use particles as a background of the component in React

I got stuck with particles in react. I would like to use particles as background of the component. However, many attempts were unsuccessful. I used position: relative for canvasClassName="Background" and position: absolute for className="Text". It…
R J
  • 41
  • 5
1
vote
1 answer

react-tsparticles is hiding my other components when i just want it to be a backgroud

so I am using React TS-particles and React three.JS for my Personal Portfolio Website and I have an issue. So i am using React ts-particles to create a background of stars which works perfectly fine but when I add my Home component, it is displayed…
Monkey D Luffy
  • 31
  • 1
  • 3
1
vote
2 answers

Particles JS on React nos properly working

I'm trying to use react-particles-js on react. When I load the page, it's not working. But when I change the color of the particle, it works! But it does not refresh the page anymore when I do changes on it. The original color was: #000, I just…
EDev
  • 400
  • 3
  • 10
1
vote
2 answers

react-particles-js: Can't set a background and width

I have this installed react-particles-js, everything works fine as I see, but now I have created some custom design, and assigned it to the Particle via it params, just like this:
Dziugito Bizox
  • 55
  • 1
  • 12
1
vote
0 answers

Adding TSParticles params in React Particle

I am trying to replicate ts particle params to use in React particles. I used the same params what are working in tsparticles, But in React it is not getting displayed. Here are the below config params for both TsParticle and React…
tkamath99
  • 629
  • 1
  • 12
  • 32
1
vote
3 answers

Why does my React site resize incorrectly?

I have been using React to create my own professional website. With this, I wanted a cool background in which I decided to use https://www.npmjs.com/package/react-particles-js The only issue I have is that on mobile the particles do not fill the…
Andy Silver
  • 13
  • 3
1
vote
1 answer

How to make particles.js fullscreen in React?

Here is a link to a working example of the site: https://codesandbox.io/s/eloquent-kapitsa-kk1ls I have been trying to get the particles to travel the full height of the screen but I can not get them to go all the way to the bottom. I have tried…
arctic
  • 609
  • 3
  • 11
  • 19
0
votes
0 answers

Is there a way to use the "split" mode during onHover interactivity with react-particles?

I am using React v18.2 and react-particles v2.10.1 I am trying to configure react-particles so that when a square that is originating from the bottom of the screen meets the cursor the particles break apart into a random number of polygons. I have…
Vcoss
  • 43
  • 6
0
votes
0 answers

tsParticles react making trail disappear after a second

I have floating particles on the screen already, and have a cursor trail of them, I am wanting the duration of the trail to disappear after a half second, but NOT the particles already on the screen, but do not know where to put it. All of the…
user21075278
  • 3
  • 2
0
votes
1 answer

Show only Particlejs on specific div

I want to do an effect with particlejs, I want to contain my particle in a div with (width: 250px, height: 250px) but I can't. I don't know why all particles are in all pages. I tried to contain the div in div with absolute/relative…
Chakib Araf
  • 11
  • 1
0
votes
1 answer

How to make particles js to disappear after banner section end in react

I built a banner section with particles js background. and I want start new section but the particles js background is fixed position important. I want to make the particles disappear after the banner end . I opend the developer tools and this is…
Amr Wael
  • 1
  • 2
1
2