Nebula vortex
Nebula Vortex displays your images in a dynamic 3D orbit, reacting to cursor movement with scale, depth, and rotation for a premium interactive showcase.
Made with Workshop
Build your own component with AI
Nebula Vortex displays your images in a dynamic 3D orbit, reacting to cursor movement with scale, depth, and rotation for a premium interactive showcase.
Made with Workshop
Build your own component with AI
Nebula Vortex is an advanced 3D gallery component that transforms static images into an interactive vortex orbit. Images circle around a customizable center point and respond to cursor proximity with depth, scale, and rotation — creating a smooth, premium, futuristic showcase effect.
Whether you’re designing a portfolio, landing page hero, or interactive background, NebulaVortex adds an immersive motion system that feels alive and reactive.
Features & Properties
Images – Upload a set of images to showcase.
Image Count – Choose how many images display in the orbit (2–36). Fewer = more spacing.
Radius – Controls orbit size; larger radius creates a wider orbit circle.
Center X/Y – Offset the orbit center horizontally or vertically.
Image Width & Height – Define the dimensions of each image in pixels.
Border Radius – Round the image corners (0 = square, higher = softer edges).
Tangent Offset – Rotate images along the orbit (90° points them outward).
3D Interaction Controls
Proximity Distance – Sets how far from the cursor the 3D effects begin.
Max/Min Scale – Define size change when cursor is close vs far (e.g., 1.5 = 150%).
Max/Min Translation – Control how much images move forward/backward in 3D space.
Max Rotation X/Y – Define the tilt angles (horizontal + vertical) when reacting to cursor.
Animation Controls
Spring Stiffness – Controls responsiveness of 3D motion (higher = snappier).
Spring Damping – Adjusts bounce/oscillation (higher = less bounce).
Spring Mass – Weight of the animation (higher = heavier/slower).
Where to Use
Portfolio Galleries – Showcase projects, case studies, or artwork.
Landing Pages – Add a futuristic hero animation that responds to visitors.
Product Displays – Highlight product shots or logos in an interactive orbit.
Backgrounds – Create a live, moving ambient effect behind text or UI.
With full customization and real-time cursor interaction, Nebula Vortex is built for premium interactive web experiences that impress clients and audiences alike.
