Discover the best dots websites created by professional designers. Get inspired and start planning your perfect dots web design today!

Here's a short tutorial on how to add particles to your project.

Follow my profile to get notified about new tutorials of cool Webflow tricks.

Particles tutorial

Tutorial Floating Particles.js

Only basic Webflow slider with custom design and animation Slider dots.

Have a fun and if you like it ...

slider dots custom numbers animation

sc-dots-01

Wandering dots is my recreation of a neat hero effect seen on https://finiam.com/ by Onda Studio. It's a great intro to introducing randomness to animations, linear interpolation function (lerp), and dealing with speed in p5.js. It's also a simple implementation of scroll and mouse click behavior in p5!

Wandering Dots

Let's recreate the oscillating dot grid effect as seen on the landing page for OpenAI ChatGPT iOS App. We'll use nested while loops and take you back to ninth grade geometry class with the cosine function for this build!

Tutorial: https://youtu.be/F9__TdmElf4

OpenAI Rebuild: Oscillating Dot Wave

RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=