The Cube Loader is a visually striking, 3D animated component designed to elevate boring loading screens into immersive experiences. Built specifically for Framer, it leverages native CSS 3D transforms to ensure high performance and smooth 60fps animations without the need for heavy WebGL libraries.
Key Features:
Immersive 3D Animation: The cube rotates continuously while "breathing" (expanding and contracting), creating a hypnotic, living effect.
Granular Color Control: You can independently style the Front/Back, Left/Right, and Top/Bottom faces, allowing for complex gradients or brand-aligned color schemes.
Framer Font Integration: Includes full support for Framer’s native text tools, letting you customize the Title and Subtitle font family, weight, and size directly from the property panel.
Dynamic Lighting: Features a glowing internal "core" and a reactive floor shadow that pulses in sync with the cube's movement.
Animation Tuning: customizable sliders for Spin Speed and Breathe Speed allow you to toggle between a frantic, high-energy loader or a slow, zen-like idle animation.
Ideal For: App initialization screens, scene transitions, data processing states, or as a decorative sci-fi UI element.