Skip to main content

How-To Guides

Backgrounds

Every background type, and what each one costs

Read
4 min read
Sections
5
Article
29 of 45

Where backgrounds live

Dashboard → Profile → Background. Background type is a set of tiles, Basics and Live effects, and the card under it changes to match the one you pick.

The types

  • None: your background color, nothing over it
  • Color: one flat color, with its Color transparency
  • Gradient: two colors and an angle
  • Image: your own picture, uploaded in the card that appears under the tiles, with a crop and a blur
  • Video: MP4, MOV or GIF, with a blur and Play the video as the page opens. Its sound is set under Music player on Dashboard → Music
  • Particles: floating points, with count, spread, speed, size, transparency and mouse reaction
  • Galaxy: stars and dust, with density, hue, twinkle, glow, saturation, focal point, mouse interaction and repulsion
  • Silk: a slow flowing weave, with speed, scale, color, noise and rotation
  • Lightning: bolts, with hue, position, speed, intensity and size
  • Iridescence: shifting color, with speed, amplitude and mouse reaction
  • Liquid Chrome: flowing metal, with base color, speed, amplitude, frequency and interactivity
  • Snowfall: falling flakes, in a color you choose
  • Aurora: bands of light drifting overhead, with color, speed, intensity, spread and softness
  • Clouds: a night sky with clouds, with color, speed, sky brightness and cloud count
  • Ghost Fibers: drifting fibers of light with a glow; twenty-three controls, from layers and twist to grain and vignette
  • CRT Warp: a plasma signal on a curved, scanlined screen; curvature, scanlines, bloom, pixelation, color fringing and a pointer lean
  • Liquid Ether: a fluid stirred by the pointer that stirs itself when nobody is there; three colors, force, viscosity, simulation detail and the demo pointer's behavior
  • Light Pillar: a column of light rising through the page; two colors, width, height, glow, tilt and rotation
  • Light Rays: rays from an edge you choose; color, origin, spread, length, pulse and pointer influence
  • Pixel Blast: a dithered pixel field; shape, pixel size, density, ripples on click, an optional liquid warp and grain
  • Pixel Snow: pixel-art snow; flake shape, size, density, depth, speed and wind direction
  • Dither: slow waves in a handful of shades; two colors, wave speed and shape, color count, pixel size and a pointer dip
  • Dark Veil: a dark veil of violet and blue light, folding slowly; hue shift, speed, warp, grain and scanlines
  • Plasma: twisting streams of plasma flowing toward you; your color or its own, direction, speed, scale and a pointer lean
  • Ferrofluid: liquid metal edges that flow and part around the pointer; three colors, flow direction, turbulence, rim width, shimmer and glow
  • Topography: contour lines of a landscape that keeps reshaping itself; three colors, line count and thickness, relief, an optional fill and a hill under the pointer
  • Spectrum Warp: bands of color bending as if poured through warped glass; your three colors or the full spectrum, rotation, spin, warp and a pointer pull

Setting one up

  1. Go to Profile → Background
  2. Pick a tile under Background type
  3. Adjust the settings in the card under it. An effect's less used settings fold behind a line that counts them
  4. Open View profile to see it on your page, then press Save

Nothing goes on your page until you press Save, in the bar that rises at the bottom of the screen. Revert drops everything you have not saved.

Overlays (Premium)

Overlay, on the Background screen, lays an effect in front of your background and behind your card: Snowflakes, Rain, Petals, Hearts, Sparkles, Shooting stars, Embers, Fireworks, Thunder, Money rain, Crypto rain, Matrix, TV, Line waves and Light tunnel. Each is drawn in its own colors until you pick an Overlay color (Money rain and TV always keep theirs), and Amount sets how much of it there is, from a few flakes to a storm. It works over any background.

Performance

Every live effect except Aurora and Snowfall is a WebGL shader and runs on the visitor's GPU every frame. On an older phone that is felt. Liquid Ether is the heaviest: a fluid simulation, six passes deep, and its Simulation detail control is the first thing to lower. Lower density or intensity elsewhere rather than assuming everyone has your hardware. A browser that cannot draw it on a graphics card, with hardware acceleration switched off or on a very old device, still loads the profile and shows a still picture of the effect where it would be. The picture is in the effect's own default colors, not the ones you chose.

Was this article helpful?

I need more help

Still stuck?

Support reads every message.