Skip to content

Effect / PARTICLE

Text Particles

Turn a brand name or short statement into glowing particles for launches and creative portfolios.

Static cover of the Text Particles particle canvas

Static preview is active. You can choose to enable motion.

Preview settings

Changes apply to this preview only. Mobile devices use fewer particles.

About this resource

Make a short statement the focal point

Glowing particles form a text silhouette, starting with HELLO. Enter a brand name or short statement to explore different letters and spacing.

Keep it readable

Use short phrases and retain the important message as real HTML text. Canvas lettering should never be the only heading or searchable content on your page.

Input limits

The preview accepts up to 80 characters; longer text becomes smaller. Edits affect this preview only and do not update the CMS or prompt.

Your website starting point

Create a particle hero for a product website using the Text Particles concept. Use a #03090e background with #a9dbff blue and #ffa66b amber, mode text, about 12000 particles, speed 1, size 1.3 and glow 0.8. Start with HELLO and keep the same message as an HTML heading. Add a real HTML headline, value proposition and CTA outside the canvas, then navigation, features, proof and contact sections. Reduce density on mobile. Support reduced motion, manual pause, offscreen suspension and a static WebGL fallback. This is a requirements prompt, not a source-code import; refine the generated result.

You can select and copy this prompt manually. Temporary preview settings do not automatically update the prompt.

Keep exploring

View all

Render diagnostics