Particle cloud Animated HTML website template

The sample page

Tidepoint. Light installation studio in Mount Pleasant, Vancouver.

The idea

A cloud of 100,000 light particles that changes shape and parts in a circle as the cursor passes.

What to try

Move your cursor through the cloud, hold to pull it in and press 1, 2 or 3 to change shape.

Made for

Design studios, tech, science, festivals and architecture

Palette

• #F4F1EA
• #1A1A2E
• #FF6B4A
• #1F9E89
• #E3B23C

Typefaces

Fraunces + Inter

Cultural notes

• Fictional business.
• Still image with reduced motion.

The HTML

What you download

• A single index.html file with nothing to install: open it, swap in your brand and copy, and upload it to your hosting.
• In English and Spanish, tested on desktop and mobile.
• Instructions for changing copy, colors, language and prices, plus its license.