Відео

Rewatch the video bro...

What

❤️

Thank you for informing !

Happy to help you !

Please my images are duplicating in the carousel and I don't know why​@@swapnilcodes

Yes sir

How can I help you sir ???

Due to my busy schedule. I can't but you can buy free bootstrap templates from the internet. There are many websites who can provide you free templates...

Happy to help !

Sorry for that !

I am so glad !

Please, rewatch the video !

❤️

❤️

❤️

Make sure you have added owl carousel js file after the jQuery cdn link...

Thanks 😊❤️

😅😅

Thanks ❤️

😊

Search for a library or npm packgaess...you will get one...

Hey I made a video on how to implement particles js into react, ua-cam.com/video/AKM3EodFZek/v-deo.html

Use CSS positions. Give form container relative and and particles div a absolute. It will help you ! Good luck Buddy 🌟😊

Please watch that specific part of the video...it seems there is a syntax error sir...or make sure the image is properlyy being shown...

thank iu @@swapnilcodes

Yes

Storyset - search this on google

Pleasure...😊❤️

Glad this tutorial could help you...😊

Means ???

Pleasure Brother. There are more videos on the topic on this channel please check out as well...

Pleasure 😊

Actually CDN links of particles js have been updated...so I have added a blog post link in the description where you will get the code...try this and let me know whether it works or not...

Update your app.js with the following lines of code... document.addEventListener('DOMContentLoaded', function () { particlesJS('particles-js', { particles: { number: { value: 80, density: { enable: true, value_area: 800 } }, color: { value: '#ffffff' }, shape: { type: 'circle', stroke: { width: 0, color: '#000000' }, polygon: { nb_sides: 5 } }, opacity: { value: 0.5, random: false, anim: { enable: false, speed: 1, opacity_min: 0.1, sync: false } }, size: { value: 3, random: true, anim: { enable: false, speed: 40, size_min: 0.1, sync: false } }, line_linked: { enable: true, distance: 150, color: '#ffffff', opacity: 0.4, width: 1 }, move: { enable: true, speed: 6, direction: 'none', random: false, straight: false, out_mode: 'out', attract: { enable: false, rotateX: 600, rotateY: 1200 } } }, interactivity: { detect_on: 'canvas', events: { onhover: { enable: true, mode: 'repulse' }, onclick: { enable: true, mode: 'push' }, resize: true }, modes: { grab: { distance: 400, line_linked: { opacity: 1 } }, bubble: { distance: 400, size: 40, duration: 2, opacity: 8, speed: 3 }, repulse: { distance: 100 }, push: { particles_nb: 4 }, remove: { particles_nb: 2 } } }, retina_detect: true }); // Custom code to connect dots on mouse hover var canvasEl = document.querySelector('#particles-js canvas'); var ctx = canvasEl.getContext('2d'); var particles = []; var connectDistance = 100; canvasEl.addEventListener('mousemove', function (e) { var mouseX = e.clientX; var mouseY = e.clientY; for (var i = 0; i < particles.length; i++) { var particle = particles[i]; var dx = particle.x - mouseX; var dy = particle.y - mouseY; var dist = Math.sqrt(dx * dx + dy * dy); if (dist < connectDistance) { ctx.beginPath(); ctx.moveTo(particle.x, particle.y); ctx.lineTo(mouseX, mouseY); ctx.strokeStyle = particle.color; ctx.stroke(); ctx.closePath(); } } }); window.pJSDom[0].pJS.fn.particlesCreate = function () { for (var i = 0; i < this.pJS.particles.number.value; i++) { this.pJS.particles.array.push(new window.pJSDom[0].pJS.fn.particle(this.pJS.particles.color.value, this.pJS.particles.opacity.value)); } }; window.pJSDom[0].pJS.fn.particle = function (color, opacity, position) { // Existing code for particle creation... particles.push(this); }; });

Sorry sir...😁 no idea...

You might be missing something sir... either Watch the video again or watch another video ( on this channel ua-cam.com/video/h5qmqOVwUzQ/v-deo.html ) which contains latest CDN links... Let me know whether it works or not...if it didn't work I will upload a complete source code on GitHub...👍😊

I am so glad that the video helped you...😊

Glad to hear that this video really helped you Man...🎉

Thank you ! keep Supporting...🤟❤️

😂😂

Bro, I will make another video like this and will upload the source code...

SOURCE CODE : www.codelabotary.com/coding-tutorials/how-to-use-particles-js-in-your-website-in-2023/

Yeahh😂😁

You are welcome !

Good Morning 😂😂

Thank You ❤️

Thank you Mam 😊🙌

Thank you 😊

Means ?