---
title: "Cracked Marble — Free Framer component · Best of Framer"
description: "Free Framer component · by Sirrah Space · Backgrounds. Elevate your design with the Cracked Marble Shader, a premium WebGL component that procedurally generates the look of fractured…"
canonical: "https://framer.elliotli.dev/component/cracked-marble"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Cracked Marble

# Cracked Marble

Animated Kintsugi marble shader.

[View on Framer](https://framer.com/marketplace/components/cracked-marble/?via=elliot-li)

![Cracked Marble preview image 1](https://framer.elliotli.dev/og/component/cracked-marble/274b953314b4de65/1600x1200.jpg)

## Summary

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…

## Description

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:**

1.  **Insert:** Drag the **Cracked Marble** component onto your canvas.
    
2.  **Sizing:** Set Width and Height to **"Fill" (100%)** to use it as a section background.
    
3.  **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.
    
4.  **Detail:** Adjust Zoom Scale to change the pattern size. Use Crack Density to determine how broken the surface looks.
    
5.  **Motion:** Set Move Speed. Use 0.1 for a barely noticeable elegant shift, or 1.0+ for a chaotic energy effect.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #6593

## Details

- **Author**: Sirrah Space
- **Published**: 2026-02-09
- **Updated**: 2026-02-09
- **Added**: 2026-01-31
- **Categories**: Backgrounds

## More like this

-   [Live_Backgrounds.exe](/component/live-backgrounds-exe) — S̶̈́͂IX BILLIÖ̴́N HERSELF · $19 — Animated backgrounds, 19 presets
-   [Drumskin](/component/drumskin) — KOJA Studios · Free — Interactive dot grid background
-   [Eclipse Ring](/component/eclipse-ring) — Lunaut Studio · $9 — A total eclipse for your hero
-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background