Orbix3D

Orbix3D is just one piece.

About this Component Visual & layout 5 immersive 3D layouts: Switch seamlessly between Ring, Fan, Helix, Sphere, and Wall formations — each offering a unique spatial arrangement and cinematic viewing experience. Advanced card masking: Supports built-in mask presets along with fully custom SVG mask paths for highly creative image presentations. Cinematic visual effects: Optional enhanced styling includes depth lift, blur, dimming, shimmer overlays, floating motion, and vignette effects for a more immersive premium aesthetic. Layered spatial depth: Cards dynamically shift through 3D space using perspective transforms, scaling, opacity, and depth positioning. ––––––––––––––––––––––––––– Interaction Cursor drag rotation: Users can rotate the gallery naturally using click-and-drag interactions for smooth spatial exploration. Mouse wheel navigation: Optional wheel-based rotation with adjustable sensitivity for precise control and immersive browsing. Auto-rotation system: Enable continuous ambient rotation with intelligent hover slowdown and viewport-aware pausing. Performance-aware behavior: Animations pause automatically when offscreen using IntersectionObserver for smoother rendering and improved efficiency. Reduced motion support: Respects accessibility motion preferences while maintaining a polished experience. ––––––––––––––––––––––––––– Customization Fully customizable via the properties panel: 5 layout variants Perspective & depth controls Rotation speed & sensitivity Cursor drag behavior Wheel scroll controls Card masking presets Custom SVG masks Blur & vignette intensity Floating & shimmer effects Scale & opacity ranges Background styling Responsive layouts ––––––––––––––––––––––––––– Responsive behavior Desktop: Large cinematic 3D layouts with immersive motion and layered visual depth. Tablet & Mobile: Optimized responsive scaling with smoother interactions for touch devices and smaller screens. Viewport optimized: Animations intelligently pause when outside the viewport for better performance and reduced resource usage. Editor-aware controls: Supports freezing motion inside the Framer editor and canvas for easier designing and previewing. ––––––––––––––––––––––––––– Perfect for SaaS landing pages AI startup websites portfolio showcases creative galleries product storytelling hero sections brand presentations visual case studies interactive media sections ––––––––––––––––––––––––––– Why it works Creates cinematic visual depth Makes static galleries feel interactive Adds premium motion to modern websites Encourages exploration through spatial interaction Supports highly customizable visual styles Blends performance with immersive design ––––––––––––––––––––––––––– Need a High-End Framer Website? Orbix3D is just one piece. At Blanq Studio , we design and build conversion-focused Framer websites for SaaS, AI, and modern brands — crafted to feel premium, interactive, and built to convert. From high-performing landing pages to fully custom digital experiences, every detail is designed to help brands stand out online. ––––––––––––––––––––––––––– Future enhancement idea Add snap-to-focus card alignment and optional thumbnail navigation for faster browsing and more controlled gallery interaction. ––––––––––––––––––––––––––– Preview / Functionality https://goodness-badger-090727.framer.app/

Cinematic 3D image gallery