---
title: Wallpapers & Animated Shaders
description: Configure solid colors, animated WebGL shader meshes, custom photo backdrops, video wallpapers, and frosted glass blur.
sidebar:
  label: Wallpapers & Shaders
  icon: image
---

Ceynk features 3 versatile background engines to make your link-in-bio page stand out. Access these controls under **Appearance → Wallpaper**.

---

## Background Modes

<CardGroup cols={3}>
  <Card title="Mode A: Color & Shaders" icon="sparkles">
    Solid color backdrops or dynamic, interactive WebGL animated gradient mesh and noise shaders.
  </Card>
  <Card title="Mode B: Image Wallpaper" icon="image">
    Upload high-definition custom photography, illustration banners, or textures.
  </Card>
  <Card title="Mode C: Video Wallpaper" icon="video">
    Upload seamless looping background video clips (`.mp4`, `.mov`, `.webm`).
  </Card>
</CardGroup>

---

## Mode A: Solid Color & WebGL Shaders

**🎨 Solid Color**

Select any clean background color using the hex picker or HSL controls

**🌊 Animated WebGL Shaders**

Ceynk integrates high-performance **Paper Design WebGL Shaders**:
- **Animated Gradient Meshes**: Smooth morphing color waves.
- **Noise Shaders & Grain Textures**: Subtle organic grain and film textures.
- **Interactive Speed & Hue**: Adjust animation fluidity.
- **Pro Shaders**: Ultra-smooth high-definition GPU shaders>

---

## Mode B: Custom Image Wallpaper

<Badge variant="accent">Pro Feature</Badge>

1. Select **Image Wallpaper**.
2. Upload any high-resolution JPG, PNG, or WEBP wallpaper (under 50MB).
3. Use the **Background Blur Slider** (`0px` to `60px`) to apply a frosted glass backdrop effect so your Bento cards remain perfectly readable over complex photos.

---

## Mode C: Looping Video Wallpaper

<Badge variant="accent">Pro Feature</Badge>

1. Select **Video Wallpaper**.
2. Upload a short, high-quality looping video (`.mp4`, `.mov`, `.webm`).
3. Set the **Background Blur Slider** to soften motion behind the cards.

---

## Frosted Glass Backdrop Blur

All wallpaper modes include a **Backdrop Blur** slider:
- `0px`: Crisp, sharp background.
- `20px - 40px`: Subtle modern frosted glass depth.
- `60px`: Ultra-soft ambient bokeh background.