Transform your Framer projects into immersive digital experiences with this fully interactive 3D particle system. Powered by Three.js, this component generates dynamic starfields, particle clouds, or custom sprite arrays that react fluidly to user movement, perfect for captivating hero sections, landing pages, and creative portfolios.
Key Features:
Flexible Particle Shapes: Choose from Square, Circle, Star, or upload a Custom Image sprite to match your brand identity.
Massive Scale: Generate up to 25,000 particles with full control over size, color, and depth to create rich, cosmic environments.
Dual Interaction Modes: Select Mouse Move (tracks cursor movement across the screen or container) or Drag (click and drag to pan the camera, complete with a "grab" cursor state).
Precision Camera Controls: Fine-tune the camera's depth and X/Y tracking speeds to achieve the exact parallax effect you desire.
Built-in Performance Optimization: Includes a sophisticated Lazy Load system with Hysteresis (customizable Init and Destroy margins). This ensures the heavy 3D renderer only activates when the component is near the viewport, guaranteeing blazing-fast page load times and smooth scrolling performance.
Perfect for: Designers and developers looking to add a "wow" factor without writing a single line of code. Use it as an animated background, a futuristic data visualization aesthetic, or an eye-catching brand showcase.
Get started in seconds: Simply drag, drop, and tweak the properties to watch your 3D universe come to life.
Transform your Framer projects into immersive digital experiences with this fully interactive 3D particle system. Powered by Three.js, this component generates dynamic starfields, particle clouds, or custom sprite arrays that react fluidly to user movement, perfect for captivating hero sections, landing pages, and creative portfolios.
Key Features:
Flexible Particle Shapes: Choose from Square, Circle, Star, or upload a Custom Image sprite to match your brand identity.
Massive Scale: Generate up to 25,000 particles with full control over size, color, and depth to create rich, cosmic environments.
Dual Interaction Modes: Select Mouse Move (tracks cursor movement across the screen or container) or Drag (click and drag to pan the camera, complete with a "grab" cursor state).
Precision Camera Controls: Fine-tune the camera's depth and X/Y tracking speeds to achieve the exact parallax effect you desire.
Built-in Performance Optimization: Includes a sophisticated Lazy Load system with Hysteresis (customizable Init and Destroy margins). This ensures the heavy 3D renderer only activates when the component is near the viewport, guaranteeing blazing-fast page load times and smooth scrolling performance.
Perfect for: Designers and developers looking to add a "wow" factor without writing a single line of code. Use it as an animated background, a futuristic data visualization aesthetic, or an eye-catching brand showcase.
Get started in seconds: Simply drag, drop, and tweak the properties to watch your 3D universe come to life.
Bardia Madani
