Elevate your design with the Cracked Marble Shader, a premium WebGL component that procedurally generates the look of fractured stone or the Japanese art of Kintsugi (repairing with gold). Unlike static textures, this shader uses animated fractal noise to create living, breathing veins that slowly evolve over time.
It is the ultimate background for luxury brands, high-end portfolios, or architectural websites. Because it renders natively on the GPU, it remains crisp at any resolution without the heavy file size of a video loop. You have complete control over the stone base color, the glowing vein color, and the intricate details of the fracture patterns.
Functions (Key Features):
⚡ WebGL Powered: Renders natively on the GPU for buttery-smooth performance at any screen size.
🏺 Kintsugi Aesthetic: Create the look of broken pottery repaired with gold, or switch colors for lightning/magma effects.
🎨 Dual-Tone Styling: Fully customizable Base Color (Background) and Vein Color (Cracks).
🎛️ Texture Control: Adjust Crack Density, Sharpness, and Zoom Scale to go from subtle scratches to deep fractures.
🌊 Organic Animation: Controls for Move Speed allow the veins to shift and morph organically over time.
How to Use:
Insert: Drag the Cracked Marble component onto your canvas.
Sizing: Set Width and Height to "Fill" (100%) to use it as a section background.
Colors: To get the classic Kintsugi look, use a Dark Grey/Black base and a Gold/Orange vein color. For a "Storm" look, use Dark Blue and White.
Detail: Adjust Zoom Scale to change the pattern size. Use Crack Density to determine how broken the surface looks.
Motion: Set Move Speed. Use 0.1 for a barely noticeable elegant shift, or 1.0+ for a chaotic energy effect.
Alpheratz
