Back to HyperFrames Templates

Particle Wordmark

Glowing particles swarm in, assemble your word, then disperse

Open with AI

OpenAIChatGPTClaudeClaude

Description

A logo-sting energy: hundreds of additive-blended particles fly in from a cloud, lock into the shape of your wordmark with a soft settle and idle shimmer, hold, then scatter back — a seamless loop. Motion-blur trails and a duotone glow give it real depth. Pure `<canvas>` 2D and vanilla JS, no assets, no libraries.

Change `WORD`, the two gradient colours and the loop timing at the top of the script. The text is rasterised and sampled at runtime, so any word or short phrase just works. Best for intros, brand bumpers and reveals.

How to use it

  1. Copy the block's HTML from the Source Code tab.
  2. Paste it into your HyperFrames composition (or any HTML page).
  3. Edit the text, colours, and timing to match your brand, then render it to video with HyperFrames.

Category

Text
Remotion

Building with Remotion?

Get the same effects as ready-to-copy Remotion (React) components — 80+ free video templates.

Browse Remotion templates