About Cubix 3D Museum
Cubix 3D Museum : Interactive 3D Cube Component for Framer
✦ A GPU-Grade Software Renderer. Zero Dependencies. Pure Canvas Sorcery.
Cubix 3D Museum is a production-ready, fully interactive 3D cube engineered for Framer , no Three.js, no WebGL, no external libraries. Built on a bespoke quaternion-driven rendering pipeline with real-time perspective projection, this is the most technically advanced 3D primitive you can drop onto any Framer canvas
⚡ Core Rendering Engine
Quaternion arcball rotation with slerp interpolation & inertia physics
Software perspective projection with adaptive 2×–4× tessellation
Bilinear UV interpolation + affine triangle texture mapping
Painter's algorithm depth sorting with backface culling
🎨 Face Customization
6 independent faces: solid color, image texture, or looping video
Per-face relief geometry with multi-segment extrusion
Adjacent-face bridging for seamless 3D continuity
🏷 Sticker & Tape Decal System
Multi-face wrapping decals with convex polygon clipping
Looping tape bands (X/Y/Z) with repeating image tiling
Blend modes: Multiply, Screen, Overlay, Soft Light
glossy specular reflection layer
💡 Cinematic Lighting Pipeline
Diffuse + specular + fresnel rim lighting
Directional light with adjustable angle & color temp
Edge glow with per-edge normal sampling
Soft-light & overlay compositing passes
🖱 Interaction & Animation
Drag-to-rotate with velocity tracking & friction control
Auto-rotation (X/Y/Z) with adjustable speed
Snap-to-face with eased slerp transitions
Click actions: link, rotate, show slot, or custom callback
7 slot animation presets (fade, slide, scale, blur)
🎭 Selection Effects
Aurora Flow, Soft Glow, Pulse, Highlight overlays
Dual-color aurora with layered gradient compositing
Infinite or limited play modes with cycle counting
🔧 Why Cubix 3D Museum?
Zero dependencies: pure Canvas 2D, no WebGL
60fps loop: with IntersectionObserver auto-pause
DPR-aware : up to 2× for Retina crispness
Fully responsive : via ResizeObserver
