Cubix 3D Museum

Cubix 3D Museum: Interactive 3D Cube Component for Framer ✦ A GPU-Grade Software Renderer.

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

Carved-Depth 3D Cube for Framer UI