About Particle Navbar

About

Particle Navbar is a free animated navigation component for Framer. Glowing particles form a pill-shaped header, gather around hovered or keyboard-focused links, and glide between them as a single capsule. A particle logo and responsive mobile menu bring the same visual language to smaller screens.

Choose a particle-rimmed or solid CTA with a burst on press. An optional entrance assembles the navbar from a cloud of particles, giving your header a memorable first impression.

On mobile, a dotted menu icon transforms into a close icon as the menu unfolds. Links enter in sequence and the CTA spans the panel. Keyboard navigation, visible focus, and reduced-motion support keep the experience considered beyond the visual effect.

What you can customize

Make the navigation feel like your brand, from a quiet light header to a luminous dark interface. Set your logo text or image, animated mark, link labels, destinations, and CTA. Shape the look with fonts, colors, particle density, size, glow, twinkle, surface blur, spacing, and rounded corners. Tune gathering, drift, cursor response, and entrance motion; choose the layout and mobile breakpoint to suit your header.