Jump to content

How to achieve this background effect in Squarespace

Recommended Posts

Apparently the original effect became "popular" when someone released some code to do fluid dynamics or simulation in WebGL several years back.

I knocked around a bit to see if I could find a decent library but didn't have much luck. I was looking for a straight client side JavaScript library or function that appeared to be up to date and maintained. Most of what I found was several years or more old. Now sometimes this can be misleading as if the code is working then it may not have needed an update for some time. So old code doesn't mean bad it's just more encouraging when it's fresher.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • 2 weeks later...
On 4/16/2024 at 5:03 PM, tuanphan said:

I can't find this effect name, but you can search Codepen with some keywords like this, then share link to Codepen code, I can try converting it to Squarespace Code Block.


Thank you!


I managed to find this:


And: https://codepen.io/Elyx0/pen/gbgNro

And: https://codepen.io/collserola/pen/wmbPOw

All similar effects, but not the same...

Is this what you were meaning?

I've managed to achieve *something* similar just using Squarespace backgrounds, but it isn't quite the same. This is the page: https://bastion-ts.squarespace.com/contact-us

PW: bastionts24


Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.