Interactive Dots
$10
Subtotal
$10
Taxes
āTotal
$10
Interactive Dots
The Interactive Dots component brings your designs to life with a dynamic, physics-driven grid of dots that respond to mouse movement. Each dot reacts with smooth repulsion, creating a playful and engaging interactive effect. You can display it as simple dots or connect them with animated lines that change colors based on position, adding depth and visual interest.
Key Features
- Two modes: Dots or Dot Lines with dynamic color effects
- Physics-based mouse repulsion with adjustable distance and strength
- Smooth motion using smoothing and damping parameters
- Fully customizable grid (dot size, spacing, and colors)
- Optional toggle buttons to switch between modes
- Responsive to window resizing for consistent layouts
- Lightweight SVG-based rendering for crisp visuals
- Animated connecting lines with color gradients and dashed strokes
Where to Use
- Interactive backgrounds for landing pages or apps
- Portfolio showcases or hero sections
- Dynamic hover effects for UI elements
- Creative data visualization grids
- Event-driven visuals for presentations or demos
- Engaging interactive web components for storytelling
š ļø Support
If you have any issues, feel free to reach out:
š§ Email: mehrajdesign@gmail.com
By clicking "Pay now," you authorize Polar Software, Inc., our online reseller and merchant of record, to charge your selected payment method the amount shown above, and agree to the Buyer Terms. This is a one-time charge.