Adding Interactive Particles to Your Webflow Site

Join my Webflow Wizards Community
/ timothyricks
In this video, we'll cover how to add interactive particles to your website using particles.js. Get the code for this project at www.notion.so/...
Try Webflow using my affiliate link below.
webflow.grsm.i...

[@des7638]

yoo!! THANK YOU !! Ive been Dying to learn this. SO COOL!

[@MattPozaGranicami]

THIS IS THE MOST AMAZING STUFF I"VE EVER SEEN !!!

[@jamesmac7071]

Exactly the kind of thing I was looking for, you're quickly becoming my go to for all things Webflow, thank you.

[@SocailInteruption]

Amazing! Exactly what I wasn't looking for but what I absolutely need now! Thank you

[@coltontrades]

Thank you, T.RICKS! Your work is helping so many webflow designers!

[@sleepystudios3386]

TIMOTHY RICKS YOU ARE AMAZING!!!!!!!!!!!!!!!!!

[@DesignwithAashish]

Wonderful. Short simple and sweet. Thanks Timothy.

[@neoxochitl]

thank you for all these videos.

[@JulianHibbert]

Thank you soo much, this is really helpful! I really appreciate your content !!

[@phillmudvayne]

Thank you so much!!

[@mintcat81]

Hi, I have a question, i added the ID to one section and worked just fine but what when I tried to add to other sections, it did not work, do you know what could it be?

[@walisonmartinsw]

Another great video!

[@SO-vq7qd]

super cool thanks!

[@rodrigorivas5102]

Thank you so much

[@cyrohan21]

Wonderful video! I am learning a lot from you!!

[@mereckholwa1469]

you're cool man, thnx a million

[@rontokarev1]

thanks man!
your videos are awesome!!

[@skyteam6822]

Do you have a course sir?

[@eivinj]

I cant find the code you are pasting into the editor?

[@betortas33]

How can I change the circle for an image?

[@simuls.4812]

thanks, it was pretty good tutorial

[@fbnoanonymo7114]

legend

[@mattgatz9056]

epic bro thank you

[@walterlobos9219]

Hi Tim, big fan! Question, how do I add the particles to multiple sections on the same page? I've noticed it only works on one section per page, I've pasted the same ID to multiple sections however that didn't work. I then tried to create different ID's and add them to the code but I can't quite work that part out. I could be doing it all wrong. Would love your help.

[@360vragency9]

Hi, I have the same problem, did you find a solution? Thanks

[@DerekSiu-gm9rl]

You can duplicate the script and assign it a unique ID

[@INXIETE]

Hey did you find your solution?

[@Denise-p6f]

I dont see body tag in webflow?

[@jeremymcwilliams3745]

Great video man! However this makes the navbar hamburger menu unclickable on mobile. Any way to fix this? I tried changing z-index of navbar but no luck.

[@stuartsmith7780]

Love this mate! SO good. Is there a way to make the background completely transparent?

[@timothyricks]

It should be by default. You only need to set a background on that first site for previewing only.

[@matteofabbiani]

Very useful video, thank you. I'm wondering why you can't interact with any of the elements (text, buttons...) inside the container for which you set this effect. How can I solve this?

[@timothyricks]

Your text and clickable elements would need a z-index of at least 1. I show an easy fix in the video at 5:10

[@matteofabbiani]

@@timothyricks Thank you so much!!

[@mdjahin99]

Amazing!

[@JoshuaAdeniran-sd5yo]

my hero

[@garyvoigt321]

Awesome!

[@clarkkent3864]

Are particles.js and the cdn safe? Should we use them on client websites?

[@dejankeleman1918]

I'm wondering the same

[@virathedon]

TOP MAN!!

[@longchen3325]

man, this is dòpe!!!

[@sl-nx3cw]

awesome!

[@AyushKumar-yn5co]

You are awesome

[@MrSidhantbhasin]

you a badass! 🔥

[@chihuahuamania5705]

It doesn't work for me, I've tried on Mac and Windows and doing everything as it should, but it just doesn't work. Although, very nice videos, keep on!

[@alexanderstaveley]

I cant seem to get it to work on my end either... maybe an update changed it?

[@trillsetdre8531]

W