Particle Wordmark

Particle Wordmark
Particle Wordmark

About Particle Wordmark

A little word, full of life.

Tiny dots gather into a word, part around your pointer and gently find their way back. A quiet little interaction for a welcoming headline, a playful introduction or a name worth lingering over.

Choose your word and font, then adjust the colours, dot size, width and pointer response directly in Framer. The particles follow the shape of your chosen font. Let the entrance repeat, keep the finished word still, or add a gentle wandering movement on touch devices.

Move through the letters to scatter nearby dots. Click or tap to replay. Keyboard visitors can move the disturbance with arrow keys, replay with Enter or Home, and pause with Space or Escape. Reduced motion skips the entrance and automatic replay while keeping a gentler direct response. Animation rests outside the viewport and in hidden tabs.

Use a full-screen scene or an embedded section. Pause and progress survive appearance and size changes. Each instance works independently, the editor shows a still preview, and a readable text fallback appears when WebGL is unavailable.

Includes this single Framer code component, matching editable source, a setup guide, two customisation prompts and a commercial licence for one finished project. No shared development project, other components, photographs or font files are included. Use fonts licensed for your own project.

By AL Webdesign Studio.

From Alexej Luft

AL Typewriter
AL Scroll Reveal
Hand-Drawn Marks
Split-Flap Headlines

Related Components

AutoCover
TextFluxUnveil
Shape Spinner
Sticky Projects