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

New cyberspace transmission detected. Please intercept and initiate visual scan...

The concept behind this website is that you 'Add to Cart' the different web elements you require to build your new website before checking out to open the contact form. No real products or transactions involved! The 3D images are modeled and rendered in Blender. Also includes a Sketchfab embed to view the 3D model. Thanks for looking! :-)

Web Elements

Web Elements 3D

Feel free to play around with the settings

Spiral Galaxy with GUI

New year! New website!
Today I am sharing with you my new studio website!
Building everything from scratch is always a big challenge.
I still have to polish some things, but I hope you like it.
Stay tuned for future upgrades!
Carefully #MadeInWebflow

Antonio's Amazing Experimental Project

Let Your Brand stand out from the crowd.

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

Implementation of this awesome Star system.

Original doc can be found at: https://codepen.io/seanseansean/pen/vEjOvy

Three js Stars

three-js-stars

Just a simple tutorial for Particles.js lightweight library.
Simple and cool!

Enjoy!

particles-js

PARTICLES EFFECT - How to integrate Particles.js in Webflow

Enjoy yourself having text explode into particles...
Edit to show your personal text.

Brilliant for eye catching landing pages.
Feel free to clone and use in your upcoming projects

--> Follow my profile for cool projects coming soon

Credits and source for custom code: https://codepen.io/sanprieto/pen/XWNjBdb

Text Particles with ThreeJS

I had a dilemma on a recent project; my "related posts" section was 3000 pixels long because all the sections were stacked horizontally. It was a mess. So I decided I'd try something more horizontal; the problem was, my titles were going all over the place, and sliders weren't giving me the flexibility I was looking for.

Thank the lord for position: sticky! using this horizontally, as opposed to in standard vertical fashion, I was able to solve for my problem, to much fanfare. See it live at the link below, clone away, and let me know what you think about this elegantly simple solution!

https://prelogin.zentail.com/blog/product-discovery-happens-on-search-google-shopping-actions

***To make this work right, you'll need to undo all the CMS bindings. I've updated the Webflow document with a second page that has the same elements, just not connected to anything. Copy that one!

Funky/Sticky Related Articles Section

Spiral Galaxy

Redesign and redevelopment of the Open System Network's website

Open System Network

In just a couple clicks you can add a bouncing particle animation to any of your projects. You can just copy and paste the code on the “custom code” section and modify it if you feel adventurous. 

Sign up if you want the lesson: www.webflowtips.com/b/how-to-create-a-particle-animation

If you have any questions feel free to comment.

P.S 🙂  🙌  - Like or follow if this was useful for you.

8 of 50

Webflowtips - Color particles

How to add a particle bounce animation?

The site presents a social app based on birthdays.

I've created a simulator to get the first glance of the app. 
Click on the star button to swipe between the profile with some nice effects. 🌟🌟🌟

I hope you like it :)

Doppels - Social app

Social app simulator

Discover this effect library that can be used to create bursting particle effects.
The idea is to desintegrate an element into particles and making it disappear.

Particles  Button Cloneable

Particles Button

Website designed for NFT Scratchoff, a project blending gaming dynamics with the technology of NFTs. 

We hope you enjoy, and if you're interested in receiving a clone of this website feel free to reach out by messaging us directly or by contacting us at hi@fra-mauro.com.

Designed and Developed by Fra Mauro.

Fra Mauro's Awesome Site

NFT Scratchoff Website

ThomasBarry

Stop the virus, spread your genius.
Share your talent from home.

Project approved by the Webflow team!

Spread Genius

#SpreadGenius

Another full page scroll based lottie - this time with a trick to emulate particle movements

Jelly-Scroll

jelly-scroll

Website design for Demi Gods Universe, an NFT project that minted back in December of 2021. 

We hope you enjoy, and if you're interested in receiving a clone of this website feel free to reach out by messaging us directly or by contacting us at hi@fra-mauro.com.

Designed and Developed by Fra Mauro.

Discover particles websites built by the Webflow community

Discover particles websites built by the Webflow community