Hi my gorgeous friends of Webflow,
We know on CodePen you can find amazing things.
This cloneable was built by integrating the following project from Jacob Foster:
I tweaked the code a bit to make it fully responsive and directly configurabile from your Webflow project by using attributes. 😊
Things you can customize through attributes:
- Particle color (HSL format)
- Scale factor for desktop/tablet and mobile, for better responsiveness
- Particle density
- Cube perspective
- Particle spread
- Particle velocity
Just add the corresponding attributes to the div you want to host your canvas animation in and play around with attribute values! 😁
Look for the 'hero-section__canvas-host' element inside my project to get the whole list from the Element Settings panel and don't forget to add the 'fc-canvas-host' attribute as well!
Enjoy, clone, and feel free to leave a comment!
Have an awesome Webflow journey y'all,