Logo Particle Warp
Bring your logo to life with an interactive particle warp effect that reacts to the user’s cursor or touch.
Make it with Workshop
Build your own component with AI
About this Component
Logo Particle Warp transforms your uploaded logo into thousands of animated particles that scatter and return smoothly as visitors interact with them. Fully customizable colors, density, sizes, and motion settings let you fine-tune the visual experience. The component is responsive, supports PNG/SVG/JPG uploads, and includes a static logo preview in the Framer canvas for easy positioning. Perfect for hero sections, event pages, and dynamic branding moments.
Interactive Particle Warp → Your logo scatters into particles that respond to mouse or touch movement
Logo Upload → Supports PNG, JPG, and SVG (transparent PNG recommended)
Responsive Scaling → Logo size adjusts based on the component’s bounding box
Customizable Colors → Set background, base particle color, and scatter color independently
Adjustable Density → Control how many particles make up your logo
Variable Particle Sizes → Fine-tune minimum and maximum particle dimensions
Dynamic Interaction Radius → Define how far particles react to pointer movement
Scatter Strength Control → Set how far particles are pushed away
Smooth Return Motion → Adjust easing speed for particles to return to their base positions
Static Logo Preview → See your uploaded logo in the Framer canvas for easy layout placement
