Particle Typo — Interactive Typography Component for Framer

Preview

Turn any word into a responsive network of particles and connecting threads.

Particle Typo is a customizable Framer code component for experimental hero sections, portfolios, creative studios, product launches, and interactive landing pages. Enter your own text, adjust its typography, and control the entire visual directly from the Framer properties panel—no code editing required.

WHAT YOU CAN CUSTOMIZE

• Text, font, weight, and responsive size

• Particle color, size, and density

• Thread color, width, opacity, range, and web density

• Transparent or radial-gradient background

• Interaction force, friction, and return speed

• Canvas quality and performance settings

THREE MOTION MODES

• Cursor — particles react to mouse and touch movement

• Auto — an autonomous interaction point moves through the text

• None — displays the assembled particle typography without interaction

Pressing or holding the pointer can create an additional burst of movement, with independently adjustable strength.

BUILT FOR FRAMER

• Fully responsive

• Mobile and touch compatible

• Transparent-background support

• No external libraries

• No code editing required

• Optimized spatial connection system

• Up to 3,500 particles with performance controls

Use it as a bold typographic hero, an interactive background, an experimental title, or the centerpiece of a creative landing page.